<html>

    <head>
        <link rel="stylesheet" href="index.css">
        <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=Roboto:wght@400;700&family=Special+Elite&display=swap" rel="stylesheet">
    </head>

    <body>        
        <header>
            <img src="NASA.png">
        </header>
        <main>
            <form>
                
<!-- 
Challenge:
1. Add a submit button to the form. 
2. Make all of the inputs compulsory.
-->
                <label for="astronautName">Astronaut Name 👩‍🚀</label>
                <input 
                    type="text" 
                    id="astronautName" 
                    name="astronautName"
                    placeholder="Neil Armstrong"
                    >
                <label for="astronautEmail">Astronaut Email</label>
                <input 
                    type="email" 
                    id="astronautEmail" 
                    name="astronautEmail"
                    placeholder="n.armstrong@nasa.com"
                    >
                <label for="astronautPassword">Password</label>
                <input 
                    type="password" 
                    id="astronautPassword" 
                    name="astronautPassword"
                    placeholder="******"
                    >
            </form>    
        </main>
        <script src="index.js"></script>
    </body>

</html>

</header>

<main>

<form>

<!--

Challenge:

1. Add a submit button to the form.

2. Make all of the inputs compulsory.

-->

<label for="astronautName">Astronaut Name 👩‍🚀</label>

<input

type="text"

id="astronautName"

name="astronautName"

placeholder="Neil Armstrong"

<label for="astronautEmail">Astronaut Email</label>

<input

type="email"

id="astronautEmail"

name="astronautEmail"

placeholder="n.armstrong@nasa.com"

<label for="astronautPassword">Password</label>

<input

type="password"

id="astronautPassword"

name="astronautPassword"

placeholder="******"

</form>

</main>

</body>

</html>

<html>

<head>

+Elite&display=swap" rel="stylesheet">

</head>

<body>

-2:32