Pogreb.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>ООО "Пенный погребок"</title>
  7. <link rel="stylesheet" href="styles.css">
  8. </head>
  9. <body>
  10. <header>
  11. <nav>
  12. <ul>
  13. <li><a href="#about">О нас</a></li>
  14. <li><a href="#products">Категория продукта</a></li>
  15. <li><a href="#contact">Контакты</a></li>
  16. </ul>
  17. </nav>
  18. </header>
  19. <section id="about">
  20. <div class="container">
  21. <div class="product about-info">
  22. <img src="pictures/logo.png" alt="Логотип" class="company-logo">
  23. <div class="product-info">
  24. <div class="product-header">
  25. <h1>Крафтовое пиво высшего качества от ООО "Пенный погребок"</h1>
  26. </div>
  27. <div class="company-description">
  28. <p>
  29. ООО "Пенный погребок" - крупный производитель и продавец крафтового пива в России.
  30. Наша компания специализируется на производстве и распространении пива высокого качества,
  31. придерживаясь лучших традиций пивоварения.
  32. </p>
  33. <p>
  34. Мы гордимся нашей сетью рюмочных, которые расположены по всей стране и предлагают
  35. посетителям насладиться уникальным вкусом нашего пива.
  36. Наша цель - не просто продавать пиво, но и создавать неповторимую атмосферу,
  37. в которой любители качественного напитка смогут насладиться его вкусом в полной мере.
  38. Я не моюсь от меня воняет.
  39. </p>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </section>
  45. <section id="products">
  46. <div class="container">
  47. <h2>Категория продукта</h2>
  48. <div class="product">
  49. <img src="pictures/pivo1.png" alt="Пивной продукт 1" class="product-image">
  50. <div class="product-info">
  51. <div class="product-header">
  52. <h3>Пивчанский 1</h3>
  53. </div>
  54. <p class="description">Описание пива Пивчанский 1. Два слова об одном из источников резерва - о пиве. Есть люди, которые думают, что можно строить социализм в белых перчатках. Это - грубейшая ошибка, товарищи.</p>
  55. <p class="price">Цена: 150 руб.</p>
  56. <a href="#" class="buy-button">Купить</a>
  57. </div>
  58. </div>
  59. <div class="product">
  60. <img src="pictures/pivo2.png" alt="Пивной продукт 2" class="product-image">
  61. <div class="product-info">
  62. <div class="product-header">
  63. <h3>Пивчанский 2</h3>
  64. </div>
  65. <p class="description">Описание пива Пивчанский 2. Ежели у нас нет займов, ежели мы бедны капиталами и если, кроме того, мы не можем пойти в кабалу к западноевропейским капиталистам, не можем принять тех кабальных условий...</p>
  66. <p class="price">Цена: 200 руб.</p>
  67. <a href="#" class="buy-button">Купить</a>
  68. </div>
  69. </div>
  70. <div class="product">
  71. <img src="pictures/pivo3.png" alt="Пивной продукт 3" class="product-image">
  72. <div class="product-info">
  73. <div class="product-header">
  74. <h3>Пивчанский 3</h3>
  75. </div>
  76. <p class="description">Описание пива Пивчанский 3. Которые они нам предлагают и которые мы отвергли, - то остаётся одно: искать источников в других областях. Это все-таки лучше, чем закабаление. Тут надо выбирать между кабалой и пивом, и люди, которые думают, что можно строить социализм в белых перчатках, жестоко ошибаются.</p>
  77. <p class="price">Цена: 170 руб.</p>
  78. <a href="#" class="buy-button">Купить</a>
  79. </div>
  80. </div>
  81. <div class="product">
  82. <img src="pictures/pivo4.png" alt="Пивной продукт 4" class="product-image">
  83. <div class="product-info">
  84. <div class="product-header">
  85. <h3>Пивчанский 4</h3>
  86. </div>
  87. <p class="description">Описание пива Пивчанский 4. </p>
  88. <p class="price">Цена: 230 руб.</p>
  89. <a href="#" class="buy-button">Купить</a>
  90. </div>
  91. </div>
  92. <div class="product">
  93. <img src="pictures/pivo5.png" alt="Пивной продукт 5" class="product-image">
  94. <div class="product-info">
  95. <div class="product-header">
  96. <h3>Пивчанский 5</h3>
  97. </div>
  98. <p class="description">Описание пива Пивчанский 5.</p>
  99. <p class="price">Цена: 150 руб.</p>
  100. <a href="#" class="buy-button">Купить</a>
  101. </div>
  102. </div>
  103. </div>
  104. </section>
  105. <footer id="contact">
  106. <div class="container">
  107. <h3>Контактная информация</h3>
  108. <p>Адрес: г. Москва, ул. Примерная, д. 123</p>
  109. <p>Телефон: +7 (XXX) XXX-XX-XX</p>
  110. <p>Email: info@penny-pogrebok.ru</p>
  111. </div>
  112. </footer>
  113. </body>
  114. </html>