-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (102 loc) · 4.43 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
<!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>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="maincont">
<div class="nav">
<img src="" alt="logo" id="logo">
<ul id="ful">
<li class="lit">About Us</li>
<li class="lit">Contact Us</li>
<li class="lit">Join Us</li>
</ul>
</div>
<div class="cont1">
<div style="
display: inline-block;
text-align: center;
position: absolute;
right: 39px;
top: 158px;
">
<h1 style="font-size: 60px; text-decoration:1px underline white;">
Learn From the Best.
<br>
Learn On Your Schedule.
</h1>
<p id="fp">Discover many different cources according to ur intrests from our institute <br>
Anywhere.anytime. Enjoy risk-free with our 3days free trial
</p>
<button id="b1">Sign Up</button>
<p id="sp">PLANS</p>
<div onclick="scrolldown()" id="b2">↓</div>
</div>
</div>
<div class="cont2">
<div id="yup">
<h2 id="sh">The world’s largest <br>
selection of online courses</h2>
<p id="pp">Millions of people have used Kingster to decide which online course to take. We aggregate
courses
from many universities to help you find the best courses on almost any subject, wherever they exist.
Our goal is to make online education work for everyone.Millions of people have used Kingster to
decide which online course to take. We aggregate courses from many universities to help you find the
best courses on almost any subject, wherever they exist. Our goal is to make online education work
for everyone.</p>
<div id="png1"><img src="icon-1.png" alt="">
<p style="font-size: 18px;">Private Classes</p>
</div>
<div id="png2"> <img src="icon-list-2.png" alt="">
<p style="font-size: 18px">Small Groups</p>
</div>
<div id="png3"> <img src="icon-list-3.png" alt="">
<p style="font-size: 18px">Lifetime Access</p>
</div>
<div id="png4"> <img src="icon-list-4.png" alt="" style=" left: 372px;
position: absolute;">
<p style="margin: 51px 0px 0px -72px;font-size: 18px">Online Tutoring</p>
</div>
</div>
<div id="hey">
<img src="second.png" alt="img" id="im">
</div>
</div>
<div class="cont3">
<div style=" display: inline-block;">
<p style="margin: 120px 0px 0px 0px;
color: #00f3ff; font-size: 24px;
font-weight: 600;"> HELPING INDIVIDUALS REACH THEIR GOALS AND PURSUE THEIR DREAMS</p>
<h2 style=" color: white;
font-size: 37px;margin: 4px 0px 0px 0px;"><i>The</i> leading global marketplace <br> <i>for learning
and instruction</i></h2>
<button id="b3">Get Started</button>
</div>
</div>
<div class="cont5" style="
margin: 54px 0px 0px 0px;
text-align: center;
font-size: 30px;
font-family: cursive;
background-color: #f3f1f1;">
Facilities Provided !!
</div>
<div class="cont4">
<div class="phts" id="pht">
<img src="ivan-aleksic-PDRFeeDniCk-unsplash.jpg" alt="" id="im1" class="loc">
<img src="kyo-azuma-x_TJKVU1FJA-unsplash.jpg" alt="" id="im2" class="loc">
<img src="lagos-techie-IgUR1iX0mqM-unsplash.jpg" alt="" id="im3" class="loc">
<img src="thought-catalog-505eectW54k-unsplash.jpg" alt="" id="im4" class="loc">
</div>
<span id="right">></span>
<span id="left"><</span>
</div>
</div>
</body>
<script src="script.js"></script>
</html>