123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <link rel="stylesheet" href="style.css">
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <section id="cover">
- <header>
- <div class="container header">
- <img src="FitoNyashki/images/logo 1.svg" alt="">
- <nav>
- <ul class="nav_menu">
- <li class="nav_item"><a href="">О нас</a></li>
- <li class="nav_item"><a href="">Блок</a></li>
- <li class="nav_item"><a href="">Каталог</a></li>
- <li class="nav_item"><a href="">Контакты</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <div class="container cover">
- <div>
- <h1>
- Джунгли у вас дома
- </h1>
- <p>
- У нас растения, за которыми легко ухаживать
- </p>
- <button>
- Выбрать растение
- </button>
- </div>
- </div>
- </section>
- <section>
- <div class="container us">
- <img src="FitoNyashki/images/about.png" alt="О нас">
- <div class="content">
- <h2>
- О нас
- </h2>
- <p>
- Наша команда
- </p>
- </div>
- </div>
- </section>
- <section id="cotolog">
- <div class="container">
- <div class="cotolog_d">
- <h2>
- Каталог
- </h2>
- </div>
- <div class="cards">
- <div class="card">
- <img src="images/chris-lee-70l1tDAI6rM-unsplash 1.png" alt="">
- <div class="card_d">
- <p>
- Растение 1
- </p>
- <p>
- 1000₽
- </p>
- </div>
- <button>
- Заказать
- </button>
- </div>
- <div class="card">
- <img src="FitoNyashki/images/chris-lee-70l1tDAI6rM-unsplash 1.png" alt="">
- <div class="card_d">
- <p>
- Растение 2
- </p>
- <p>
- 1000₽
- </p>
- </div>
- <button>
- Заказать
- </button>
- </div>
- <div class="card">
- <img src="FitoNyashki/images/chris-lee-70l1tDAI6rM-unsplash 1.png" alt="">
- <div class="card_d">
- <p>
- Растение 3
- </p>
- <p>
- 1000₽
- </p>
- </div>
- <button>
- Заказать
- </button>
- </div>
- <div class="card">
- <img src="FitoNyashki/images/chris-lee-70l1tDAI6rM-unsplash 1.png" alt="">
- <div class="card_d">
- <p>
- Растеня 4
- </p>
- <p>
- 1000₽
- </p>
- </div>
- <button>
- Заказать
- </button>
- </div>
- <div class="card">
- <img src="FitoNyashki/images/chris-lee-70l1tDAI6rM-unsplash 1.png" alt="">
- <div class="card_d">
- <p>
- Растение 5
- </p>
- <p>
- 1000₽
- </p>
- </div>
- <button>
- Заказать
- </button>
- </div>
- <div class="card">
- <img src="FitoNyashki/images/chris-lee-70l1tDAI6rM-unsplash 1.png" alt="">
- <div class="card_d">
- <p>
- Растение 6
- </p>
- <p>
- 1000₽
- </p>
- </div>
- <button>
- Заказать
- </button>
- </div>
-
- </div>
- </section>
- <section id="guide">
- <div class="container">
- <div class="guide_content">
- <div class="guide_form">
- <h2>
- Получите гайд по любому растению бесплатно
- </h2>
- <form action="">
- <input type="text" placeholder="Имя">
- <input type="text" placeholder="Номер">
- </form>
- <button>Получить</button>
- </div>
- </div>
- </div>
- </section>
- <section id="block blockom">
- <div class="container">
- <div class="block_d">
- <h2>
- Блок
- </h2>
- <p>
- Узнайте
- </p>
- </div>
- <div class="blocks">
- <div class="block">
- <img src="FitoNyashki/images/news_card.png" alt="">
- <div class="block_d">
- <p>
- Как выбрать растение
- </p>
- </div>
- </div>
- <div class="block">
- <img src="FitoNyashki/images/news_card.png" alt="">
- <div class="block_d">
- <p>
- Как выбрать растение
- </p>
- </div>
- </div>
- <div class="block">
- <img src="FitoNyashki/images/news_card.png" alt="">
- <div class="block_d">
- <p>
- Как выбрать растение
- </p>
- </div>
- </div>
- <div class="block">
- <img src="FitoNyashki/images/news_card.png" alt="">
- <div class="block_d">
- <p>
- Как выбрать растение
- </p>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="svaz">
- <div class="svaz1">
- <div class="svaz_txt">
- <h2>
- Оставайтесь с нами на связи
- </h2>
- <p>
- +79999999999
- </p>
- <p>
- Телеграм
- </p>
- <p>
- ВКонтакте
- </p>
- </div>
- </div>
- </section>
- <footer>
- <img src="FitoNyashki/images/logo 1.svg" alt="" style="width: 50px;">
- <p>
- Home plants
- </p>
- <p>
- 2024
- </p>
- </footer>
- </body>
- </html>
|