-
Notifications
You must be signed in to change notification settings - Fork 0
/
coursefacility.html
127 lines (102 loc) · 11.6 KB
/
coursefacility.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,intial-scale=1">
<meta charset="UTF-8">
<title>University Website Design</title>
<link rel="stylesheet" type="text/css" href="/UniversityProject/tempproj.css">
<script src="https://kit.fontawesome.com/c94bf07759.js"></script> <!--font awesome kit code-->
<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=Oswald:wght@500&display=swap" rel="stylesheet">
<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=Merriweather:wght@900&display=swap" rel="stylesheet">
<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=Be+Vietnam+Pro:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<section id="sub-header">
<nav>
<div id="left_side">
<img id="cap_logo" src="data:image/jpeg;base64,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" alt="graduationcap">
<span id="clg_name">EduFord</span>
</div>
<div id="right_side">
<i class="fas fa-times" onclick="hideMenu()"></i>
<ul>
<li><a class="nav_items" href="templateproject.html">HOME</a></li>
<li><a class="nav_items" href="abouttempproj.html">ABOUT</a></li>
<li><a class="nav_items" href="coursefacility.html">COURSE</a></li>
<li><a class="nav_items" href="blogpage.html">BLOG</a></li>
<li><a class="nav_items" href="Contactform.html">CONTACT</a></li>
</ul>
</div>
<i class="fas fa-bars" onclick="showMenu()"></i>
</nav>
<div id="abt">
<h1>Our Courses and Facilities</h1>
</section>
<!---------- Course------------->
<section class="course_sec">
<h1>Courses We Offer</h1>
<p id="course_p">Lorem Ipsum Dolor sit amet consectetur adipiscing elit</p>
<div class="course_wrapper">
<div class="course_type">
<h2>Intermediate</h2>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est sollicitudin ut. Maecenas ut veneatis ex, et dapibus purus donec sit.</p>
</div>
<div class="course_type">
<h2>Degree</h2>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est sollicitudin ut. Maecenas ut veneatis ex, et dapibus purus donec sit.</p>
</div>
<div class="course_type">
<h2>Post Graduation</h2>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est sollicitudin ut. Maecenas ut veneatis ex, et dapibus purus donec sit.</p>
</div>
</div>
</section>
<!---------------------Facilities--------------------->
<section class="facilities">
<h1>Our Facilities</h1>
<p id="faci_p">Lorem Ipsum Dolor sit amet consectetur adipiscing elit</p>
<div class="row">
<div class="facility_col">
<img src="https://images.indianexpress.com/2018/05/library.jpg" alt="facility">
<h3>World Class Library</h3>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est sollicitudin ut</p>
</div>
<div class="facility_col">
<img src="https://img-prod.sportmediaset.mediaset.it/images/2020/03/07/080106599-0d60c973-65ac-4e38-8de3-faa4225da4f4.jpg" alt="facility">
<h3>Classy Basketball Court</h3>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est sollicitudin ut</p>
</div>
<div class="facility_col">
<img src="https://i.pinimg.com/originals/d1/bd/99/d1bd99c32aa0a52c608f4f971601e85b.jpg" alt="Facility">
<h3>Tasty and Healthy Food</h3>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est sollicitudin ut</p>
</div>
</div>
</section>
<!--------------------Footer-------------------->
<section class="footer">
<h3>About Us</h3>
<p>Lorem Ipsum Dolor sit amet consectetur adipiscing elit. Pellentesque aliquet turpis nulla,eleifend faucibus est<br> sollicitudin ut. Maecenas ut veneatis ex, et dapibus purus donec sit.</p>
<i class="fab fa-facebook-square"></i>
<i class="fab fa-instagram-square"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-linkedin"></i>
</section>
<!-------Javascript code for toggle------>
<script>
var right_side = document.getElementById("right_side");
function showMenu(){
right_side.style.display = "block";
}
function hideMenu(){
right_side.style.display = "none";
}
</script>
</body>
</html>