Advertisement
otkalce

MVC example - layout

Apr 18th, 2023 (edited)
394
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.97 KB | Source Code | 0 0
  1. *** Model - Service.cs ***
  2.  
  3. public class Service
  4. {
  5. public int Id { get; set; }
  6. public string Name { get; set; }
  7. public string Description { get; set; }
  8. public string ImageUrl { get; set; }
  9. }
  10.  
  11. *** Collection initialization (static list) in ServicesController.cs ***
  12.  
  13. private static List<Service> _services = new List<Service>
  14. {
  15. 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" },
  16. 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" },
  17. 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" },
  18. 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" },
  19. 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" },
  20. 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" },
  21. };
  22.  
  23. *** Index.cshtml ***
  24.  
  25. @using Task10.Models;
  26. @{
  27. List<Service> services = ViewData["services"] as List<Service>;
  28. int numRows = 2;
  29. int cardsPerRow = services.Count / numRows;
  30. }
  31. <section>
  32. <header>
  33. <h2>Our Services</h2>
  34. <p>Ea vitae aspernatur deserunt voluptatem impedit deserunt magnam occaecati dssumenda quas ut ad dolores adipisci aliquam.</p>
  35. </header>
  36.  
  37. <div class="container">
  38.  
  39. @for (var i = 0; i < numRows; i++)
  40. {
  41. <div class="row p-4 justify-content-around">
  42.  
  43. @foreach (var service in services.Skip(i * cardsPerRow).Take(cardsPerRow))
  44. {
  45. <div class="card col-4 services-card">
  46. <div class="services-img-window">
  47. <img src="@service.ImageUrl" class="card-img-top img-fluid">
  48. </div>
  49. <div class="card-body">
  50. <h3 class="card-title">@service.Name</h3>
  51. <p class="card-text">@service.Description</p>
  52. <a class="btn btn-secondary" href="/">@service.Name</a>
  53. </div>
  54. </div>
  55. }
  56. </div>
  57. }
  58.  
  59. </div>
  60.  
  61. </section>
Tags: dotnet-mvc
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement