<!DOCTYPE html>
<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="style.css" />
<head>
<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"
/>
</head>
</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</a>
<a href="about-us.html">About Us</a>
<a href="contact-us.html">Contact Us</a>
<button><b>Sign In</b></button>
<i class="ri-menu-line"></i>
</div>
</div>
<div class="sidenav">
<i class="ri-close-large-line"></i>
<button><b>Sign In</b></button>
<a href="">Home</a>
<a href="#">Internship</a>
<a href="about-us.html">About Us</a>
<a href="contact-us.html">Contact Us</a>
</div>
<div class="container">
<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">Admin Panel</button>
<button class="btnAnim">Student Panel</button>
</div>
<div class="content">
<h1>Our Internship Programs</h1>
<div class="content-Container">
<div class="course">
<img src="Website.jpg" />
<h1>Web Development</h1>
</div>
<div class="course">
<img src="App Development.jpg" />
<h1>App Development</h1>
</div>
<div class="course">
<img src="System Design.jpg" />
<h1>Web Design</h1>
</div>
</div>
</div>
<div class="about-us">
<div class="aboutimg">
<img src="about1.jpg" class="img1" />
<img src="about2.jpg" class="img2" />
</div>
<div class="about-theory">
<h1>About Us</h1>
<p>
At <span style="color: #022d55; font-weight: 600">ITintern</span>,
we believe that internships are more than just a stepping stone—they
are a journey of discovery and growth.Our mission is to provide
meaningful internship opportunities that help students gain
practical experience and prepare them for successful careers. We are
committed to creating an inclusive, dynamic environment where your
potential can truly flourish. Join us, and transform your internship
experience into an unforgettable adventure that shapes your future
career.
</p>
<a href="about-us.html"><button>Learn More</button> </a>
</div>
</div>
<div class="contact-us">
<div class="contactbox">
<h1>Get in Touch</h1>
<h4>Contact for any query</h4>
</div>
<div class="contact-container">
<div class="contactimg">
<div class="blankdiv"></div>
<img src="contact1.jpg" />
</div>
<div class="contact-form">
<form>
<h1>Send Message</h1>
<input type="text" id="name" placeholder="Your Name" required />
<input
type="email"
id="email"
placeholder="Your email"
required
/>
<textarea
type="text"
id="msg"
placeholder="How can we help you?"
required
></textarea>
<button type="submit" rows="20"><b>Send</b></button>
<ul>
<li>
<a href="#"><i class="ri-facebook-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-linkedin-fill"></i></a>
</li>
</ul>
</form>
</div>
</div>
</div>
<footer>
<div class="footer-content">
<div class="address">
<h4>Address</h4>
<p>
<i class="ri-map-pin-line"></i> New Street, Agra, Uttar Pradesh
</p>
<p><i class="ri-phone-line"></i> Phone: +91 1234567890</p>
<p><i class="ri-mail-line"></i> Email: itintern@gmail.com</p>
</div>
<div class="links">
<h4>Links</h4>
<ul class="list">
<li><a href="#">Home</a></li>
<li><a href="#">Intership</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
<div class="social-media">
<h4>Follow Us</h4>
<ul>
<li>
<a href="#"><i class="ri-facebook-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-linkedin-fill"></i></a>
</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 ITintern. All rights reserved.</p>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>