Spaces:
Running
Running
<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>ABC University</title> | |
<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=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,200;1,300;1,600;1,800&display=swap" rel="stylesheet"> | |
<link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet"> | |
</head> | |
<body> | |
<section class="sub-header"> | |
<nav> | |
<a href="/index.html"><img src="images\logo.png"> </a> | |
<div class="nav-links" id="navlinks"> | |
<i class="lni lni-close" onclick="hideMenu()"></i> | |
<ul> | |
<li><a href="index.html">HOME</a></li> | |
<li><a href="about.html">ABOUT</a></li> | |
<li><a href="admission.html">ADMISSION</a></li> | |
<li><a href="feedback.html">FEEDBACK</a></li> | |
<li><a href="contact.html">CONTACT</a></li> | |
</ul> | |
</div> | |
<i class="lni lni-menu" onclick="showMenu()"></i> | |
</nav> | |
<h1>Apply now and become part of the ABC family</h1> | |
<p> </p> | |
<a href="contact.html" class="more-btn no-btn">Apply Now</a> | |
</section> | |
<!--Courses--> | |
<section class="course"> | |
<h1>Our Courses</h1> | |
<p>We have something for everyone.</p> | |
<div class="row"> | |
<div class="course-col"> | |
<h3>Technology</h3> | |
<p>Technical degrees like B.Tech, BCA, M.Tech, MCA</p> | |
</div> | |
<div class="course-col"> | |
<h3>Commerce</h3> | |
<p>Commercial degrees like B.Com, B.A. Economics, BBA, M.Com, M.A Economics, MBA</p> | |
</div> | |
<div class="course-col"> | |
<h3>Humanities</h3> | |
<p>Bachelor's and Master's degree in suubjects like literature, social science, political science, etc.</p> | |
</div> | |
</div> | |
<!--Facilities--> | |
<section class="fac"> | |
<h1>Facilties</h1> | |
<p>Top tier facilities to help learning.</p> | |
<div class="row"> | |
<div class="fac-col"> | |
<img src="images/lib.jpg"> | |
<h3>Library</h3> | |
<p>Physical as well as e-Library with an extensive collection of books.</p> | |
</div> | |
<div class="fac-col"> | |
<img src="images/ply.jpg"> | |
<h3>Playground</h3> | |
<p>Playgrounds for various sports in accordance with international standards.</p> | |
</div> | |
<div class="fac-col"> | |
<img src="images/lab.jpg"> | |
<h3>Laboratories</h3> | |
<p>Excellent labs with the most advanced and modern technologies in place.</p> | |
</div> | |
</div> | |
</section> | |
<section class="footer"> | |
<h4>Connect with us</h4> | |
<p>Connect with us on social media to stay updated about us.</p> | |
<div class="icons"> | |
<i class="lni lni-facebook"></i> | |
<i class="lni lni-instagram-original"></i> | |
<i class="lni lni-twitter"></i> | |
</div> | |
<p>Made by Mohit Kumar</p> | |
</section> | |
<script> | |
var navlinks=document.getElementById("navlinks"); | |
function showMenu(){ | |
navlinks.style.right= "0"; | |
} | |
function hideMenu(){ | |
navlinks.style.right="-200px"; | |
} | |
</script> | |
</body> | |
</html> |