Scribd
Upload
14 views4 pages

About

Uploaded by

Bhavesh Gharat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
14 views4 pages

About

Uploaded by

Bhavesh Gharat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSSP KHARDI | IT CIRCLE</title>
<link rel="icon" type="image/x-icon" href="image/favicon.ico">
<link rel="stylesheet" href="style.css">
<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=Lora:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Poppins:wght@200;300;600
;700&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css">
</head>
<a href="index.html"><img src="image/logo.jpg" class="head_logo"></a>
<body>

<!----------------------------------------------->
<!--------- HEADER ------------->
<!----------------------------------------------->
<section class="header-2 " >
<nav>
<i class="fa fa-bars" onclick="showMenu()"></i>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="courses.HTML">COURSES</a></li>
<li><a href="departments.HTML">DEPARTMENTS</a></li>
<li><a href="students.HTML">STUDENTS_CORNER</a></li>
<li><a href="about.HTML">ABOUT_US</a></li>
<li><a href="feedback.HTML">FEEDBACK</a></li>
</ul>
</div>
</nav>
7<h1 style="color: bisque;">ABOUT US</h1>
</section>

<!------------------------------------------------------->
<!--------- CONTENTS OF ABOUT US PAGE --------->
<!------------------------------------------------------->

<section class="about-us">
<div class="row">
<div class="about-col">
<h1>Best College In Shahapur</h1>
<p>
Jeevandeep Shaikshanik Sanstha Poi's Arts, Commerce and Science
college khardi is one of the best colleges in thane district.
</p>
<a class="hero-btn btn" href="">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="image/about.jpg" alt="IMAGE HERE">
</div>
</div>
<br><br>
<div class="row-about">
<img src="image/about/tmp-about-1.jpg" alt="">
<img src="image/about/tmp-about-1.jpg" alt="">
</div>
</section>

<!------------------------------------------>
<!----------- CONTACT US ------------>
<!------------------------------------------>

<section class="footer">
<a href=""><h4>About Us</h4></a>
<P>
About College's Administratives and Contact Information.
</P>
<div class="row">
<div class="admin">
<img src="image/photo-president.jpg" alt="">
<h3>PRECIDENT</h3>
<h4>Mr RAVINDRAJI GHIDVINDE Sir</h4>
<h5>+919999999999</h5>
<h5>[email protected]</h5>
</div>
<div class="admin">
<img src="image/photo-principle.jpg" alt="">
<h3>PRINCIPLE</h3>
<h4>Mr KAILAS KALKATE Sir</h4>
<h5>+919999999999</h5>
<h5>[email protected]</h5>
</div>
</div>

</section>

<!------------------------------------------>
<!----------- FOOTER ------------>
<!------------------------------------------>
<footer class="footer">
<div class="container">
<div class="footer_menu">
<h3>Navigate Website</h3>
<ul>
<li><a href="index.HTML">HOME</a></li>
<li><a href="courses.HTML">COURSES</a></li>
<li><a href="departments.HTML">DEPARTMENTS</a></li>
<li><a href="students.HTML">STUDENTS_CORNER</a></li>
<li><a href="about.HTML">ABOUT_US</a></li>
<li><a href="feedback.HTML">FEEDBACK</a></li>
</ul>
</div>
<div class="footer_menu ">
<h3>Know More</h3>
<ul>
<li><a href="https://jsspcollegegoveli.in/">JSSP COLLEGE
GOVELI</a></li>
<li><a href="mailto:[email protected]">SEND EMAIL</a></li>
<li><a href="https://twitter.com/NSSJSSPKhardi">@TWITTER /
JSSP</a></li>
<li><a href="https://twitter.com/ravindraghodvin?
lang=en">@TWITTER / PRESIDENT</a></li>
<li><a href="https://twitter.com/kkalkate">@TWITTER /
PRINCIPLE</a></li>

</ul>
</div>
<div class="footer_menu">
<h3>Also Visit</h3>
<ul>
<li><a href="https://swayam.gov.in/">SWAYAM CENTRAL</a></li>

<li><a href="https://www.w3schools.com/">W3SCHOOLS</a></li>
<li><a
href="https://www.vidyasaarathi.co.in/Vidyasaarathi/">VIDYASAARATHI</a></li>
<li><a
href="https://scholarships.reliancefoundation.org/UG_Scholarship.aspx">RELIANCE
SCHOLARSHIP</a></li>
<li><a href="https://www.meity.gov.in/">MeitY GOV</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="base">
<div class="ico">
<i class="fa fa-whatsapp"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-facebook"></i>
<i class="fa fa-linkedin"></i>
</div>
<p>""SHLOGAN FOR COLLEGE""</p>
</div>
<div class="copyright">
<p>Designed by <img src="image/itcircle.jpg" id="image1"><b> IT
CIRCLE</b></p>
<p id="copyright">Copyright &copy; 2025, All rights reserved.</p>
</div>
</div>

</footer>

<!---------------------------------------------------->
<!--------- JAVASCRIPT FOR MENU ------------>
<!---------------------------------------------------->
<script>
var navLinks = document.getElementById("navLinks");
if(window.innerWidth < 700) {
document.getElementById('navLinks').style.display = 'none';
}

function showMenu(){
if (document.getElementById('navLinks').style.display == 'none') {
navLinks.style.right ='0';
document.getElementById('navLinks').style.display = 'block';
} else {
document.getElementById('navLinks').style.display = 'none';
}
}

function hideMenu(){
document.getElementById('navLinks').style.display = 'none';
}

function resetMenu(){
if(window.innerWidth >= 700) {
document.getElementById('navLinks').style.display = 'flex';
} else if (window.innerWidth < 700) {
document.getElementById('navLinks').style.display = 'none';
}
}
window.addEventListener('resize', resetMenu);
</script>

</body>
</html>

You might also like