<!DOCTYPE html> 
<html lang="ru"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Mini-Pinterest</title> 
    <link rel="stylesheet" href="style.css"> 
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> 
</head> 
<body> 
    <header> 
        <div class="logo"> 
            <img src="125.png" alt="Логотип Mini-Pinterest"> 
        </div> 
         
        <button id="openAddImageModal">Создать карточку</button> 
         
        <nav> 
            <ul> 
                <li><a href="#">Главная</a></li> 
                <li><a href="#ideas">Идеи</a></li> 
                <li><a href="#trends">Тенденции</a></li> 
                <li><a href="#">О нас</a></li> 
                <li><a href="#" id="openAuthModal">Вход</a></li> 
           
            </ul> 
        </nav> 
    </header> 
    <main> 
        <div id="imageBoard" class="image-board"> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div> 
            <div class="image-card"> 
                <img src="ESTETIK.jpg" alt="Описание изображения 1"> 
                <a href="ESTETIK.jpg" download="ESTETIK.jpg"> 
                    <button class="saveBtn">Сохранить</button> 
                </a> 
            </div>       
        </div> 
        </div> 
        <section id="ideas" class="ideas-section"> 
            <h2>Идеи для использования Mini-Pinterest</h2> 
            <div class="ideas-container"> 
                <div class="idea-card"> 
                    <h3>1. Организация мероприятий</h3> 
                    <p>Создавайте доски с идеями для мероприятий, таких как свадьбы, дни рождения или корпоративы. Сохраняйте вдохновляющие изображения, планируйте оформление.</p> 
                </div> 
                <div class="idea-card"> 
                    <h3>2. Декор дома</h3>