<main>
    <div class="header-space container"></div>

    <!-- profile -->
    <section class="profile-section flex-center">
        <div class="profile-container">
            <div class="profile-header flex">
                <img src="/assets/icons/back-arrow.svg" alt="back arrow icon" />
                <p class="text-ml">Profile</p>
            </div>
            <div class="profile-content flex-start">
                <div class="profile-image">
                    <div class="btn img-stamp flex-center">
                        <img src="/assets/icons/image-stamp.svg" alt="image stamp icon" />
                    </div>
                </div>
                <form class="profile-form container">
                    <div class="profile-item flex-column">
                        <p class="text-sm-dark" for="fname">FIRST NAME</p>
                        <input class="profile-input" id="firstname" name="fname" placeholder="Enter first name" type="text">
                    </div>
                    <div class="profile-item flex-column">
                        <p class="text-sm-dark" for="lname">LAST NAME</p>
                        <input class="profile-input" placeholder="Enter last name" id="lastname" name="lname" type="text">
                    </div>
                    <div class="flex-column profile-item">
                        <p class="text-sm-dark" for="gmail">EMAIL ADDRESS</p>
                        <input class="profile-input" placeholder="Enter email address" id="gmail" name="gmail" type="email">
                    </div>
                    <div class="flex-column profile-item">
                        <p class="text-sm-dark" for="password">ACCOUNT PASSWORD</p>
                        <input class="profile-input" placeholder="Enter password" id="password" name="password" type="password">
                    </div>
                    <div class="flex-column profile-item">
                        <p class="text-sm-dark" for="telephone">PHONE NUMBER</p>
                        <input class="profile-input" placeholder="Enter phone number" name="telephone" id="phone-number" type="number">
                    </div>
                    <div></div>
                    <div></div>
                    <button type="submit" id="profile-btn" class="flex-center text-sl-light">Update Profile</button>
                </form>
            </div>
        </div>
    </section>
</main>