-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
86 lines (82 loc) · 4.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width">
<title>Joe Repair</title>
<!-- Favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-chrome-192x192.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png" />
<link rel="manifest" href="favicon/site.webmanifest" />
<meta name="msapplication-TileColor" content="#2b5797" />
<meta name="msapplication-TileImage" content="favicon/mstile-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<!-- Bootstrap icons-->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css"
integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Core theme CSS (includes Bootstrap)-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css"
integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<!-- Back Button -->
<nav class="navbar navbar-light row ms-5">
<a href="index.html"><i class="bi bi-arrow-left h1"></i></a>
</nav>
<!-- Section-->
<section class="container px-4 px-lg-5 mt-5">
<div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
<div class="col mb-5">
<div class="card h-100">
<img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
</div>
</div>
</div>
<p class="text-center">About Us</p>
<p class="text-center">Info</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Amet cursus sit amet dictum sit amet justo donec enim. Id donec ultrices tincidunt arcu non
sodales neque sodales ut. Viverra mauris in aliquam sem fringilla ut. Turpis egestas pretium aenean
pharetra. Ultrices vitae auctor eu augue. Facilisis gravida neque convallis a. Cursus risus at ultrices mi
tempus. Et netus et malesuada fames ac turpis egestas maecenas. Dui faucibus in ornare quam. Vitae tortor
condimentum lacinia quis vel eros donec ac odio. Vestibulum mattis ullamcorper velit sed ullamcorper. Massa
id neque aliquam vestibulum morbi blandit cursus risus at. Suspendisse in est ante in. Mus mauris vitae
ultricies leo integer malesuada nunc vel risus. Consequat semper viverra nam libero justo.
</p>
</section>
<span class="p-5"></span>
<footer class="footer text-center">
<div class="container">
<div class="row">
<!-- Footer Location-->
<div class="d-flex">
<h4 class="text-uppercase mb-4">Contact</h4>
<p class="flex-row-reverse col-12 justify-content-around">
01234567890
</p>
</div>
<!-- Footer About Text-->
<div class="d-flex">
<h4 class="text-uppercase mb-4">Location</h4>
<p class="flex-row-reverse col-12 justify-content-around">
12 Example 3,<br />
Example 4,<br />
56789 Example<br />
</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"
integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!-- Core theme JS-->
<script src="scripts.js"></script>
</body>
</html>