1-IntermediateHTML&CSS-Course/Projects/1-Sign-up Form/index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Sign-up Form</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="media.css">
</head>
<body>
    <div class="container">
        <div class="left-banner">
            <img class="logo" src="img/nike-logo.png" alt="Nike Logo">
            <p>Made by <a href="https://jmcampos.dev" target="_blank">jmcampos.dev</a></p>
        </div>
        <div class="main-container">
            <div class="info-container">
                <p>
                    This is not a real online service! You know you need something
                    like this in your life to help you realize your deepest dreams.
                    Sign up now to get started.
                    You know you want to.
                </p>
            </div>
            <div class="form-container">
                <h1>Let's do this!</h1>
                <form action="">
                    <div class="form-row">
                        <div class="form-input">
                            <label for="first-name">FIRST NAME *</label>
                            <input type="text" id="first-name" placeholder="John" required>
                        </div>
                        <div class="form-input">
                            <label for="last-name">LAST NAME *</label>
                            <input type="text" id="last-name" placeholder="John" required>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-input">
                            <label for="email">EMAIL *</label>
                            <input type="email" id="email" placeholder="ej@company.com"  required>
                        </div>
                        <div class="form-input">
                            <label for="phone-number">CONFIRM EMAIL *</label>
                            <input type="number" id="phone-number" placeholder=""  required>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-input">
                            <label for="password">PASSWORD *</label>
                            <input type="password" id="password" placeholder=""  required>
                        </div>
                        <div class="form-input">
                            <label for="confirm-password">CONFIRM PASSWORD *</label>
                            <input type="password" id="confirm-password" placeholder=""  required>
                        </div>
                    </div>
                    <input type="submit" value="Sign up">
                </form>
            </div>
            <div class="login-container">
                <p>Already have an account? <a href="#">Log in</a></p>
            </div>
        </div>
    </div>
</body>
</html>