Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *** Model - Service.cs ***
- public class Service
- {
- public int Id { get; set; }
- public string Name { get; set; }
- public string Description { get; set; }
- public string ImageUrl { get; set; }
- }
- *** Collection initialization (static list) in ServicesController.cs ***
- private static List<Service> _services = new List<Service>
- {
- new Service { Id = 1, Name = "Nesciunt Mete", Description = "Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis.", ImageUrl = "/images/services-1.jpg" },
- new Service { Id = 2, Name = "Eosle Commodi", Description = "Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.", ImageUrl = "/images/services-2.jpg" },
- new Service { Id = 3, Name = "Ledo Markt", Description = "Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.", ImageUrl = "/images/services-3.jpg" },
- new Service { Id = 4, Name = "Asperiores Commodit", Description = "Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.", ImageUrl = "/images/services-4.jpg" },
- new Service { Id = 5, Name = "Velit Doloremque", Description = "Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.", ImageUrl = "/images/services-5.jpg" },
- new Service { Id = 6, Name = "Dolori Architecto", Description = "Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.", ImageUrl = "/images/services-6.jpg" },
- };
- *** Index.cshtml ***
- @using Task10.Models;
- @{
- List<Service> services = ViewData["services"] as List<Service>;
- int numRows = 2;
- int cardsPerRow = services.Count / numRows;
- }
- <section>
- <header>
- <h2>Our Services</h2>
- <p>Ea vitae aspernatur deserunt voluptatem impedit deserunt magnam occaecati dssumenda quas ut ad dolores adipisci aliquam.</p>
- </header>
- <div class="container">
- @for (var i = 0; i < numRows; i++)
- {
- <div class="row p-4 justify-content-around">
- @foreach (var service in services.Skip(i * cardsPerRow).Take(cardsPerRow))
- {
- <div class="card col-4 services-card">
- <div class="services-img-window">
- <img src="@service.ImageUrl" class="card-img-top img-fluid">
- </div>
- <div class="card-body">
- <h3 class="card-title">@service.Name</h3>
- <p class="card-text">@service.Description</p>
- <a class="btn btn-secondary" href="/">@service.Name</a>
- </div>
- </div>
- }
- </div>
- }
- </div>
- </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement