-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.php
More file actions
115 lines (108 loc) · 6.7 KB
/
Copy pathabout.php
File metadata and controls
115 lines (108 loc) · 6.7 KB
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
</html>
<!doctype html>
<html lang="en">
<head>
<title>Coding Blog - About Us</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body>
<?php
include "partials/_dbconnect.php";
include "partials/_header.php";
?>
<main>
<div class="container my-5">
<h2 class="text-center">Learn With Us</h2>
<div class="row featurette d-flex align-items-center justify-content-center my-4">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading fw-normal lh-1">Learn <span class="text-warning">Python
Programming</span>
</h2>
<p class="lead">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem suscipit, quos,
veritatis, inventore laborum dolore officia dicta odit rerum voluptatibus hic beatae error sit
quia dolor eius necessitatibus! Lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
</div>
<div class="col-md-5 order-md-1">
<img class="featurette-image img-fluid mx-auto" width="500" height="500" src="img/feature-1.jpg" alt="">
</div>
</div>
<div class="row featurette d-flex align-items-center justify-content-center my-4">
<div class="col-md-7 order-md-1">
<h2 class="featurette-heading fw-normal lh-1">Learn <span class="text-success">Web
Development</span>
</h2>
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam ut mollitia officia
facilis animi sint ipsa! Magni in numquam incidunt neque ut distinctio nisi eaque, modi
praesentium dolor fuga. Aliquid molestiae soluta consequuntur quibusdam animi quos.</p>
</div>
<div class="col-md-5 order-md-2">
<img class="featurette-image img-fluid mx-auto" width="500" height="500" src="img/feature-2.jpg" alt="">
</div>
</div>
<div class="row featurette d-flex align-items-center justify-content-center my-4">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading fw-normal lh-1">Learn <span class="text-info">Ux & UI Designs</span>
</h2>
<p class="lead">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Omnis tenetur nisi sed
ipsum neque nihil iusto blanditiis itaque pariatur! Veniam ducimus dolore rem natus alias itaque
quos vitae voluptates. Unde explicabo illum optio et? Eos, reiciendis!</p>
</div>
<div class="col-md-5 order-md-1">
<img class="featurette-image img-fluid mx-auto" width="500" height="500" src="img/feature-3.jpg" alt="">
</div>
</div>
<div class="row featurette d-flex align-items-center justify-content-center my-4">
<div class="col-md-7 order-md-1">
<h2 class="featurette-heading fw-normal lh-1">Learn <span class="text-danger">Cyber Security</span>
</h2>
<p class="lead">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugit impedit omnis
molestiae quod ea libero minima reiciendis esse magnam saepe, tempore reprehenderit, aperiam,
consequatur blanditiis? Beatae ab quam id, magni facere ea ullam architecto voluptatem saepe.
</p>
</div>
<div class="col-md-5 order-md-2">
<img class="featurette-image img-fluid mx-auto" width="500" height="500" src="img/feature-4.jpg" alt="">
</div>
</div>
</div>
<div class="container my-5">
<h2 class="text-center mb-4">Testimonials</h2>
<hr class="border-2 border-top border-info ">
<div class="row">
<div class="col-lg-4">
<img src="img/p-1.jpg" class="rounded-circle mx-auto d-block" alt="Sample image">
<h3 class="fw-normal text-center text-success">John Warner</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, aliquid esse sunt quis
consequuntur quaerat atque magnam. Ex natus, distinctio neque, laboriosam consequatur nihil esse
sapiente facilis ducimus ipsam atque perspiciatis? Eum numquam tempore debitis ipsam.</p>
</div>
<div class="col-lg-4">
<img src="img/p-2.jpg" class="rounded-circle mx-auto d-block" alt="Sample image">
<h3 class="fw-normal text-center text-info">Tina Blunt</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Expedita, error laudantium eaque
dolores obcaecati ad repellendus accusantium quam reprehenderit optio quidem quos asperiores
ullam eius ducimus! Ad soluta dicta est quasi accusamus nihil tempora autem totam!</p>
</div>
<div class="col-lg-4">
<img src="img/p-3.jpg" class="rounded-circle mx-auto d-block" alt="Sample image">
<h3 class="fw-normal text-center text-primary">Smith Saw</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis nam commodi officia, ipsum
placeat nostrum. Omnis facere aliquam excepturi velit mollitia? Optio quia cumque harum facilis
accusantium. Harum sunt delectus nam magnam quasi recusandae provident! Amet.</p>
</div>
</div>
</div>
</main>
<?php
include "partials/_footer.php";
?>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
</script>
<script src="https://kit.fontawesome.com/a49bcc2c7d.js" crossorigin="anonymous"></script>
</body>
</html>