kp11
/
FitoNyashki


			
							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="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="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="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="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="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="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="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="images/news_card.png" alt="">
                        <div class="block_d">
                            <p>
                                Как выбрать растение
                            </p>
                        </div>
                </div>
                <div class="block">
                    <img src="images/news_card.png" alt="">
                        <div class="block_d">
                            <p>
                                Как выбрать растение
                            </p>
                        </div>
                </div>
                <div class="block">
                    <img src="images/news_card.png" alt="">
                        <div class="block_d">
                            <p>
                                Как выбрать растение
                            </p>
                        </div>
                </div>
                <div class="block">
                    <img src="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="images/logo 1.svg" alt="" style="width: 50px;">
        <p>
            Home plants
        </p>
        <p>
            2024
        </p>
    </footer>
</body>


</html>