Spaces:
Running
Running
File size: 4,656 Bytes
a58b859 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 |
<!DOCTYPE html>
<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="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>
<div class="text-box">
<h1>ABC - Empowering Students</h1>
<p>For the past 100 years, ABC has been delivering<br> quality education to students around the globe and helped them realise their dreams.</p>
<a href="about.html" class="more-btn">Know More</a>
</div>
</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>
</section>
<!--campus-->
<section class="campus">
<h1>Our Campus</h1>
<p>High quality education in two of our campuses.</p>
<div class="campus-col">
<img src="images/camp1.jpg">
<div class="layer">
<h3>NORWAY</h3>
</div>
</div>
<div class="campus-col">
<img src="images/camp2.jpg">
<div class="layer">
<h3>INDIA</h3>
</div>
</div>
</section>
<!--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>
<!---contact home-->
<section class="con">
<h1>Contact us now for <br>enquiry or admission</h1>
<a href="contact.html" class="more-btn">Contact Us</a>
</section>
<!--footer-->
<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> |