webtrigon-job-portal/src/app/pages/onboarding/signup/signup.component.html

<header>
    <div class="logo">
        <a class='logo-holder' href="">
            <img src="https://static.webtrigon.com/static/common/images/logo.png" alt="">
            <h5>WEBTRIGON</h5>
        </a>
    </div>
    <div class="hamburger">
        <!-- <p>h</p> -->
    </div>
</header>

<section class="upfold">
    <div>
        <h3>What is your email?</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
    </div>
</section>

<section class='upfold-img'>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 414 70.299">
        <g id="Group_3747" data-name="Group 3747" transform="translate(-8280 2782.299) rotate(180)">
            <path id="Path_4678" data-name="Path 4678" d="M0,1132.7H414v11.989L269.946,1203,0,1144.69Z"
                transform="translate(-8280 3915) rotate(180)" fill="#151515" />
            <path id="Path_4679" data-name="Path 4679" d="M3872,5773.923V5824.6l270.587,17.157Z"
                transform="translate(-4408 8553.801) rotate(180)" fill="#262626" />
            <path id="Path_4681" data-name="Path 4681" d="M4015.413,5784.074v33.013L3872,5848.7Z"
                transform="translate(-4678.587 8560.744) rotate(180)" fill="#262626" />
        </g>
    </svg>
</section>

<section class="user-inputs">
    <input class="name-field" type="name" id="fname" name="fname" placeholder="Enter your Name">
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.545 13.545">
            <path id="info-solid"
                d="M12.772,6a6.772,6.772,0,1,0,6.772,6.772A6.772,6.772,0,0,0,12.772,6ZM11.644,8.906a.473.473,0,1,1-.056,0Zm3.95,7.252a.564.564,0,0,1-.564.564h-3.95a.564.564,0,0,1,0-1.129h1.129V12.208h-.564a.564.564,0,1,1,0-1.129H13.9v4.515H15.03A.564.564,0,0,1,15.594,16.158Z"
                transform="translate(-6 -6)" fill="#bebebe" />
        </svg>
        <label for="">Enter your name as per your official documents</label>
    </div>
    <input class='email-field' type="email" id="fname" name="fname" placeholder="Email ID">
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.545 13.545">
            <path id="info-solid"
                d="M12.772,6a6.772,6.772,0,1,0,6.772,6.772A6.772,6.772,0,0,0,12.772,6ZM11.644,8.906a.473.473,0,1,1-.056,0Zm3.95,7.252a.564.564,0,0,1-.564.564h-3.95a.564.564,0,0,1,0-1.129h1.129V12.208h-.564a.564.564,0,1,1,0-1.129H13.9v4.515H15.03A.564.564,0,0,1,15.594,16.158Z"
                transform="translate(-6 -6)" fill="#bebebe" />
        </svg>
        <label for="">Enter your valid Email ID</label>
    </div>
    <input class='password-field' type="password" id="fname" name="fname" placeholder="Password">
</section>

<footer class="sign-in">
    <button [routerLink]="['/otp']">Sign Up</button>
</footer>