-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
217 lines (206 loc) · 8.37 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
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
<!-- start of navigation -->
<?php
include('./mainInclude/header.php');
?>
<!-- end of navigation -->
<!-- start video background -->
<div class="container-fluid remove-vid-marg">
<div class="vid-parent">
<!-- playsinline autoplay muted loop -->
<video playsinline autoplay muted loop>
<source src="video/demo (1).mp4">
</video>
<div class="vid-overlay"></div>
</div>
<div class="vid-content">
<h2 class="my-content">Welcome to Elearning</h2>
<small class="my-content">Learn and Earn Money</small><br>
<a href="" class="btn btn-primary mt-2" data-toggle="modal" data-target="#exampleModal">Get Started</a>
</div>
</div>
<!-- end video background -->
<!-- Start of text banner -->
<div class="container-fluid bg-info txt-banner">
<div class="row bottom-banner">
<div class="col-sm">
<h5><i class="fas fa-book-open mr-3"></i> 100+ Online Courses</h5>
</div>
<div class="col-sm">
<h5><i class="fas fa-users mr-3"></i> Expert Instructors</h5>
</div>
<div class="col-sm">
<h5><i class="fas fa-keyboard mr-3"></i> Lifetime Access</h5>
</div>
<div class="col-sm">
<h5><i class="fas fa-rupee-sign mr-3"></i> Money Back Guarantee</h5>
</div>
</div>
</div>
<!-- end of text banner -->
<!-- Start of Popular Course -->
<div class="container mt-5">
<h1 class="text-content">
Popular Course
</h1>
<!-- First Deck -->
<div class="card-deck mt-4">
<a href="" class="btn" style="text-align: left; padding:0px; margin:0px;">
<div class="card">
<img src="images/card_1.jpg" class="card-img-top" alt="Guitar" />
<div class="card-body">
<h5 class="card-title">Learn Guitar Easy Way</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, obcaecati rerum minima consectetur
doloremque placeat.</p>
</div>
<div class="card-footer">
<p class="card-text d-inline">Price: <small><del>& #8377 200</del></small>
<span class="font-weight-bolder">₹ 200</span>
</p>
<a href="#" class="btn btn-primary text-white font-weight-bolder float-right">Enroll</a>
</div>
</div>
</a>
<a href="" class="btn" style="text-align: left; padding:0px; margin:0px;">
<div class="card">
<img src="images/card_2.jpg" class="card-img-top" alt="Guitar" />
<div class="card-body">
<h5 class="card-title">Learn HTML & CSS</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, obcaecati rerum minima consectetur
doloremque placeat.</p>
</div>
<div class="card-footer">
<p class="card-text d-inline">Price: <small><del>& #8377 200</del></small>
<span class="font-weight-bolder">₹ 200</span>
</p>
<a href="#" class="btn btn-primary text-white font-weight-bolder float-right">Enroll</a>
</div>
</div>
</a>
<a href="" class="btn" style="text-align: left; padding:0px; margin:0px;">
<div class="card">
<img src="images/card_3.jpg" class="card-img-top" alt="Guitar" />
<div class="card-body">
<h5 class="card-title">Learn Bootstrap 5.x</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, obcaecati rerum minima consectetur
doloremque placeat.</p>
</div>
<div class="card-footer">
<p class="card-text d-inline">Price: <small><del>& #8377 200</del></small>
<span class="font-weight-bolder">₹ 200</span>
</p>
<a href="#" class="btn btn-primary text-white font-weight-bolder float-right">Enroll</a>
</div>
</div>
</a>
</div>
<!-- End of first Deck -->
<!-- Start Of Second Deck -->
<div class="card-deck mt-4">
<a href="" class="btn" style="text-align: left; padding:0px; margin:0px;">
<div class="card">
<img src="images/card_4.png" class="card-img-top" alt="Guitar" />
<div class="card-body">
<h5 class="card-title">Learn Laravel</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, obcaecati rerum minima consectetur
doloremque placeat.</p>
</div>
<div class="card-footer">
<p class="card-text d-inline">Price: <small><del>& #8377 200</del></small>
<span class="font-weight-bolder">₹ 200</span>
</p>
<a href="#" class="btn btn-primary text-white font-weight-bolder float-right">Enroll</a>
</div>
</div>
</a>
<a href="" class="btn" style="text-align: left; padding:0px; margin:0px;">
<div class="card">
<img src="images/card_5.png" class="card-img-top" alt="Guitar" />
<div class="card-body">
<h5 class="card-title">Learn Vue.js</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, obcaecati rerum minima consectetur
doloremque placeat.</p>
</div>
<div class="card-footer">
<p class="card-text d-inline">Price: <small><del>& #8377 200</del></small>
<span class="font-weight-bolder">₹ 200</span>
</p>
<a href="#" class="btn btn-primary text-white font-weight-bolder float-right">Enroll</a>
</div>
</div>
</a>
<a href="" class="btn" style="text-align: left; padding:0px; margin:0px;">
<div class="card">
<img src="images/card_6.jpg" class="card-img-top" alt="Guitar" />
<div class="card-body">
<h5 class="card-title">Learn Angular.js</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, obcaecati rerum minima consectetur
doloremque placeat.</p>
</div>
<div class="card-footer">
<p class="card-text d-inline">Price: <small><del>& #8377 200</del></small>
<span class="font-weight-bolder">₹ 200</span>
</p>
<a href="#" class="btn btn-primary text-white font-weight-bolder float-right">Enroll</a>
</div>
</div>
</a>
</div>
<!-- End of Second Deck -->
<div class="text-center m-2">
<a href="#" class="btn btn-info btn-sm">View all course</a>
</div>
</div>
<!-- End of Popular Course -->
<!-- Start of contact page -->
<?php
include('./contact.php');
?>
<!-- End of contact page -->
<!--Start of Follow Social Media -->
<div class="container-fluid bg-info">
<div class="row text-white text-center p-1">
<div class="col-sm">
<a href="#" class="text-white social-hover"><i class="fab fa-facebook-f"></i>Facebook</a>
</div>
<div class="col-sm">
<a href="#" class="text-white social-hover"><i class="fab fa-twitter"></i>Twitter</a>
</div>
<div class="col-sm">
<a href="#" class="text-white social-hover"><i class="fab fa-whatsapp"></i>What's App</a>
</div>
<div class="col-sm">
<a href="#" class="text-white social-hover"><i class="fab fa-instagram"></i>Instagram</a>
</div>
</div>
</div>
<!--End of Follow Social Media -->
<!-- Start fo About us section -->
<div class="container-fluid p-4 bg-dark text-white">
<div class="container">
<div class="row text-center">
<div class="col-sm">
<h5>About Us</h5>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dignissimos, quia! Velit similique ad architecto
eaque!</p>
</div>
<div class="col-sm">
<h5>Category</h5>
<a href="#" class="text-white">Web Development</a><br>
<a href="#" class="text-white">Web Design</a><br>
<a href="#" class="text-white">iOS Development</a><br>
<a href="#" class="text-white">Android App Development</a><br>
<a href="#" class="text-white">Data Analysis</a><br>
</div>
<div class="col-sm">
<h5>Contact Us</h5>
<p>AeyBeri Tech.<br>Near Washington DC <br> USA <br>Ph.0184574</p>
</div>
</div>
</div>
</div>
<!-- End fo About us section -->
<!-- start of footer -->
<?php
include('./mainInclude/footer.php');
?>
<!-- end of footer -->