html_flexbox

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/mine.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nerko+One&family=Xanh+Mono&display=swap" rel="stylesheet">
    <title>Практика css</title>
</head>
<body>
    <div class="wraper">
        <header>
            <div class="logo">logo</div>
            <nav class="header_menu">
                <ul>
                <li><a href="#"></a>Недвижимость</li>
                <li><a href="#"></a>Услуги</li>
                <li><a href="#"></a>меную 1</li>
                <li><a href="#"></a>меню 2</li>
                <li><a href="#"></a>меню 3</li>
                </ul>
            </nav>
        </header>

        <div class="content">
            <section class="body_content">
                <div class="block_item">
                    <h2>text</h2>
                    <img src="Jellyfish-min.jpg" alt="">
                    <p>Lorem ipsum dolor, sit, amet consectetur adipisicing elit. Odit explicabo omnis nesciunt sit qui perferendis architecto aliquid veritatis dolores amet error dicta similique fuga fugiat natus numquam nostrum, corporis repellat accusantium ut? Quasi eius dolores blanditiis, dicta, et voluptates iste atque corrupti amet quae voluptatem! Neque velit, hic perspiciatis consequatur!</p>
                </div>
                <div class="block_item">
                    <h2>text</h2>
                    <img src="Jellyfish-min.jpg" alt="">
                    <p>Lorem ipsum dolor, sit, amet consectetur adipisicing elit. Odit explicabo omnis nesciunt sit qui perferendis architecto aliquid veritatis dolores amet error dicta similique fuga fugiat natus numquam nostrum, corporis repellat accusantium ut? Quasi eius dolores blanditiis, dicta, et voluptates iste atque corrupti amet quae voluptatem! Neque velit, hic perspiciatis consequatur!</p>
                </div>
                <div class="block_item">
                    <h2>text</h2>
                    <img src="Jellyfish-min.jpg" alt="">
                    <p>Lorem ipsum dolor, sit, amet consectetur adipisicing elit. Odit explicabo omnis nesciunt sit qui perferendis architecto aliquid veritatis dolores amet error dicta similique fuga fugiat natus numquam nostrum, corporis repellat accusantium ut? Quasi eius dolores blanditiis, dicta, et voluptates iste atque corrupti amet quae voluptatem! Neque velit, hic perspiciatis consequatur!</p>
                </div>
                <div class="block_item">
                    <h2>text</h2>
                    <img src="Jellyfish-min.jpg" alt="">
                    <p>Lorem ipsum dolor, sit, amet consectetur adipisicing elit. Odit explicabo omnis nesciunt sit qui perferendis architecto aliquid veritatis dolores amet error dicta similique fuga fugiat natus numquam nostrum, corporis repellat accusantium ut? Quasi eius dolores blanditiis, dicta, et voluptates iste atque corrupti amet quae voluptatem! Neque velit, hic perspiciatis consequatur!</p>
                </div>
            </section>
        </div>
        <footer>
            <nav class="left_munu">
                <ul>
                <li><a href="#"></a>menu footer 1</li>
                <li><a href="#"></a>menu footer 2</li>
                <li><a href="#"></a>menu footer 3</li>
                </ul>
            </nav>
            <nav class="left_munu">
                <ul>
                <li><a href="#"></a>menu footer 4</li>
                <li><a href="#"></a>menu footer 5</li>
                <li><a href="#"></a>menu footer 6</li>
                </ul>
            </nav>
            <form action="">
                <input type="text" placeholder="search">
                <input type="submit" value="send">
            </form>
        </footer>
    </div>
</body>
</html>