-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (238 loc) · 12.4 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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Learner'sHub</title>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="css/phone.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="./images/newlogo.png" width="260" height="40" alt="learner'sHub">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Featured Course</a></li>
<li class="item"><a href="aboutus.html">About Us</a></li>
<li class="item"><a href="addtocart.html">Add to cart</a></li>
<li class="item"><a href="form2.html">Sign Up/Login Up</a></li>
<li class="item"><a href="contactUs.html">Contact us</a></li>
</ul>
</nav>
<div class="row">
<section id="home">
<h1 class="h-primary">Welcome to learner'sHub</h1>
<p>Learner's Hub, an educational website, is designed to empower learners with a user-friendly interface
and
a
light background, fostering an immersive educational journey. Explore a platform where knowledge is
seamlessly accessible and learning is a delightful experience. </p>
<button class="btn">Start Trial</button>
</section>
<img class="home-image" src="./images/herobg.png">
</div>
<section id="bestseller">
<div class="bestsellers">
<div class="besttext">
<H2> Featured Courses</H2>
</div>
</div>
<div class="best">
<ul class="ulbest">
<div class="box1">
<li><img class="bestimages" src="./images/Screenshot_2024-01-23_070337-removebg-preview.png"><br>
<div class="button2">
<h3>Full Stack Devlopment</h3><br>
<button class="button1" onclick="item_add()">
<b>Add to cart</b></button><br><br>⭐⭐⭐⭐⭐<br><br>
<div class="cost" style="color: black;">
<h5>Rs 50000</h5>
<h4><b> only Rs 20000</b></h4>
</div>
</li>
</div>
<div class="box2">
<li><img class="bestimages" src="./images/Screenshot_2024-01-23_070634-removebg-preview.png"
height="">
<div class="button2">
<h3>Complete Machine Learning</h3><br>
<button class="button1" onclick="item_add()"><b>Add to cart</b></button><br>
<br>⭐⭐⭐⭐⭐<br><br>
<div class="cost" style="color: black;">
<h5>Rs 1000</h5>
<h4><b> only Rs 750</b></h4>
</div>
</div>
</li>
</div>
<div class="box3">
<li><img class="bestimages" src="./images/Screenshot_2024-01-23_071031-removebg-preview.png">
<div class="button2">
<h3>
C++ with Stl</h3><br>
<button class="button1" onclick="item_added()"><b>Add to
cart</b></button><br><br>⭐⭐⭐⭐⭐<br><br>
<div class="cost" style="color: black;">
<h5>Rs 800 </h5>
<h4><b> only Rs 500</b></h4>
</div>
</div>
</li>
</div>
<div class="box4">
<li><img class="bestimages" src="./images/Screenshot_2024-01-23_064022-removebg-preview.png">
<div class="button2">
<h3>Decode DSA with Java</h3><br>
<button class="button1" onclick="item_add()"><b>Add to cart</b></button><br>
<br>⭐⭐⭐⭐⭐<br><br>
<div class="cost" style="color: black;">
<h5>Rs 200</h5>
<h4><b> only Rs 99</b></h4>
</div>
</div>
</li>
</div>
<div class="box4">
<li><img class="bestimages" src="./images/Screenshot_2024-01-23_063541-removebg-preview.png">
<div class="button2">
<h3>Python</h3><br>
<button class="button1" onclick="item_add()"><b>Add to
cart</b></button><br><br>⭐⭐⭐⭐⭐<br><br>
<div class="cost" style="color: black;">
<h5>Rs 1000</h5>
<h4><b> only Rs 800</b></h4>
</div>
</div>
</li>
</div>
<div class="box4">
<li><img class="bestimages" src="./images/Screenshot_2024-01-23_071121-removebg-preview.png">
<div class="button2">
<h3>Complete Javascript Code</h3><br>
<button class="button1" onclick="item_add()"><b>Add to
cart</b></button><br><br>⭐⭐⭐⭐⭐<br><br>
<div class="cost" style="color: black;">
<h5>Rs 750</h5>
<h4><b> only Rs 500</b></h4>
</div>
</div>
</li>
</div>
</ul>
</div>
</div>
</section>
<section id="services-container">
<h1 class="h-primary center">Student Testimonials</h1>
<div id="services">
<div class="box">
<img src="./images/linkedin-sales-solutions-Mis5fyJi7Q0-unsplash.jpg" alt="">
<h2 class="h-secondary center">Ms.Judit polgar</h2>
<p class="center">As a busy entrepreneur, I rely heavily on the services of [Company Name]. Their team
of experts has consistently exceeded my expectations with their exceptional work and unparalleled
customer service. I highly recommend their services to anyone looking for a reliable and trustworthy
partner." - Sarah M., Founder and CEO of XYZ Inc</p>
</div>
<div class="box">
<img src="./images/paul-schafer-NDcN_8JiAqw-unsplash.jpg" alt="">
<h2 class="h-secondary center">Mr.john .D</h2>
<p class="center">I have been using [Company Name] for all my website development needs for the past
year, and I am thoroughly impressed with their level of professionalism and expertise. Their team of
designers and developers are highly skilled and deliver top-notch results every time. I would highly
recommend their services to anyone looking for a reliable and efficient website development
partner." - John D., Marketing Manager at ABC Corp..</p>
</div>
<div class="box">
<img src="./images/clay-elliot-HfMCgqOLTyM-unsplash.jpg" alt="">
<h2 class="h-secondary center">Mr.david macron</h2>
<p class="center">I have worked with several website development companies in the past, but none of them
compare to the level of service and expertise provided by [Company Name]. Their team of designers
and developers are highly skilled and deliver top-notch results every time. I would highly recommend
their services to anyone looking for a reliable and efficient website development partner." - Emily
S., Marketing Manager at JKL Co.</p>
</div>
</div>
</section>
<section id="service-container">
<div id="services">
<div class="box">
<img src="./images/albert-dera-ILip77SbmOE-unsplash.jpg" alt="">
<h2 class="h-secondary center">Mr.Michael
R.</h2>
<p class="center">I have been a satisfied customer of [Company Name] for several years now, and I can
confidently say that their services are second to none. Their team of experts is highly skilled and
knowledgeable, and they consistently deliver exceptional results. I would highly recommend their
services to anyone looking for a reliable and trustworthy website development partner." - Michael
R., CEO of GHI Inc.</p>
</div>
<div class="box">
<img src="./images/christina-wocintechchat-com-0Zx1bDv5BNY-unsplash.jpg" alt="">
<h2 class="h-secondary center">Ms.Rachel K</h2>
<p class="center">I recently had the pleasure of working with [Company Name] on a complex website
project, and I was blown away by their level of expertise and attention to detail. Their team of
designers and developers worked closely with me to ensure that the final product met all of my
requirements and exceeded my expectations. I would highly recommend their services to anyone looking
for a reliable and innovative website development partner." - Rachel K., Director of Operations at
DEF Co.</p>
</div>
<div class="box">
<img src="./images/clarisse-meyer-x9cXI2eQLBw-unsplash.jpg" alt="">
<h2 class="h-secondary center">Ms.jane smith</h2>
<p class="center">"I have been thoroughly impressed with the level of service and expertise provided by
[Company Name]. Their team of designers and developers are highly skilled and deliver top-notch
results every time. I would highly recommend their services to anyone looking for a reliable and
innovative website development partner." - David T., Founder and CEO of MNO Inc..</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="main">
<div class="row">
<div class="footer_col">
<h4>Company</h4>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Our services</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Affiliate program</a></li>
</ul>
</div>
<div class="footer_col">
<h4>Get Help</h4>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Payment options</a></li>
</ul>
</div>
<div class="footer_col">
<h4>Online</h4>
<ul>
<li><a href="#"></a></li>
<li><a href="#">course</a></li>
<li><a href="#">notes</a></li>
<li><a href="#">study material</a></li>
</ul>
</div>
<div class="footer_col">
<h4>Follow us</h4>
<div class="social">
<a href="#"><img src="ig.jpg"></a>
<a href="#"><img src="fb.jpg"></a>
<a href="#"><img src="google.jpg"></a>
<a href="#"><img src="twitter.jpg"></a>
</div>
</div>
</div>
</div>
</footer>
<script src="index.js">
</script>
</body>
</html>