Form

<h2>Basic Contact Form Example</h2>
<form>
    <div style="display: flex;gap:1em;">
        <div>
            <label for="fName">First Name</label><br>
            <input type="text" name="fName">
        </div>
        <div>
            <label for="lName">Last Name</label><br>
            <input type="text" name="lName">
        </div>
    </div>
    <div>
        <div class="input-icon">
            <label for="email">Email</label><br>
            <span class="fa-solid fa-envelope icon"></span>
            <input type="email" name="email" id="email"> <br>
        </div>
    </div>
    <button class="btn  btn-outline">Clear</button><button class="btn">Submit</button>
</form>
<style>
    form {
        margin: 1em;
        max-width: 40ch;
    }

    .input-icon>span {
        top: 2.5em;
    }

    input {
        width: 100%;
    }
</style>

No notes defined.