Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>University Website Design - Easy Tutorials</title>
- <link rel="stylesheet" href="style.css">
- <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,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>
- <body>
- <section class="sub-header">
- <nav>
- <a href="index.html"><img src="images/logo.png"></a>
- <div class="nav-links" id="navLinks">
- <i class="fa fa-close" onclick="hideMenu()"></i>
- <ul>
- <li><a href="index.html">HOME</a></li>
- <li><a href="about.html">ABOUT</a></li>
- <li><a href="course.html">COURSE</a></li>
- <li><a href="blog.html">BLOG</a></li>
- <li><a href="contact.html">CONTACT</a></li>
- </ul>
- </div>
- <i class="fa fa-bars" onclick="showMenu()"></i>
- </nav>
- <h1>Our Courses</h1>
- </section>
- <!---------- course ----------->
- <section class="course">
- <h1>Courses We Offer</h1>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
- <div class="row">
- <div class="course-col">
- <h3>Intermediate</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla, eleifend faucibus est sollicitudin ut. Maecenas ut venenatis ex, et dapibus purus Donec sit.</p>
- </div>
- <div class="course-col">
- <h3>Degree</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla, eleifend faucibus est sollicitudin ut. Maecenas ut venenatis ex, et dapibus purus Donec sit.</p>
- </div>
- <div class="course-col">
- <h3>Post Graduation</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla, eleifend faucibus est sollicitudin ut. Maecenas ut venenatis ex, et dapibus purus Donec sit.</p>
- </div>
- </div>
- </section>
- <!---------- Facilities ---------->
- <section class="facility">
- <h1>Our Facilities</h1>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
- <div class="row">
- <div class="facility-col">
- <img src="images/library.png">
- <h3>World Class Library</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla.</p>
- </div>
- <div class="facility-col">
- <img src="images/basketball.png">
- <h3>Largest Play Ground</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla.</p>
- </div>
- <div class="facility-col">
- <img src="images/cafeteria.png">
- <h3>Tasty and Healthy Food</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla.</p>
- </div>
- </div>
- </section>
- <!-------- footer ---------->
- <section class="footer">
- <h4>About Us</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet turpis nulla, eleifend faucibus est<br>sollicitudin ut. Maecenas ut venenatis ex, et dapibus purus.</p>
- <div class="icons">
- <i class="fa fa-facebook"></i>
- <i class="fa fa-twitter"></i>
- <i class="fa fa-instagram"></i>
- <i class="fa fa-linkedin"></i>
- </div>
- <p>made with <i class="fa fa-heart-o"></i> by Easy Tutorials</p>
- </section>
- <!----JavaScript for toggle menu---->
- <script>
- var navLinks = document.getElementById("navLinks");
- function showMenu() {
- navLinks.style.right = "0";
- }
- function hideMenu() {
- navLinks.style.right = "-200px";
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
