<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ITintern</title>
<link rel="stylesheet" href="new.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap">
<link href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="main">
<div class="header">
<h1>IT<span style="color: #0081a7;">intern</span></h1>
<div class="headerLinks">
<a href="#">Home</a>
<a href="/internship">Internship</a>
<a href="/aboutus">About Us</a>
<a href="/contact">Contact Us</a>
<button id="myBtn1"><b>Sign In</b></button>
<i class="ri-menu-line"></i>
</div>
</div>
<div class="sidenav">
<i class="ri-close-large-line"></i>
<button id="myBtn2"><b>Sign In</b></button>
<a href="#">Home</a>
<a href="/internship">Internship</a>
<a href="/about">About Us</a>
<a href="/contact">Contact Us</a>
</div>
<div class="containers">
<h1 class="anim">Forge Your Career Path with Our Internship Programs</h1>
<h3 class="anim">Your Future Starts Here</h3>
<p class="anim">
Ready to take the first step toward an exciting and rewarding career?
Apply now to ITintern's internship program and embark on a journey
where your ideas are valued, your growth is nurtured, and your future
is bright.
</p>
<p class="anim">
With us, you're not just an intern—
<span style="color: #7ce609">you're a vital part of our team.</span>
</p>
<button class="btnAnim" id="myBtn" >Admin Panel</button>
<button class="btnAnim" id="myBtn3">Student Panel</button>
</div>
<footer>
<div class="section footer-content">
<div class="address">
<h4>Address</h4>
<p>Agra, Uttar Pradesh</p>
<p style="text-decoration:none"><a href="tel:+919548750198">Phone: +91 9548750198</a></p>
<p style="text-decoration:none"><a href="mailto:support@ITintern.in">Email: support@ITintern.in</a></p>
</div>
<div class="section links">
<h4>Links</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="/internship">Internship</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</div>
<div class="section social-media">
<h4>Follow Us</h4>
<ul class="social">
<li><a href="#"><i class="ri-linkedin-fill"></i></a></li>
<li><a href="#"><i class="ri-twitter-x-line"></i></a></li>
<li><a href="#"><i class="ri-instagram-fill"></i></a></li>
<li><a href="#"><i class="ri-facebook-fill"></i></a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 ITintern. All rights reserved.</p>
</div>
</footer>
</div>
<!-- Admin Login -->
<div class="modal show" id="myModalAdmin" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog modal-dialog-centered" role="document" style=" display: flex;justify-content: center; align-items: center; min-height: 100vh;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="admin">Sign In - ITintern</h5>
<button type="button" class=" close closeAdmin" id = "closeAdmin" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="#" method="POST">
<div class="modal-body">
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnAdmin" class="btn btnAdmin btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" name="signup" class="btn btn-primary">Sign In</button>
</div>
</form>
</div>
</div>
</div>
<!-- Sign In -->
<div class="modal show" id="myModalLogin" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog modal-dialog-centered" role="document" style=" display: flex;justify-content: center; align-items: center; min-height: 100vh;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="admin">Sign In - ITintern</h5>
<button type="button" class=" close closeLogin" id = "closeLogin" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="#" method="POST">
<div class="modal-body">
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
</div>
<div class="modal-footer">
<button name="signup" id="myBtn4" class="btn btn-primary">Sign Up</button>
<button type="button" class="btn btnLogin btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" name="signup" class="btn btn-primary">Sign In</button>
</div>
</form>
</div>
</div>
</div>
<!-- Sign Up -->
<div class="modal show" id="myModal" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog modal-dialog-centered" role="document" style=" display: flex;justify-content: center; align-items: center; min-height: 100vh;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="admin">Sign UP - ITintern</h5>
<button type="button" class="close" id="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="#" method="POST">
<div class="modal-body">
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username" required>
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" name="email" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<div class="form-group">
<label for="cpassword">Confirm Password</label>
<input type="password" class="form-control" id="cpassword" name="cpassword" required>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btn" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" name="signup" class="btn btn-primary">Sign Up</button>
</div>
</form>
</div>
</div>
</div>
<script src="new.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>