User: 
    Create a professional, visually appealing, and well-styled HTML code for the following request:
    "Напиши сайт по продаже мороженного"

    
Make sure the HTML code contains:
- A bright and attractive design.
- Large and clear text.
- Beautiful and modern styles.
- Professional layout and structure.
- All styles and scripts should be included in one HTML file.
- The design should be responsive and adapt well to different window sizes, especially in a modal window.
- Write styles for the site as short as possible
Don't include any comments or explanations in the HTML code. HTML code should be clean and ready to display in the browser.
    
Assistant: <!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Продажа Мороженного</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f9f9f9; color: #333; }
        header { background: #ff6f61; color: white; padding: 20px; text-align: center; }
        h1 { font-size: 2.5em; margin: 0; }
        .container { max-width: 1200px; margin: auto; padding: 20px; }
        .products { display: flex; flex-wrap: wrap; justify-content: space-around; }
        .product { background: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 15px; padding: 20px; text-align: center; flex: 1 1 calc(30% - 40px); }
        .product img { max-width: 100%; border-radius: 10px; }
        .product h2 { font-size: 1.5em; margin: 10px 0; }
        .product p { font-size: 1em; margin: 10px 0; }
        .btn { background: #ff6f61; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; }
        .btn:hover { background: #ff4d4d; }
        footer { text-align: center; padding: 20px; background: #333; color: white; }
        @media (max-width: 768px) {
            .product { flex: 1 1 calc(45% - 30px); }
        }
        @media (max-width: 480px) {
            .product { flex: 1 1 100%; }
        }
    </style>
</head>
<body>
    <header>
        <h1>Мороженое на любой вкус!</h1>
    </header>
    <div class="container">
        <h2>Наши Продукты</h2>
        <div class="products">
            <div class="product">
                <img src="https://example.com/icecream1.jpg" alt="Мороженое Ванильное">
                <h2>Ванильное</h2>
                <p>Нежное и сладкое мороженое с ванильным вкусом.</p>
                <a href="#" class="btn">Купить</a>
            </div>
            <div class="product">
                <img src="https://example.com/icecream2.jpg" alt="Мороженое Шоколадное">
                <h2>Шоколадное</h2>
                <p>Шоколадное мороженое для настоящих гурманов.</p>
                <a href="#" class="btn">Купить</a>
            </div>
            <div class="product">
                <img src="https://example.com/icecream3.jpg" alt="Мороженое Фруктовое">
                <h2>Фруктовое</h2>
                <p>Сочное и освежающее мороженое с фруктами.</p>
                <a href="#" class="btn">Купить</a>
            </div>
        </div>
    </div>
    <footer>
        <p>© 2023 Продажа Мороженного. Все права защищены.</p>
    </footer>
</body>
</html>
User: 
    Create a professional, visually appealing, and well-styled HTML code for the following request:
    "Измени фон сайта на голубой яркий градиент"

    
Make sure the HTML code contains:
- A bright and attractive design.
- Large and clear text.
- Beautiful and modern styles.
- Professional layout and structure.
- All styles and scripts should be included in one HTML file.
- The design should be responsive and adapt well to different window sizes, especially in a modal window.
- Write styles for the site as short as possible
Don't include any comments or explanations in the HTML code. HTML code should be clean and ready to display in the browser.
    
Assistant: <!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Градиентный фон</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(to right, #00aaff, #00ffff);
            font-family: Arial, sans-serif;
            color: white;
            text-align: center;
        }
        h1 {
            font-size: 3em;
            margin: 0;
        }
        p {
            font-size: 1.5em;
        }
        @media (max-width: 600px) {
            h1 {
                font-size: 2em;
            }
            p {
                font-size: 1.2em;
            }
        }
    </style>
</head>
<body>
    <div>
        <h1>Добро пожаловать!</h1>
        <p>Фон сайта изменен на голубой яркий градиент.</p>
    </div>
</body>
</html>
User: 
    Create a professional, visually appealing, and well-styled HTML code for the following request:
    "Напиши сайт по продаже мороженного"

    
Make sure the HTML code contains:
- A bright and attractive design.
- Large and clear text.
- Beautiful and modern styles.
- Professional layout and structure.
- All styles and scripts should be included in one HTML file.
- The design should be responsive and adapt well to different window sizes, especially in a modal window.
- Write styles for the site as short as possible
Don't include any comments or explanations in the HTML code. HTML code should be clean and ready to display in the browser.
    
Assistant: <!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Продажа Мороженного</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: linear-gradient(to right, #ffcccb, #ff99cc); color: #333; }
        header { background: #ff6f61; color: white; padding: 20px; text-align: center; }
        h1 { font-size: 2.5em; margin: 0; }
        .container { max-width: 1200px; margin: auto; padding: 20px; }
        .products { display: flex; flex-wrap: wrap; justify-content: space-around; }
        .product { background: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 15px; padding: 20px; text-align: center; flex: 1 1 calc(30% - 40px); }
        .product img { max-width: 100%; border-radius: 10px; }
        .product h2 { font-size: 1.5em; margin: 10px 0; }
        .product p { font-size: 1em; margin: 10px 0; }
        .btn { background: #ff6f61; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; }
        .btn:hover { background: #ff4d4d; }
        footer { text-align: center; padding: 20px; background: #333; color: white; }
        @media (max-width: 768px) {
            .product { flex: 1 1 calc(45% - 30px); }
        }
        @media (max-width: 480px) {
            .product { flex: 1 1 100%; }
        }
    </style>
</head>
<body>
    <header>
        <h1>Мороженое на любой вкус!</h1>
    </header>
    <div class="container">
        <h2>Наши Продукты</h2>
        <div class="products">
            <div class="product">
                <img src="https://example.com/icecream1.jpg" alt="Мороженое Ванильное">
                <h2>Ванильное</h2>
                <p>Нежное и сладкое мороженое с ванильным вкусом.</p>
                <a href="#" class="btn">Купить</a>
            </div>
            <div class="product">
                <img src="https://example.com/icecream2.jpg" alt="Мороженое Шоколадное">
                <h2>Шоколадное</h2>
                <p>Шоколадное мороженое для настоящих гурманов.</p>
                <a href="#" class="btn">Купить</a>
            </div>
            <div class="product">
                <img src="https://example.com/icecream3.jpg" alt="Мороженое Фруктовое">
                <h2>Фруктовое</h2>
                <p>Сочное и освежающее мороженое с фруктами.</p>
                <a href="#" class="btn">Купить</a>
            </div>
        </div>
    </div>
    <footer>
        <p>© 2023 Продажа Мороженного. Все права защищены.</p>
    </footer>
</body>
</html>
User: 
    Create a professional, visually appealing, and well-styled HTML code for the following request:
    "Измени фон сайта на ярко голубой градиент"

    
Make sure the HTML code contains:
- A bright and attractive design.
- Large and clear text.
- Beautiful and modern styles.
- Professional layout and structure.
- All styles and scripts should be included in one HTML file.
- The design should be responsive and adapt well to different window sizes, especially in a modal window.
- Write styles for the site as short as possible
Don't include any comments or explanations in the HTML code. HTML code should be clean and ready to display in the browser.
    
Assistant: