<html>
    <head>
        <script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
        
        <!-- Fonts & Icons -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
        
        <link rel="stylesheet" href="index.css">
    </head>
    <body class="contact-page">
        <main id="main">
            <!-- Form section -->
            <section class="contact-form-section">
                <form>
                    <h2 class="contact-form-heading">Sign up</h2>
                    <p class="contact-form-intro">Enter your contact information, and then there will be cake. 🍰</p>
                    <input class="contact-input" type="text" placeholder="Full name" />
                    <input class="contact-input" type="text" placeholder="Address" />
                    <div class="address">
                        <div class="city">
                            <input class="address-input" type="text" placeholder="City" />
                        </div>
                        <div class="postcode">
                            <input class="address-input" type="text" placeholder="Postcode" />
                        </div>
                    </div>
                    <input class="contact-input" type="text" placeholder="Email" />
                    <div class="radio-container">
                        <p>Do you have cats?</p>
                        <label for="yes">Yes</label>
                        <input class="contact-radio" id="yes" type="radio" name="cats" />
                        <label for="no">No</label>
                        <input class="contact-radio" id="no" type="radio" name="cats" />
                    </div>
                    <button class="contact-submit-button" type="button">Send message 🎉</button>
                </form>
                <img class="contact-image" src="images/drone-contact.png" alt="A woman seeing a drone approaching." />
            </section>
        </main>
    </body>
</html>

700;800;900&display=swap" rel="stylesheet">

</head>

<form>

<p class="contact-form-intro">Enter your contact information, and then there

will be cake. 🍰</p>

</div>

</div>

</div>

<button class="contact-submit-button" type="button">Send message 🎉</button>

</form>

<img class="contact-image" src="images/drone-contact.png" alt="A woman seeing a

drone approaching." />

</section>

</main>

</body>

</html>

<html>

<head>

-6:12