<!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>Registration form</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Laila:wght@700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./navbar.css" />
<link
rel="stylesheet"
media="screen and (max-width:920px )"
href="./nav-responsive.css"
/>
<link rel="stylesheet" href="./footer.css" />
<!--link for css file-->
<script
src="https://kit.fontawesome.com/0b62b37b15.js"
crossorigin="anonymous"
></script>
<!-- link for social media logo -->
<script
src="https://kit.fontawesome.com/0b62b37b15.js"
crossorigin="anonymous"
></script>
<link rel="icon" href="../images/reg_ico.png">
<link rel="stylesheet" href="./reg.css">
</head>
<body>
<nav class="navbar">
<input type="checkbox" id="active" />
<label for="active" class="menu-btn"><i class="fas fa-bars"></i></label>
<!--menu button-->
<div class="wrapper">
<!--menu button content-->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="event.html">Events</a></li>
<li><a href="reg.html">Register</a></li>
<li><a href="#">Sponsors</a></li>
</ul>
</div>
<div class="nav-container">
<!--navbar content1-->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Sponsors</a></li>
</ul>
</div>
<div class="nav-container-2">
<!--Title-->
<a href="index.html">
<p>PRAJWALAN</p>
</a>
</div>
<div class="nav-container-3">
<!--navbar content2-->
<div class="nav-container-3">
<ul>
<li><a href="event.html">Events</a></li>
<li><a href="reg.html">Register</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<h1 class="container__form-title">REGISTRATION</h1>
<form action="#">
<div class="container__main-user-info">
<!--the elemnts in form -->
<div class="container__user-input-box">
<label for="fullName">First Name</label>
<input type="text" id="container__firstName" name="fullName" placeholder="Enter first name">
</div>
<div class="container__user-input-box">
<label for="lastName">Last Name</label>
<input type="text" id="container__lastName" name="lastName" placeholder="Enter last name">
</div>
<div class="container__user-input-box">
<label for="Email">Email</label>
<input type="text" id="container__email" name="email" placeholder="Enter email">
</div>
<div class="container__user-input-box">
<label for="phoneNumber">Phone Number</label>
<input type="text" id="container__phoneNumber" name="phoneNumber" placeholder="+910000000000"/>
</div>
<div class="container__user-input-box">
<label for="College">College Name</label>
<input type="text" id="container__collegeName" name="CollegeName" placeholder="College name"/>
</div>
<div class="container__user-input-box">
<label for="phoneNumber">Address</label>
<input type="text" id="container__address" name="address" placeholder="Current address"/>
</div>
</div>
<div class="container__gender-details-box">
<span class="container__gender-title">Gender</span>
<div class="container__gender-category">
<input type="radio" name="gender" id="male">
<label for="male">Male</label>
<input type="radio" name="gender" id="male">
<label for="female">Female</label>
<input type="radio" name="gender" id="other">
<label for="other">Other</label>
</div>
</div>
<button class="container__btn" type="button" onclick="location.href='#'">Register</button>
</form>
</div>
<footer class="footer">
<div class="footer-container">
<!--Main container (main div)-->
<div class="footer-row">
<div class="footer-col">
<!--Column 01-->
<img src="./prajwalan.png" alt="fg" class="footer-logo" />
<!-- Prajwalan logo -->
</div>
<div class="footer-col">
<!-- Column 02 -->
<h4>Address</h4>
<!--Column heading -->
<p>Government College of Engineering</p>
<p>Kathora Naka, Amravati</p>
<p>Pin-444604</p>
<p><a href="#" class="gcoea-website">www.gcoea.ac.in</a></p>
<!-- Gcoea Website -->
</div>
<div class="footer-col">
<!-- Column 03 -->
<h4>Help</h4>
<!-- Column heading -->
<ul>
<li><a href="#">FAQs</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Register</a></li>
</ul>
</div>
<div class="footer-col">
<!-- Column 04 -->
<h4>follow us</h4>
<!--column heading -->
<div class="social-links">
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>