<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>
