-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.php
132 lines (123 loc) · 4.34 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<?php require('inc/links.php') ?>
<title>About Us</title>
<style>
.box{
border-top-color: var(--teal) !important;
}
</style>
</head>
<body class="bg-light">
<?php require('inc/header.php'); ?>
<div class="my-5 px-4">
<h2 class="fw-bold h-font text-center">About Us</h2>
<div class="h-line bg-dark"></div>
<p class="text-center mt-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>
Eligendi verit ullam dignissimos adipisci autem.</p>
</div>
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-6 col-md-5 mb-4 order-lg-1 order-md-1 order-2">
<h3 class="mb-3">Lorem ipsum dolor sit.</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis reiciendis corrupti laudantium quos saepe, quaerat aliquam.</p>
</div>
<div class="col-lg-5 col-md-5 mb-4 order-lg-2 order-md-2 order-1">
<img src="images/about/about.jpg" class="w-100">
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-lg-3 col-md-6 mb-4 px-4">
<div class="bg-white rounded shadow p-4 border-top border-4 text-center box">
<img src="images/about/Customers.svg" width="70px">
<h4 class="mt-3">200+ Customers</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4 px-4">
<div class="bg-white rounded shadow p-4 border-top border-4 text-center box">
<img src="images/about/hotel.svg" width="70px">
<h4 class="mt-3">100+ Rooms</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4 px-4">
<div class="bg-white rounded shadow p-4 border-top border-4 text-center box">
<img src="images/about/rating.svg" width="70px">
<h4 class="mt-3">150+ Reviews</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4 px-4">
<div class="bg-white rounded shadow p-4 border-top border-4 text-center box">
<img src="images/about/staff.svg" width="70px">
<h4 class="mt-3">200+ Staffs</h4>
</div>
</div>
</div>
</div>
<h3 class="my-5 fw-bold h-font text-center">MANAGEMENT TEAM</h3>
<div class="container px-4">
<div class="swiper mySwiper">
<div class="swiper-wrapper mb-5">
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
<div class="swiper-slide bg-white text-center overflow-hidden rounded">
<img src="images/about/IMG_16569.jpeg" class="w-100">
<h5 class="mt-2">Random Name</h5>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<?php require('inc/footer.php'); ?>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".mySwiper", {
spaceBetween: 40,
pagination: {
el: ".swiper-pagination",
},
breakpoints: {
320: {
slidesPerView: 1,
},
640: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
1024: {
slidesPerView: 3,
}
}
});
</script>
</body>
</html>