<div class="site-navbar-wrap js-site-navbar "> 

  <div class="container" > 
    <div class="site-navbar bg-light">
      <div class="row align-items-center header-section" >   
        <div class="col-2">
          <img src="https://wenext.io/images/logo-footer.png" alt="WeNext"><br /> 
        </div>
        <div class="col-10">
          <nav class="site-navigation text-right" role="navigation">
            <div class="container">
              <div class="d-inline-block d-lg-none ml-md-0 mr-auto py-3"><a href="#" class="site-menu-toggle js-menu-toggle text-black"><span class="icon-menu h3" style="display:none"></span></a></div> 

              <ul class="site-menu js-clone-nav d-none d-lg-block">
                <li ><a href="index.html">Home</a></li>
                <li ><a href="Services.html">Services</a></li>
                <li >
                  <a  href="Wenextlabs.html">Wenextlab</a>
                  <!--<ul class="dropdown">
                    <li><a href="wemint.html">WeMint</a></li>
                    <li><a href="wetoken.html">WeToken</a></li> 
                  </ul>-->
                </li>
                <li><a href="Wepeople.html">Wepeople</a></li>
                <li><a href="https://wenext.bamboohr.com/jobs/" target="_blank">Career</a></li>
                <li >
                  <a  href="contact.html">Contact</a>
                  <!--<ul class="dropdown">
                    <li><a  href="privacy-policy.html">PRIVACY POLICY</a></li>
                      <li><a href="LEGAL NOTICE.html">LEGAL NOTICE</a></li>
                   
                  </ul> --> 
                </li>
                <li ><a href="#">Event</a></li>
                <li  class="active" ><a href="#">Game</a></li>  
                <li><a href="https://wenext.bamboohr.com/jobs/" target="_blank"><span class=" text-white btn btn-primary">START NOW</span></a></li>
              </ul>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </div>
