-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (140 loc) · 4.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./Landing Page/Styles/style.css">
<link rel="stylesheet" href="./Navbar/nav-bar.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" />
<title>Higher Ed-X</title>
</head>
<body>
<nav>
<h2>Higher Ed-X</h2>
<div class="nav-center">
<!-- nav header -->
<div class="nav-header">
<button class="nav-toggle">
<i class="fas fa-list"></i>
</button>
</div>
<!-- links -->
<ul class="links">
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="projects.html">Scholar Profile</a>
</li>
<li>
<a href="contact.html">School Page</a>
</li>
</ul>
</div>
</nav>
<div class="intro-section">
<h1 class="welcome">Welcome to ED-X</h1>
<p>
Welcome text bla bla bla t amet consectetur adipisicing elit. Quaerat
numquam libero vel. Eum delectus explicabo minus. Voluptas consequatur
nemo ipsa, vel sit maiores dolorem, porro dignissimos quia est at fugit.
</p>
</div>
<!-- Featured “Scholar-Profile(s)™” and schools Via UP and DOWN votes -->
<div class="featured-section">
<div class="featured-student">
<img class="image" src="./Landing Page/Styles/images/pexels-photo-220453.jpeg" alt="john-doe"
class="featured-img" />
<h3>John Doe1</h3>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo
corporis voluptatum aperiam officia ut officiis deleniti labore non
necessitatibus.
</p>
</div>
<!-- Student two-->
<div class="featured-student">
<img class="image" src="./Landing Page/Styles/images/pexels-photo-220453.jpeg" alt="john-doe"
class="featured-img" />
<h3>John Doe2</h3>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo
corporis voluptatum aperiam officia ut officiis deleniti labore non
necessitatibus.
</p>
</div>
<!-- End of Student two -->
<!-- Student three-->
<div class="featured-student">
<img class="image" src="./Landing Page/Styles/images/pexels-photo-220453.jpeg" alt="john-doe"
class="featured-img" />
<h3>John Doe3</h3>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo
corporis voluptatum aperiam officia ut officiis deleniti labore non
necessitatibus.
</p>
</div>
</div>
<!-- End of Student three -->
<!-- START featured school 1 -->
<div class="featured-schools">
<div class="featured-school">
<img class="image" src="./Landing Page/Styles/images/images.jpeg" alt="">
<h3>School name</h3>
</div>
<!-- START featured school 2 -->
<div class="featured-school">
<img class="image" src="./Landing Page/Styles/images/images.jpeg" alt="">
<h3>School name</h3>
</div>
<!-- START featured school 3 -->
<div class="featured-school">
<img class="image" src="./Landing Page/Styles/images/images.jpeg" alt="">
<h3>School name</h3>
</div>
<!-- END featured school -->
</div>
</div>
<div class="roadmap">
<div class="roadmap-section">
<img src="./Landing Page/Styles/images/search.svg" alt="">
<h3>Personalized Feed
Your Personalized Feed shows what your friends have been watching and what they are planning to see next.</h3>
</div>
<div class="roadmap-section">
<img src="./Landing Page/Styles/images/search.svg" alt="">
<h3>Personalized Feed
Share
Share your reviews with a global audience of movie lovers.</h3>
</div>
<div class="roadmap-section">
<img src="./Landing Page/Styles/images/search.svg" alt="">
<h3>Personalized Feed
Search
Search for movies, actors and directors - all in one place.</h3>
</div>
</div>
<div class="section-advertisement">
<div class="featured-school">
<img class="image" src="./Landing Page/Styles/images/images.jpeg" alt="">
<h3>School name1</h3>
</div>
<!-- START featured school 2 -->
<div class="featured-school">
<img class="image" src="./Landing Page/Styles/images/images.jpeg" alt="">
<h3>School name2</h3>
</div>
<!-- START featured school 3 -->
<div class="featured-school">
<img class="image" src="./Landing Page/Styles/images/images.jpeg" alt="">
<h3>School name3</h3>
</div>
<!-- END featured school -->
</div>
</div>
<script src="./Scripts/Page/HTML/Scripts/app.js">
</script>
<script src="./Navbar/nav-bar.js"></script>
</body>
</html>