EAAUBKf0vSAcBO2NuqjZCMDuspj5ZAJLhdRD4wDjLk0dbQ4AZAF42nVLMxYNiFVoREvj8sphdcsgQusBTct8ZAJ0Sg1ZC5UKut4TwoFJOZCWwMZBGOpcNiheCAW5kGy70nP1WwvOvrwFJcLgZBhNAl0hOmgZAWefxeB3i1ZBSfcZBGFNlcrJdbCIZANDAf5TN7iwfr3sgHwZDZD

Padaria

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Cozy Bakery Recipes</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
</head>
<body>
    <nav class="container-fluid">
        <ul>
            <li><strong>Cozy Bakery</strong></li>
        </ul>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#recipes">Recipes</a></li>
            <li><a href="#order" role="button">Get eBook</a></li>
        </ul>
    </nav>

    <main class="container">
        <section id="recipes">
            <hgroup>
                <h2>Our Recipes</h2>
                <h3>Explore our best recipes and get your exclusive eBook</h3>
            </hgroup>
            <div class="grid">
                <article>
                    <figure>
                        <img src="https://files.oaiusercontent.com/file-TbQAkc3gyTEXjeqoiEcoMc?se=2025-01-11T01%3A35%3A59Z&sp=r&sv=2024-08-04&sr=b&rscc=max-age%3D604800%2C%20immutable%2C%20private&rscd=attachment%3B%20filename%3D802048ef-51b3-48a2-8a66-9222bea691fa.webp&sig=IFroqxKgFMbS/WfQThUcj3QKUCKI4GI64jcpPLcBdI8%3D" alt="Assorted Pastries" />
                        <figcaption>Perfect Pastries</figcaption>
                    </figure>
                    <p>Learn how to bake the perfect croissants, danishes, and muffins from scratch. Impress everyone with your skills!</p>
                    <button onclick="alert('Redirecting to eBook purchase for Pastries!')">Get eBook</button>
                </article>
                <article>
                    <figure>
                        <img src="https://files.oaiusercontent.com/file-6pCxTQ41SrCKQo1iGG4rhe?se=2025-01-11T01%3A35%3A59Z&sp=r&sv=2024-08-04&sr=b&rscc=max-age%3D604800%2C%20immutable%2C%20private&rscd=attachment%3B%20filename%3Dc6d8f5b6-86c2-4fab-9d4b-5a63e0a06d3e.webp&sig=3kMfvpJ7c2RAUxNb/LDEZDgX8llURlLP5tI7TKGGkeY%3D" alt="Chocolate Cake" />
                        <figcaption>Decadent Chocolate Cake</figcaption>
                    </figure>
                    <p>Discover the secret to baking a moist and rich chocolate cake topped with fresh strawberries and chocolate shavings.</p>
                    <button onclick="alert('Redirecting to eBook purchase for Chocolate Cake!')">Get eBook</button>
                </article>
                <article>
                    <figure>
                        <img src="https://files.oaiusercontent.com/file-PW4xxTJF8hPusv8azKARb5?se=2025-01-11T01%3A35%3A59Z&sp=r&sv=2024-08-04&sr=b&rscc=max-age%3D604800%2C%20immutable%2C%20private&rscd=attachment%3B%20filename%3D36078a83-d2f5-48fd-ad76-a2053a793a37.webp&sig=B0BvowQte/9TzuVGIo499ut%2BAcYU5vlMA%2BKc7X7M2K0%3D" alt="Artisan Bread" />
                        <figcaption>Artisan Bread</figcaption>
                    </figure>
                    <p>Master the art of baking artisan bread, including sourdough, baguettes, and seeded loaves, with our step-by-step guide.</p>
                    <button onclick="alert('Redirecting to eBook purchase for Artisan Bread!')">Get eBook</button>
                </article>
            </div>
        </section>

        <section id="order">
            <hgroup>
                <h2>Get All Recipes in One eBook</h2>
                <h3>Order your copy now and become a baking master!</h3>
            </hgroup>
            <form class="grid">
                <input type="text" id="name" name="name" placeholder="Your Name" aria-label="Name" required />
                <input type="email" id="email" name="email" placeholder="Your Email" aria-label="Email" required />
                <button type="submit" onclick="event.preventDefault()">Buy Now</button>
            </form>
        </section>
    </main>

    <footer class="container">
        <small>
            <a href="#">Privacy Policy</a> • <a href="#">Terms of Service</a>
        </small>
    </footer>
</body>
</html>

Rolar para cima