-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
190 lines (181 loc) · 14.7 KB
/
about.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
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
<!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>About us</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="sticky-top w-100 headers" id="header">
<nav class="navbar navbar-expand-lg navbar-light flex-wrap py-3 px-lg-5 ">
<div class="container-fluid w-100">
<div class="logo"><a href="index.html" class="fw-bold fs-4 text-decoration-none text-dark"><span class="span__logo">E</span>-LTech</a></div>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-text-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
<div class="collapse navbar-collapse" id="navbarToggleExternalContent">
<div class="input-group ms-auto search-top">
<div class="form-outline d-flex input-group">
<input type="search" class="form-control" id="navbar-search-autocomplete" placeholder="search">
<div class="search-focus d-flex justify-content-center align-items-center px-2 btn">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg>
</div>
</div>
</div>
<ul class="navbar-nav">
<li class="nav-item">
<a href="about.html" aria-current="page" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="courses.html" class="nav-link">Courses</a>
</li>
<li class="nav-item">
<a href="cart.html" class="nav-link cart_counter">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-plus-fill" viewBox="0 0 16 16">
<path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM9 5.5V7h1.5a.5.5 0 0 1 0 1H9v1.5a.5.5 0 0 1-1 0V8H6.5a.5.5 0 0 1 0-1H8V5.5a.5.5 0 0 1 1 0z"/>
</svg>
<span id="total__counter">0</span>
</a>
</li>
<li class="nav-item">
<a href="learning.html" class="nav-link">Learning</a>
</li>
</ul>
<div class="login-button">
<a href="login.html" class="text-decoration-none text-white">
<button class="btn">Login</button>
</a>
<a href="signup.html" class="text-decoration-none sign_up_btn">
<button class="btn">Sign up</button>
</a>
</div>
</div>
</div>
</nav>
</header>
<div>
<div class="container">
<div class="about my-5" id="about">
<div class="about-title">
<h1 class="text-center">About</h1>
</div>
<div class="about-content m-5 d-flex justify-content-center align-items-center">
<div class="row">
<div class="col d-flex justify-content-center align-items-center left-image">
<img src="assets/OIP.jpg" alt="study">
</div>
<div class="col d-flex justify-content-center align-content-center flex-column ">
<h2 class="text-center text-md-start">Highly Recommended</h2>
<p>E-Learning Tech has a variety of courses and it's highly recommended to those who want to learn new
technologies that they can use in the future then you will get a certificate after you
finish the course don't hesitate and purchase now on what course are you interested.
This is your chance for you to learn your desired skills, grab it now!
</p>
</div>
</div>
</div>
<div class="about-content pt-sm-5 d-flex justify-content-center align-items-center">
<div class="d-flex flex-column-reverse flex-md-row gap-4">
<div class="d-flex py-3 py-md-0 justify-content-center align-content-center flex-column px-3">
<h2 class="text-center text-md-start">What kind of Courses Offers Learning Platform</h2>
<p class="text">High-definition video of higher resolution and quality than standard-definition. Generally
any video image with considerally more than 480 vertical scan lines or 57% vertical list-unstyledis
considered high denition.
</p>
<div class="explore py-4">
<div class="d-flex gap-4 ps-4">
<p class="position-relative me-4"><span>-</span> 1500+ course</p>
<p class="position-relative"><span>-</span> 150+ free Videos</p>
</div>
<div class="d-flex gap-4 ps-4">
<p class="position-relative me-4"><span>-</span> 30k+ Lessons</p>
<p class="position-relative"><span>-</span> Qualited Teaches</p>
</div>
<button class="btn btn-explore text-light bg-dark mt-2"><a href="courses.html" class="text-decoration-none text-light">Explore courses</a></button>
</div>
</div>
<div class=" d-flex justify-content-center align-items-center left-image-platform left-image">
<img src="assets/pple-removebg-preview.png" alt="study">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer pt-lg-5 pt-3 mt-4">
<footer class="w-100 container">
<div class="row d-flex flex-column flex-lg-row">
<section class="col-lg-4">
<div class="col-lg-6 flex-column">
<div class="logo">
<h3 class="text-center text-lg-start">E-LTech</h3>
</div>
<p class="text-center text-sm-start text-secondary">One Step Closer to Your Dreams</p>
</div>
<div class="col-lg-6">
<h3 class="text-center text-sm-start">Follow us on</h3>
<div class="row text-center d-flex justify-content-center align-items-center d-md-flex justify-content-md-start align-items-md-start">
<div class="col-3 svg">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-facebook text-secondary" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</div>
<div class="col-3 svg">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram text-secondary" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</div>
<div class="col-3 svg">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter text-secondary" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</div>
<div class="col-3 svg">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin text-secondary" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg>
</div>
</div>
</div>
</section>
<section class="col-lg-4">
<div>
<h3 class="text-center text-sm-start text-secondary">Company Address</h3>
<p class="text-center text-sm-start text-secondary">#7033 Pitogo, Pagadian City</p>
<p class="text-center text-sm-start"><i class=" text-secondary">[email protected]</i></p>
<!-- s -->
</div>
</section>
<section class="subscribe col ">
<div>
<div>
<h3 class="text-center text-md-start">News letter</h3>
</div>
<div class="input-group">
<input type="email" class="form-control" id="email" placeholder="[email protected]">
<button class="btn btnSubsribe">Subscribe</button>
</div>
</div>
</section>
</div>
<section class="mt-5 footr row">
<div class="col-6">
<span class="text-secondary">@2023 eLearningTech.net | Allrights reserved.</span>
</div>
<div class="col-6 terms">
<span><a href="#" class="text-secondary text-decoration-none text-secondary">Terms of Service</a></span>
<span><a href="#" class="text-secondary text-decoration-none text-secondary"> | Privacy Policy</a></span>
</div>
</section>
</footer>
</div>
</body>
</html>