index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles.css">
    <title>Base apparel coming soon page</title>
</head>

<body>
    <header>
        <img src="./assets/logo.svg" alt="Logo">
    </header>
    <main>
        <section class="main-info">
            <span>We're</span>
            <h1>Coming soon</h1>
            <p>Hello fellow shoppers! We're currently building our new fashion store. Add your email below to stay-up-to-date with announcements and our launch deals</p>
            <form novalidate id="form" onsubmit="return false;">
                <label for="email" id="email-label">
                    Please provide a valid email
                </label>
                <input type="email" name="email" id="email" placeholder="Email Address">
                <button type="submit" id="submit">
                    <img src="./assets/icon-arrow.svg" alt="Arrow">
                </button>
            </form>
        </section>
        <div class="main-hero"></div>
    </main>
</body>
<script src="./scripts.js"></script>

</html>