<div class="container-fluid">

<div class="row">
<!-- Left Panel -->
<div class="col-md-3 left-panel">
<h3>Login</h3>
<form>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username"
placeholder="Enter your username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password"
placeholder="Enter your password">
</div>
<button type="submit" class="btn btn-primary btn-
block">Login</button>
</form>
</div>

<!-- Right Panel -->

<div class="col-md-9 right-panel">
<h2>Welcome to Our Academic Services</h2>
<h3>Explore the best features we offer</h3>
<div class="row panel-container">
<!-- Panel 1 -->
<div class="col-md-4">
<div class="custom-panel">
<img class="img-rounded" src="images/glossyD.png"
alt="Image 1">

<h4>Diploma Courses</h4>
<p style='height:360px' align='justify'>Our institute
proudly offers a diverse range of diploma courses designed to equip students with
practical skills and specialized knowledge in emerging and traditional fields. From
cutting-edge programs like <b>Artificial Intelligence</b>, <b>Blockchain
Technology</b>, <b>Diploma in Nanoscience</b> and <b>Cybersecurity</b>, we ensure
our students are future-ready. <br/>For those seeking creative expertise, we offer
the <b>Diploma in Culinary Arts</b> and <b>Diploma in Game Development</b>,
fostering talents in dynamic industries. Additionally, our foundational courses in
<b>Fundamental Electricals and Fundamental Electronics</b>, and also Astrology
course which provide a strong base for further academic pursuits. <br/>Our
<b>Diploma in Social Works</b> prepares learners to contribute to their
communities.</p>
<button class="btn btn-primary">Learn More</button>
</div>
</div>
<!-- Panel 2 -->
<div class="col-md-4">
<div class="custom-panel">
<img class="img-rounded" src="images/glossyAD.png"
alt="Image 1">
 <h4>Advanced Diploma Courses</h4>
<p style='height:360px' align='justify'>Our institute
is delighted to introduce Advanced Diploma programs, offering a more in-depth
exploration of key disciplines over a focused six-month duration. These advanced
courses include modern fields like Artificial Intelligence and Blockchain
Technology, providing expertise in technologies shaping the future.
<br/>Specializations such as Nanoscience, Cybersecurity, and Game Development cater
to those aiming for cutting-edge career paths. <br/>For foundational and applied
knowledge, we offer programs in Fundamental Electricals, Fundamental Electronics,
and Astrology, ensuring versatility in learning. Additionally, our Culinary Arts
and Social Works diplomas empower students to excel in creative and community-
driven professions.</p>
<button class="btn btn-primary">Learn More</button>
</div>
</div>
<!-- Panel 3 -->
<div class="col-md-4">
<div class="custom-panel">
<img class="img-rounded" src="images/glossyU.png"
alt="Image 1"/>
<img class="img-rounded"
src="images/glossyG.png" alt="Image 1"/>
<h4>UG Courses</h4>
<p style='height:360px' align='justify'>Our institute
is excited to announce the upcoming launch of <b>Undergraduate (UG) Courses</b>,
meticulously designed to cater to diverse academic interests and career
aspirations. These programs, currently in development, will include innovative
disciplines like </b>Artificial Intelligence</b>, <b>Blockchain Technology</b>, and
<b>Nanoscience</b>, providing a strong foundation for technological advancements.
<br/>Fields such as <b>Cybersecurity</b> and <b>Game Development</b> will offer
students the opportunity to excel in high-demand industries. Additionally,
foundational courses in <b>Electricals</b>, <b>Electronics</b>, and
<b>Astrology</b> aim to blend traditional knowledge with modern applications.
<br/>Creative and socially impactful programs like <b>Culinary Arts</b> and
<b>Social Works</b> will further enrich our academic portfolio.</p>
<button class="btn btn-primary">Learn More</button>
</div>

</div>

</div> <!-- row panel -->

</div> <!-- right panel -->

<!-- Bottom Panel -->

<div class="row">
<!-- Column 1: Links -->
<div class="col-md-3">
<h5>Quick Links</h5>
<ul class="list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
 <!-- Column 2: Links -->
<div class="col-md-3">
<h5>Company</h5>
<ul class="list-unstyled">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>

<!-- Column 3: Links -->

<div class="col-md-3">
<h5>Resources</h5>
<ul class="list-unstyled">
<li><a href="#">Blog</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">API</a></li>
</ul>
</div>

<!-- Column 4: Social Media Icons -->

<div class="col-md-3">
<h5>Follow Us</h5>
<a href="https://www.facebook.com" target="_blank" class="social-
icon"><i class="fab fa-facebook"></i></a>
<a href="https://www.linkedin.com" target="_blank" class="social-
icon"><i class="fab fa-linkedin"></i></a>
<a href="https://www.twitter.com" target="_blank" class="social-
icon"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com" target="_blank" class="social-
icon"><i class="fab fa-instagram"></i></a>
</div>
</div>

</div> <!-- container-fluid -->