-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (184 loc) · 6.69 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="x-icon" href="images/logo.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EduHub</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" href="css/color.css">
<link rel="stylesheet" href="mobileports/index-port.css">
</head>
<body>
<div class="container">
<div class="header">
<div class="logo">Eduhub</div>
<!-- MOBILE MENU -->
<nav id="sidenav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="template/about.html">ABOUT</a></li>
<li><a href="template/blog.html">BLOG</a></li>
<li><a href="#footer-contact">CONTACT</a></li>
<li><a href="#service-contact">SERVICE</a></li>
</ul>
</nav>
<i class="ri-menu-3-line" id="menuBtn" onclick="show()"></i>
<!-- ----------- -->
<div class="list-items">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="template/about.html">ABOUT</a></li>
<li><a href="template/blog.html">BLOG</a></li>
<li><a href="#footer-contact">CONTACT</a></li>
<li><a href="#service-contact">SERVICE</a></li>
</ul>
</div>
</div>
<!-- LIGHT SECTION -->
<div class="light"></div>
<div class="hero-section">
<div class="left-right">
<div class="left">
<h6>ONLINE PLATFORM</h6>
<p>Explore the best courses with best tutors </p>
<div class="buttons">
<a href="template/explore-course.html"><button class="btn1">Explore <i class="fa-solid fa-arrow-right"
style="color: #B197FC;"></i></button></a>
</div>
</div>
<div class="right">
<img src="images/logo.png" alt="">
<div class="buttons-register">
<!-- <a href="../college/template/register.html"><button class="register">Register <i class="fa-solid fa-arrow-right" -->
<a href="template/register.html"><button class="register">Register <i class="fa-solid fa-arrow-right"
style="color: #B197FC;"></i></button></a>
</div>
</div>
</div>
</div>
</div>
<!-- CAMPUS TOUR -->
<div class="campus-tour" id="service-contact">
<div class="left-right-campus1">
<div class="left-campus-col1">
<img src="images/col1.svg" alt="">
</div>
<div class="right-campus-col1">
<h6>DIVE INTO PRIVACY</h6>
<p>
If you think privacy is unimportant for you because you have nothing to hide, you might as well say free
speech is unimportant for you because you have nothing to say.
</p>
<div class="buttons">
<a href="template/explore-privacy.html"><button class="btn-col1">Explore <i class="fa-solid fa-arrow-right"
style="color: #B197FC;"></i></button></a>
</div>
</div>
</div>
<!-- COL-2 -->
<div class="left-right-campus2">
<div class="left-campus-col2">
<h6>DEVELOPMENT SKILLS</h6>
<p>Eduhub provides awesome features for creating online courses and lessons. Clear and agile usabilities of
online education. We guarantee you an
exceptional experience.
</p>
<div class="buttons">
<a href="template/explore-development.html"><button class="btn-col2">Explore <i
class="fa-solid fa-arrow-right" style="color: #B197FC;"></i></button></a>
</div>
</div>
<div class="right-campus-col2">
<!-- <img src="../images/Education-rafiki.png" alt=""> -->
<img src="images/col2.svg" alt="">
</div>
</div>
<!-- COL-3 -->
<div class="left-right-campus3">
<div class="left-campus-col3">
<img src="images/col3.svg" alt="">
</div>
<div class="right-campus-col3">
<h6>HACKING WORLD</h6>
<p>The only system which is truly secure is one which is switched off and unplugged, locked in a titanium lined
safe, buried in a concrete bunker, and is surrounded by nerve gas and very highly paid armed guards.
</p>
<div class="buttons">
<a href="template/explore-hacking.html"><button class="btn-col3">Explore <i class="fa-solid fa-arrow-right"
style="color: #B197FC;"></i></button></a>
</div>
</div>
</div>
<!-- COL-4 -->
<div class="left-right-campus4">
<div class="left-campus-col4">
<h6>TEST YOURSELF</h6>
<p>Coding online is not just about writing lines of code; it's about rewriting possibilities, reshaping the
future, and redefining what's achievable.
MAKE YOURSELF MORE CONFIDENT!
</p>
<div class="buttons">
<a href="#"><button class="btn-col4">Explore <i class="fa-solid fa-arrow-right"
style="color: #B197FC;"></i></button></a>
</div>
</div>
<div class="right-campus-col4">
<img src="images/col4.svg" alt="">
</div>
</div>
</div>
<!-- FOOTER SECTION -->
<div class="footer">
<div class="footer-head">
<div class="footer-image">
<img src="images/logo.png" alt="">
</div>
<h4>REACH OUT US</h4>
</div>
<!-- CONNECTION -->
<div class="footer-connection">
<a href=""><i class="ri-facebook-circle-fill"></i></a>
<a href=""><i class="ri-github-fill"></i></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
</div>
<div class="footer-list">
<!-- FOOTER LEFT -->
<div class="footer-left">
<div class="subscribe">
<h4>SUBSCRIBE</h4>
<input type="text" placeholder="Subscribe for updates">
</div>
</div>
<!-- FOOTER RIGHT -->
<div class="footer-right" id="footer-contact">
<ul>
<li>Contact Us</li>
<li>[email protected]</li>
<li>000-000-000</li>
</ul>
<ul>
<li>Pricing and Refunds</li>
<li>Work with us</li>
<li>Feedback</li>
</ul>
<ul>
<li>About EduHub</li>
<li>Inquiry</li>
<li>Privacy Policy</li>
</ul>
</div>
</div>
<div class="copyright">
<p> © 2024 Eduhub. All rights reserved.</p>
</div>
<div class="up-btn" onclick="scrollTotop()">
<img src="images/upbtn.gif" alt="">
</div>
</body>
<script src="js/move.js"></script>
<script src="js/side-nav.js"></script>
<script src="js/scrollup.js"></script>
</html>