Файл: Разработка сайта интернет-магазина цветов FLOWER-SHOP».pdf

</a>

</div>

<form class="search-form" action="#" method="post">

<input class="search-form__content" type="text" placeholder="Поиск товара">

<button class="search-form__button">Искать</button>

</form>

<div class="basket">

<img class="basket__image" src="/web/images/basket.png" alt="">

</div>

</div>

<div class="header__wrapper_bottom">

<div class="catalog-nav">

<ul class="catalog-nav__list">

<li class="catalog-nav__item">

<a class="catalog-nav__link" href="/catalog/roses">Розы</a>

</li>

<li class="catalog-nav__item">

<a class="catalog-nav__link" href="/catalog/tulips">Тюльпаны</a>

</li>

<li class="catalog-nav__item">

<a class="catalog-nav__link" href="/catalog/peonies">Пионы</a>

</li>

<li class="catalog-nav__item">

<a class="catalog-nav__link" href="/catalog/bouquets">Букеты</a>

</li>

<li class="catalog-nav__item">

<a class="catalog-nav__link" href="/catalog/101-roses">101 роза</a>

</li>

<li class="catalog-nav__item">

<a class="catalog-nav__link" href="/catalog/flowers-in-a-box">Цветы в коробке</a>

</li>

</ul>

</div>

</div>

</div>

<div class="registration">

<div class="container">

<form class="registration-form" id="registration-form" action="/registration" method="post">

<h2 class="registration-form__title">Регистрация</h2>

<a class="registration-form__link" href="#" onclick="closeForm('registration-form'); return false;">

<img class="registration-form__icon" src="/web/icons/close.png" alt="">

</a>

<input class="registration-form__email" type="email" name="email" placeholder="Введите ваш E-mail">

<input class="registration-form__password" type="password" name="password" placeholder="Введите ваш пароль">

<input class="registration-form__name" type="text" name="name" placeholder="Введите ваше Имя">

<input class="registration-form__phone" type="text" name="phone" placeholder="Введите номер телефона"><br>

<button class="registration-form__button" type="submit" name="submit">Регистрация</button>

</form>

</div>

</div> <div class="authorization">

<div class="container">

<form class="authorization-form" id="authorization-form" action="/authorization" method="post">

<h2 class="authorization-form__title">Личный кабинет</h2>

<a class="authorization-form__link" href="#" onclick="closeForm('authorization-form'); return false;">

<img class="authorization-form__icon" src="/web/icons/close.png" alt="">

</a>

<input class="authorization-form__email" type="email" name="email" placeholder="Введите ваш E-mail">

<input class="authorization-form__password" type="password" name="password" placeholder="Введите ваш пароль">

<button class="authorization-form__button" type="submit" name="submit">Войти</button>

</form>

</div>

</div> </header> <main class="main">

<div class="container">

<div class="products">

<ul class="products__list">

<li class="products__item">

<img class="products__image" src="/web/images/31235.jpg" alt="">

<h3 class="products__title">Букет</h3>

<h2 class="products__price">Цена: 2300 ₽</h2>

<a href="/product/20" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/1214241.jpg" alt="">

<h3 class="products__title">Розы в коробке</h3>

---

<h2 class="products__price">Цена: 3000 ₽</h2>

<a href="/product/19" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/421213.jpg" alt="">

<h3 class="products__title">Розы в коробке</h3>

<h2 class="products__price">Цена: 2300 ₽</h2>

<a href="/product/18" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/321321.jpg" alt="">

<h3 class="products__title">Розы в коробке</h3>

<h2 class="products__price">Цена: 4100 ₽</h2>

<a href="/product/17" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/3217.jpg" alt="">

<h3 class="products__title">Пионы</h3>

<h2 class="products__price">Цена: 3100 ₽</h2>

<a href="/product/16" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/137.jpg" alt="">

<h3 class="products__title">Пионы</h3>

<h2 class="products__price">Цена: 2300 ₽</h2>

<a href="/product/15" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/s1200.jpg" alt="">

<h3 class="products__title">Пионы</h3>

<h2 class="products__price">Цена: 2700 ₽</h2>

<a href="/product/14" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/131.jpg" alt="">

<h3 class="products__title">Пионы</h3>

<h2 class="products__price">Цена: 2500 ₽</h2>

<a href="/product/13" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/421.jpg" alt="">

<h3 class="products__title">Тюльпаны</h3>

<h2 class="products__price">Цена: 1700 ₽</h2>

<a href="/product/12" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/4121.jpg" alt="">

<h3 class="products__title">Тюльпаны</h3>

<h2 class="products__price">Цена: 6500 ₽</h2>

<a href="/product/11" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/1234.jpg" alt="">

<h3 class="products__title">Тюльпаны</h3>

<h2 class="products__price">Цена: 1000 ₽</h2>

<a href="/product/10" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

</li>

<li class="products__item">

<img class="products__image" src="/web/images/15.jpg" alt="">

<h3 class="products__title">Тюльпаны</h3>

<h2 class="products__price">Цена: 1100 ₽</h2>

<a href="/product/9" class="products__details">Подробнее</a>

<a class="products__order">Заказать</a>

---