<div class="navnav">
<nav class="navbar navbar-expand-lg navbar-dark">
<img src="AIT-CEAR.jpg" alt="AIT-CEAR.jpg" class="nav-logo">
<a class="navbar-brand nav-title" href="#">AIT-CEAR</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav nav-menu">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blogs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Team</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Others
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Album</a>
<a class="dropdown-item" href="#">Projects</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
<button type="button" name="button" class="btn btn-outline-primary"><i class="fas fa-user-circle"></i><span class="nav-login">Login</span></button>
</div>
</nav>
</div>
<input style="color: black; background: yellow;" type="text" placeholder="Enter your full name"><br>
<br>
<input style="color: black; background: yellow;" type="text" placeholder="Enter your phone number"><br>
<h3 id="DOB" style="color: black; background: yellow; font-family: sans-serif;">Date of birth</h3>
<input style="color: black; background: yellow;" type="date" name="date of birth"><br>
<h3 id="gender" style="color: black; background: yellow; font-family: sans-serif;">Gender</h3>
<input style="background-color: yellow;" id="male" type="radio" name="gender" value="male">Male<br>
<input style="background-color: yellow;" id="female" type="radio" name="gender" value="female">Female
<br>
<h3 id="branch" style="color: black; background: yellow; font-family: sans-serif;">Branch</h3>
<select style="background-color: yellow; color: black;" name="BRANCH">
<option value="select">Select</option>
<option value="E&TC">E&TC</option>
<option value="MECH">MECH</option>
<option value="COMP">COMP</option>
<option value="IT">IT</option>
</select><br>
<h3 id="interest" style="color: black; background: yellow; font-family: sans-serif;">Interested In</h3>
<input type="checkbox" name="webd">Web development<br>
<input type="checkbox" name="publicity">Publicity<br>
<input type="checkbox" name="sponsorship">Sponsorship<br>
<input type="checkbox" name="photoshop">Phtoshop<br>
<input type="checkbox" name="writing">Content writing
<br><br><br>
<input id="submit" style="background-color: yellow; font-size: larger;" type="submit" value="Register">
</div>
</div>
Contact Us
Click to Contact Me
Copyright © 2020 AIT-CEAR.
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>