-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.php
165 lines (162 loc) · 6.51 KB
/
index.php
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
<!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">
<link rel="icon" href="logo.jpg" type="image/icon type">
<title>E-learning platform</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
.footer{
display: block;
}
</style>
</head>
<body>
<div class="menu">
<div class="logo">
<img src="assets/logo.jpg" alt="ols logo">
<h1>OLSLEARN</h1>
</div>
<div class="sub-menu">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="service.php">Services</a></li>
<li><a href="dashboard.php">Dashboard</a></li>
<li><a href="help.php">Help</a></li>
<li><div class="login"><a href="logins/login.php">Login</a></div></li>
</ul>
</div>
</div>
<div class="main">
<div class="left">
<img src="assets/usher.png" alt="welcome">
</div>
<div class="right">
<div class="top" style="height: 70%;">
<h3 style="font-size: 40px;">OLS LEARN COURSES ON OFFER!</h3>
<p style="font-size: 23px; ">OLS is an e-learning platform that offers courses in various fields. Our platform provides high-quality courses designed to help you develop new skills and advance your career. With OLS, you can learn at your own pace and on your own schedule. Sign up today to get started!</p>
</div>
<div class="bottom" style="height: 35%;">
<form action="">
<div class="button" style="border:none;">
<a href="logins/sign up.php">Get started</a>
</div>
<div class="button">
<a href="logins/login.php">Login</a>
</div>
</form>
</div>
</div>
</div>
<div class="section1">
<div class="top">
<h2>Learn better with support all the way</h2>
</div>
<div class="bott">
<div class="one">
<div class="icon">
<img src="assets/time.png" alt="">
</div>
<div class="h3">24/7 help</div>
<p>Our network of 5000+ mentors are always there to keep you on track</p>
</div>
<div class="two">
<div class="icon">
<img src="assets/fast.png" alt="">
</div>
<div class="h3">Quick Response</div>
<p>Our support are always there to answer your questions in the shortest time possible</p>
</div>
<div class="three">
<div class="icon">
<img src="assets/vet.png" alt="">
</div>
<div class="h3">Highly vetted mentors</div>
<p>Our mentors have been highly vetted upto 5 times to ensure we provide quality service</p>
</div>
<div class="four">
<div class="icon">
<img src="assets/quality.png" alt="">
</div>
<div class="h3">High quality studies</div>
<p>With the level of services we provide, we ensure the quality of our work is of the best.</p>
</div>
</div>
</div>
<div class="section2">
<div class="pro">
<section class="ftco-intro ftco-section ftco-no-pb">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 text-center">
<div class="overlay"></div>
<h1>We Are Ols An Online Learning Center</h1>
<p>
We can manage your dream building A small river named Duden
flows by their place
</p>
<p class=" mb-0 explore">
<button class="btn-primary"><a href="#" class="btn px-4 py-3"><a href="enroll.php">Enroll Now</a></button>
</p>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="footer">
<div class="row">
<div class="column">
<div class="one">
<h3>About Us</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Molestias nam <br><br>ipsam cumque! Omnis quos nemo impedit dolor <br><br> ducimus suscipit soluta.</p>
</div>
</div>
<div class="column">
<div class="two">
<h3>Company</h3>
<ul>
<li>Home</li>
<li>Courses</li>
<li>ORILEARN Academy</li>
<li>Offers</li>
</ul>
</div>
</div>
<div class="column">
<div class="three">
<h3>Follow Us</h3>
<ul>
<li>Instagram</li>
<li>Twitter</li>
<li>LinkedIn</li>
<li>Facebook</li>
<li>Github</li>
</ul>
</div>
</div>
<div class="column">
<div class="four">
<h3>Contact us</h3>
<div class="input">
Send us a message
<form action="">
<textarea id="message" cols="20" rows="4" placeholder="Write Something"></textarea>
<input id="submit" type="submit" value="Send">
</form>
</div>
</div>
</div>
<div class="chatbot">
<h4>Chat with us</h4>
<div class="icon">
<img src="assets/message.png" alt="">
</div>
</div>
</div>
</div>
</body>
</html>