123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- <!DOCTYPE html>
- <html lang="ru">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>ООО "Пенный погребок"</title>
- <link rel="stylesheet" href="styles.css">
- </head>
- <body>
- <header>
- <nav>
- <ul>
- <li><a href="#about">О нас</a></li>
- <li><a href="#products">Категория продукта</a></li>
- <li><a href="#contact">Контакты</a></li>
- </ul>
- </nav>
- </header>
- <section id="about">
- <div class="container">
- <div class="product about-info">
- <img src="pictures/logo.png" alt="Логотип" class="company-logo">
- <div class="product-info">
- <div class="product-header">
- <h1>Крафтовое пиво высшего качества от ООО "Пенный погребок"</h1>
- </div>
- <div class="company-description">
- <p>
- ООО "Пенный погребок" - крупный производитель и продавец крафтового пива в России.
- Наша компания специализируется на производстве и распространении пива высокого качества,
- придерживаясь лучших традиций пивоварения.
- </p>
- <p>
- Мы гордимся нашей сетью рюмочных, которые расположены по всей стране и предлагают
- посетителям насладиться уникальным вкусом нашего пива.
- Наша цель - не просто продавать пиво, но и создавать неповторимую атмосферу,
- в которой любители качественного напитка смогут насладиться его вкусом в полной мере.
- Я не моюсь от меня воняет.
- </p>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="products">
- <div class="container">
- <h2>Категория продукта</h2>
- <div class="product">
- <img src="pictures/pivo1.png" alt="Пивной продукт 1" class="product-image">
- <div class="product-info">
- <div class="product-header">
- <h3>Пивчанский 1</h3>
- </div>
- <p class="description">Описание пива Пивчанский 1. Два слова об одном из источников резерва - о пиве. Есть люди, которые думают, что можно строить социализм в белых перчатках. Это - грубейшая ошибка, товарищи.</p>
- <p class="price">Цена: 150 руб.</p>
- <a href="#" class="buy-button">Купить</a>
- </div>
- </div>
- <div class="product">
- <img src="pictures/pivo2.png" alt="Пивной продукт 2" class="product-image">
- <div class="product-info">
- <div class="product-header">
- <h3>Пивчанский 2</h3>
- </div>
- <p class="description">Описание пива Пивчанский 2. Ежели у нас нет займов, ежели мы бедны капиталами и если, кроме того, мы не можем пойти в кабалу к западноевропейским капиталистам, не можем принять тех кабальных условий...</p>
- <p class="price">Цена: 200 руб.</p>
- <a href="#" class="buy-button">Купить</a>
- </div>
- </div>
- <div class="product">
- <img src="pictures/pivo3.png" alt="Пивной продукт 3" class="product-image">
- <div class="product-info">
- <div class="product-header">
- <h3>Пивчанский 3</h3>
- </div>
- <p class="description">Описание пива Пивчанский 3. Которые они нам предлагают и которые мы отвергли, - то остаётся одно: искать источников в других областях. Это все-таки лучше, чем закабаление. Тут надо выбирать между кабалой и пивом, и люди, которые думают, что можно строить социализм в белых перчатках, жестоко ошибаются.</p>
- <p class="price">Цена: 170 руб.</p>
- <a href="#" class="buy-button">Купить</a>
- </div>
- </div>
- <div class="product">
- <img src="pictures/pivo4.png" alt="Пивной продукт 4" class="product-image">
- <div class="product-info">
- <div class="product-header">
- <h3>Пивчанский 4</h3>
- </div>
- <p class="description">Описание пива Пивчанский 4. </p>
- <p class="price">Цена: 230 руб.</p>
- <a href="#" class="buy-button">Купить</a>
- </div>
- </div>
- <div class="product">
- <img src="pictures/pivo5.png" alt="Пивной продукт 5" class="product-image">
- <div class="product-info">
- <div class="product-header">
- <h3>Пивчанский 5</h3>
- </div>
- <p class="description">Описание пива Пивчанский 5.</p>
- <p class="price">Цена: 150 руб.</p>
- <a href="#" class="buy-button">Купить</a>
- </div>
- </div>
- </div>
- </section>
- <footer id="contact">
- <div class="container">
- <h3>Контактная информация</h3>
- <p>Адрес: г. Москва, ул. Примерная, д. 123</p>
- <p>Телефон: +7 (XXX) XXX-XX-XX</p>
- <p>Email: info@penny-pogrebok.ru</p>
- </div>
- </footer>
- </body>
- </html>
|