</div> 
<div class="container"> 
  <div class="reward-container"> 
    <div>
      <img src="D:/wenext/images/Group 520@2x.png" alt="monthlu prize draw" class="img-reward"> 
      <img src="D:/wenext/images/Group 572@2x.png" class="img-iphone-phone" >    
    </div>
    <div>
      <img src="D:/wenext/images/Color Overlay-1.svg" alt="color overlay" class="img-star">  
    </div>  
  </div>
  <div class="drawing-form-container"> 
    <div class="drawing-container"> 
      <img src="D:/wenext/images/Group 517@2x.png" alt="iphone" class="img-iphone-14"> 
      <img src="D:/wenext/images/Group 573@2x.png" alt="iphone" class="img-iphone-14-phone">    
      <div class="logo-images-container"> 
        <img src="D:/wenext/images/Group 106.svg" alt="prize" class="prize" > 
        <img src="D:/wenext/images/Color Overlay (5).svg" alt="yellow star" class="yellow-star"> 
        <img src="D:/wenext/images/Color Overlay (6).svg" alt="blue star" class="blue-star"> 
        <img src="D:/wenext/images/Group 212.svg" alt="prize-1" class="prize-1"> 
        <img src="D:/wenext/images/Color Overlay (7).svg" alt="blue star 1" class="blue-star-1" >                                                                                                                                                          
      </div>  
    </div>
    <div class="star-container"> 
      <img src="D:/wenext/images/Color Overlay (1).svg" alt="color overlay" class="star" > 
      <img src="D:/wenext/images/Color Overlay (8).svg" alt="Color Overlay" class="star-blue">
    </div> 
    <div class="form-container"> 
      <img src="D:/wenext/images/Mask Group 1.svg" alt="Register and try your luck" class="register" > 
      <img src="D:/wenext/images/Group 559.svg" alt="Register and try your luck" class="register-phone" >   
      <form class="form-example"> 
        <div class="form-row"> 
          <label for="name" class="label1">Gender</label> 
          <div id="name" style="margin-left: 33px;"> 
            <input type="radio" id="age1" name="age" value="30" class="radio1">
            <label for="age1">Mr</label style="margin-left:20px;" >  
            <input type="radio" id="age2" name="age" value="70" class="radio1" style="margin-left:20px;">    
            <label for="age2">Mrs</label>  
          </div>
        </div>
         
          <div class="form-row">
            <label for="name1" class="label2">Full name</label>
            <input type="text" name="name1" id="name1"  class="text-field textfield-fullname"> 
          </div>  
        <div class="form-row">
          <label for="name2" class="label3"> Email</label>
          <input type="email" name="name2" id="name2"  class="text-field textfield-email"> 
        </div>
    
     
        <div class="form-row">
        <label for="name3" class="label4"> Phone Number </label> 
        <input type="text" name="name3" id="name3"  class="text-field textfield-pn">   
        </div> 
   
   
        <div class="form-row container-date" > 
        <label for="number1"> Birth Day  </label> 

        <input type="number" id="number1" name="quantity1"  class="day textfield-day" placeholder="DD" style="margin-right: 5px;
        margin-left: 21px;" min="1" max="31"> 
        <button input="button" onclick=up() ><img src="D:/wenext/images/Color Overlay@2x.png" id="button1"  height="29px"></button> 
        <button input="button" onclick=down() ><img src="D:/wenext/images/Color Overlay@2x.png" id="button2" height="29px"></button> 

        <input type="number" id="number2" name="quantity2" min="1" max="12" class="day" placeholder="MM" style="margin-right: 5px;"> 
        <button input="button" onclick=up1() ><img src="D:/wenext/images/Color Overlay@2x.png" id="button3"  height="29px"></button> 
        <button input="button" onclick=down1() ><img src="D:/wenext/images/Color Overlay@2x.png" id="button4" height="29px"></button>  
        <input type="number" id="number3" name="quantity3" min="2022" class="day" placeholder="YY" > 
        <button input="button" onclick=up2() ><img src="D:/wenext/images/Color Overlay@2x.png" id="button5"  height="29px"></button> 
        <button input="button" onclick=down2() ><img src="D:/wenext/images/Color Overlay@2x.png" id="button6" height="29px"></button>    
        </div> 
     
        <div class="container-checkbox">
          <label class="containerbox">
            <input type="checkbox" checked="checked">
            <span class="checkmark"></span>
          </label>
          <input type="checkbox" id="checkbox1" name="vehicle1" value="Bike">
          <label for="vehicle1" style="font-size: 13px;
          margin-left: -30px;"> I agree the terms and conditions </label><br><br> 
           
        </div>
        <div>
          <input type="button" class="button-participate" value="Participate Now" onclick=comptuser()>
        </div> 
           
        <div class="valid-participation">
        By validating my participation, I accept the general rules and the addendum of the game and to receive emails from Wenext 
        </div> 
      </form> 
    </div> 
  </div>
</div> 
<div class="container" style="position:relative; display:none">  
  <img src="D:/wenext/images/Group 528@2x.png" alt="number particpation until now" class="participation" > 
  <div class="containers"> 
      <input type="number" id="counter1" value="0" > 
      <input type="number" id="counter2" value="0" style="display:block"> 
      <input type="number" id="counter3" value="0" style="display:block"> 
      <input type="number" id="counter4" value="0" style="display: block;" 
      >  
  </div>
  <!-- <div class="div1">0</div>
  <div class="div2">0</div> 
  <div class="div3">0</div>      -->
</div> 

<div class="container footer-section" >   
  <div style="display:flex" class="dir-right"> 
      <img src="D:/wenext/images/Image 1@2x.png" onclick=before1()> 
  </div>
  <div style="display:flex; ">
    <div style="display:flex; flex-direction:row; flex-shrink: 0; width: 100%;"> 
      <img src="D:/wenext/images/Group 522@2x.png" class="img-footer" id="img-1">
      <img src="D:/wenext/images/Group 523@2x.png" class="img-footer" id="img-2">
      <img src="D:/wenext/images/Group 524@2x.png" class="img-footer" id="img-3">
      <img src="D:/wenext/images/Group 525@2x.png" class="img-footer" id="img-4">
      <img src="D:/wenext/images/Group 526@2x.png" class="img-footer" id="img-5">
      <img src="D:/wenext/images/Group 521@2x.png" class="img-footer" id="img-6">
      <img src="D:/wenext/images/Group 527@2x.png" class="img-footer" id="img-7">   
    </div>
    

  </div>
  
    <div style="display:flex">
      <img src="D:/wenext/images/Image 2@2x.png" class="dir-left" onclick=next1() >    
  </div>
   

</div>