mainHost.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>host</title>
    <link rel="stylesheet" href="mainHost.css">
</head>

<body>
    <nav class="navbar">
        <ul>
        </ul>
    </nav>
    <div class="box1">
        <p id="text">Zoomcar Host-India</p>
        <p id="text2">Share few more details and move one step closer to EARNING up to Rs.36,000 per month. Get Rs.
        10,000 bonus on successful sign-up to the program</p>
    </div>
    <div class="box2">
        <div class="hostPopUp">
            <img id="image1" onclick="cross1()"  src="cross2.png" alt="image">
            <p id="text6">Congratulation!</p>
            <p id="text7"> Now, You are our partener</p>
        </div>
        <div class="box2_1">
            <input type="number" placeholder="Mobile number" id="hostNumber">
            <input type="text" placeholder="Car license number*" id="license">
            <p id="text3">Please enter in DL04AN1234 format</p>
        </div>
        <div class="box2_2">
            <input type="email" placeholder="Enter Email" id="hostEmail">
            <p id="text4">Car KM driven*</p>
            <div id="check_box1">
                <input type="checkbox"  id="checkbox1">
                <p id="text5">Less than 80,000 KMs</p>
            </div>
            <div id="check_box1">
                <input type="checkbox"  id="checkbox1">
                <p id="text5">More than 80,000 KMs</p>
            </div>
        </div>
    </div>
    <button id="hostBtn" onclick="hostFunc()">Become a Host</button>
    

    <!-- JS link -->
    <script src="signin_signup.js"></script>
</body>

</html>