code - form

PHOTO EMBED

Thu Feb 03 2022 20:24:21 GMT+0000 (Coordinated Universal Time)

Saved by @Ritik

<div class="login-form-grid-layout ">
    <div class="banner-layout banner-style">
        <div class="banner-flex">
            <div class="form-head">
                <h1 class="white">Login</h1>
                <p class="form-content txt-s">Get access to your Orders, Wishlist and
                    Recommendations</p>
            </div>

            <img class="form-hero" src="/components/images/form-hero.svg" alt="form-hero" srcset="">
        </div>
    </div>
    <div class="form-layout">
        <div class="form-container">
            <div class="tabs-layout">
                <button class="txt-m form-tabs active">Login</button><span class="lightgray">|</span>
                <button class="txt-m form-tabs">SignUp</button>
            </div>

            <form class="form-styles" action="submit">

                <input class="input-field fs-1r fw-semibold" type="email" placeholder="Enter Email/Mobile number">
                <input class="input-field fs-1r fw-semibold" type="password" placeholder="Enter Password">
                <span class="w-80">By continuing, you agree to Swift-UI <span class="baseteal fw-semibold">Terms of Use</span> and <span class="baseteal fw-semibold">Privacy Policy</span>.</span>

                <button class="btn btn-padding txt-s btn-outline secondary-cta-btn white bg-basepink w-80">LOGIN</button>
                <span>OR</span>
                <button class="btn-secondary txt-s w-80">Request OTP</button>


            </form>
        </div>

    </div>
</div>
content_copyCOPY