-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (140 loc) · 7.08 KB
/
index.html
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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!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>University of Knowledge</title>
<link rel="stylesheet" href="/University-of-Knowledge/css/style.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>
<body>
<section class="header">
<nav>
<a href="/University-of-Knowledge/index.html"><img src="https://gcdn.pbrd.co/images/nkhcsz1rFtht.png?o=1" alt="University of Knowledge"></a>
<div class="nav-links" id="navLinks">
<i class="fas fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="/University-of-Knowledge/index.html">HOME</a></li>
<li><a href="/University-of-Knowledge/pages/about.html">ABOUT</a></li>
<li><a href="/University-of-Knowledge/pages/course.html">COURSE</a></li>
<li><a href="/University-of-Knowledge/pages/blog.html">BLOG</a></li>
<li><a href="/University-of-Knowledge/pages/contact.html">CONTACT</a></li>
</ul>
</div>
<i class="fas fa-ellipsis-v" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1>World's Largest University</h1>
<p>We here provide not only quality education,<br>But also hone the life-skills of the students.</p>
<a href="" class="hero-btn">Visit Us to Know More</a>
</div>
</section>
<section class="course">
<h1>Courses We Offer</h1>
<p>Our University ranges amongst choices of 2000 Different Courses.</p>
<div class="row">
<div class="course-col">
<h3>Intermediate</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam voluptas recusandae laboriosam maiores velit hic, quidem reprehenderit fuga aperiam nesciunt. Provident, ullam iure. Labore deserunt laborum dolor fugiat corrupti recusandae?</p>
</div>
<div class="course-col">
<h3>Degree</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam voluptas recusandae laboriosam maiores velit hic, quidem reprehenderit fuga aperiam nesciunt. Provident, ullam iure. Labore deserunt laborum dolor fugiat corrupti recusandae?</p>
</div>
<div class="course-col">
<h3>Post Graduation</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam voluptas recusandae laboriosam maiores velit hic, quidem reprehenderit fuga aperiam nesciunt. Provident, ullam iure. Labore deserunt laborum dolor fugiat corrupti recusandae?</p>
</div>
</div>
</section>
<section class="campus">
<h1>Our Global Campus</h1>
<p>We have our campuses spread across the globe in varios countries.</p>
<div class="row">
<div class="campus-col">
<img src="https://i.ibb.co/zrZ3Tvf/campus1.jpg">
<div class="layer"><h3>LONDON</h3></div>
</div>
<div class="campus-col">
<img src="https://i.ibb.co/gZ5yfYJ/campus2.jpg">
<div class="layer"><h3>NEW YORK</h3></div>
</div>
<div class="campus-col">
<img src="https://i.ibb.co/V3Ccdfp/campus3.jpg">
<div class="layer"><h3>AMSTERDAM</h3></div>
</div>
</div>
</section>
<section class="facilities">
<h1>Our Facilities</h1>
<p>We have multipurpose labs, auditoriums, large libraries and also several clubs keening to the interests of the Students</p>
<div class="row">
<div class="facilities-col">
<img src="https://i.ibb.co/jLC23YG/fac1.jpg">
<h3>World Class Library</h3>
<p>With books from around the world. And varieties to choose from.</p>
</div>
<div class="facilities-col">
<img src="https://i.ibb.co/ZG8X0Xn/fac2.jpg">
<h3>High End Laboratory</h3>
<p>End level machinery and Hi-tech equipment, loaded with safety to build new scientists.</p>
</div>
<div class="facilities-col">
<img src="https://gcdn.pbrd.co/images/cEWGjeZbsPMv.jpg?o=1">
<h3>Internet Café</h3>
<p>High Speed Wi-Fi and Computer Facility, so that no knowledge is left out.</p>
</div>
</div>
</section>
<section class="testimonials">
<h1>What our students have to say...</h1>
<p>Reviews from our students</p>
<div class="row">
<div class="testimonial-col">
<img src="https://gcdn.pbrd.co/images/EuA6fnxFttBA.jpg?o=1" alt="">
<div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae eos quos adipisci autem delectus ipsa sapiente sit nesciunt odit neque.</p>
<h3>Daisy Harper</h3>
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i>
</div>
</div>
<div class="testimonial-col">
<img src="https://gcdn.pbrd.co/images/sKhkdAWs3zVk.jpg?o=1" alt="">
<div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae eos quos adipisci autem delectus ipsa sapiente sit nesciunt odit neque.</p>
<h3>Isabella Kinsley</h3>
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
</div>
</div>
</div>
</section>
<section class="cta">
<h1>Enroll Into Our Online Courses<br>Now From Anywhere On The Globe</h1>
<a href="" class="hero-btn">CONTACT US</a>
</section>
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum molestias delectus fuga doloremque, maxime tempora,<br> aspernatur doloribus aliquid dolorum illum aperiam, quia quo! Reprehenderit, numquam.
</p>
<div class="icons">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin-in"></i>
<i class="fab fa-github"></i>
<i class="fab fa-snapchat-ghost"></i>
</div>
<p>Made with <i class="fas fa-heart"></i> by MonkTech</p>
</section>
<script>
var navLinks=document.getElementById("navLinks");
function showMenu(){
navLinks.style.right="0";
}
function hideMenu(){
navLinks.style.right="-200px";
}
</script>
</body>
</html>