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="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> |