-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.php
103 lines (90 loc) · 4.46 KB
/
courses.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
<?php include 'header.php'; ?>
<main id="main" data-aos="fade-in">
<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs">
<div class="container">
<h2>Projets</h2>
<p>Uglearn team we have worked on a numberly of projects and satisfy our clients.</p>
</div>
</div><!-- End Breadcrumbs -->
<!-- ======= Courses Section ======= -->
<section id="courses" class="courses">
<div class="container" data-aos="fade-up">
<div class="row" data-aos="zoom-in" data-aos-delay="100">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
<div class="course-item">
<img src="assets/img/course-1.jpg" class="img-fluid" alt="...">
<div class="course-content">
<div class="d-flex justify-content-between align-items-center mb-3">
<h4>Web Development</h4>
<p class="price">$169</p>
</div>
<h3><a href="course-details.html">Website Design</a></h3>
<p>Et architecto provident deleniti facere repellat nobis iste. Id facere quia quae dolores dolorem tempore.</p>
<div class="trainer d-flex justify-content-between align-items-center">
<div class="trainer-profile d-flex align-items-center">
<img src="assets/img/trainers/trainer-1.jpg" class="img-fluid" alt="">
<span>Antonio</span>
</div>
<div class="trainer-rank d-flex align-items-center">
<i class="bx bx-user"></i> 50
<i class="bx bx-heart"></i> 65
</div>
</div>
</div>
</div>
</div> <!-- End Course Item-->
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
<div class="course-item">
<img src="assets/img/course-2.jpg" class="img-fluid" alt="...">
<div class="course-content">
<div class="d-flex justify-content-between align-items-center mb-3">
<h4>Marketing</h4>
<p class="price">$250</p>
</div>
<h3><a href="course-details.html">Search Engine Optimization</a></h3>
<p>Et architecto provident deleniti facere repellat nobis iste. Id facere quia quae dolores dolorem tempore.</p>
<div class="trainer d-flex justify-content-between align-items-center">
<div class="trainer-profile d-flex align-items-center">
<img src="assets/img/trainers/trainer-2.jpg" class="img-fluid" alt="">
<span>Lana</span>
</div>
<div class="trainer-rank d-flex align-items-center">
<i class="bx bx-user"></i> 35
<i class="bx bx-heart"></i> 42
</div>
</div>
</div>
</div>
</div> <!-- End Course Item-->
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0">
<div class="course-item">
<img src="assets/img/course-3.jpg" class="img-fluid" alt="...">
<div class="course-content">
<div class="d-flex justify-content-between align-items-center mb-3">
<h4>Content</h4>
<p class="price">$180</p>
</div>
<h3><a href="course-details.html">Copywriting</a></h3>
<p>Et architecto provident deleniti facere repellat nobis iste. Id facere quia quae dolores dolorem tempore.</p>
<div class="trainer d-flex justify-content-between align-items-center">
<div class="trainer-profile d-flex align-items-center">
<img src="assets/img/trainers/trainer-3.jpg" class="img-fluid" alt="">
<span>Brandon</span>
</div>
<div class="trainer-rank d-flex align-items-center">
<i class="bx bx-user"></i> 20
<i class="bx bx-heart"></i> 85
</div>
</div>
</div>
</div>
</div> <!-- End Course Item-->
</div>
</div>
</section><!-- End Courses Section -->
</main><!-- End #main -->
<?php include 'footer.php'; ?>