-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.php
188 lines (140 loc) · 5.62 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
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
<?php
include 'components/connect.php';
session_start();
if(isset($_SESSION['user_id'])){
$user_id = $_SESSION['user_id'];
}else{
$user_id = '';
};
?>
<!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</title>
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<?php include 'components/user_header.php'; ?>
<section class="about">
<div class="row">
<div class="image">
<img src="images/logocompass.jpg" alt="">
</div>
<div class="content">
<h3>WHERE PASSION, STORIES, AND CRAFTMANSHIP COLLIDE</h3>
<p>The Compass® brand was established in 1998 in the city of Bandung, Indonesia. It was founded by Mr. Kahar Gunawan who wanted to rebuild a shoe factory based upon the vision left by his father, Mr. Kahar Setiadi. 2
The Compass® ethos has always been to produce good quality footwear that evoke a sense of pride when worn. Through a strong focus in design and storytelling, Compass® shoes tells the story of its culture, community and collaborators.
In 2018, the Compass® brand was reimagined with a fresh contemporary touch, while continuing to uphold its historical roots through the Gazelle® identity.</p>
<a href="contact.php" class="btn">contact us</a>
</div>
</div>
</section>
<section class="reviews">
<h1 class="heading">client's reviews</h1>
<div class="swiper reviews-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<img src="images/pic-1.png" alt="">
<p>Really cute, really cool shoes, really cool in my opinion👍💯but unfortunately the admin isn't very informative, please rate it again, thanks!!</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<h3>Daffa Arif</h3>
</div>
<div class="swiper-slide slide">
<img src="images/pic-2.png" alt="">
<p>The shoes are comfortable The design is cool 👍 Great model 👟 Quality material Safe packaging 🙏 Neat packaging Correct size.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Tasya Dwiana</h3>
</div>
<div class="swiper-slide slide">
<img src="images/pic-3.png" alt="">
<p>Goods according to expectations, fast delivery 2 days after ordering, no physical defects, local products do not disappoint.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<h3>Fajar Ibrahim</h3>
</div>
<div class="swiper-slide slide">
<img src="images/pic-4.png" alt="">
<p>What's more, the shoes are good, they match the price, but after washing and drying the shoes, there are always stains when they are dry, when I wash them again the stains are gone, when they are dry the stains are there again, I don't know why.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<h3>Rani Yusnita</h3>
</div>
<div class="swiper-slide slide">
<img src="images/pic-5.png" alt="">
<p>The package arrived with very good wrapping so the condition of the box was not dented. The shoes are comfortable and the material feels premium.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Asep Maulana</h3>
</div>
<div class="swiper-slide slide">
<img src="images/pic-6.png" alt="">
<p>Not bad... but a bit hard... not because it's still new... just a suggestion for the size given in the photo in the description, it's too tight... so it's a little tight... you have to add/increase one digit to the shoe number from the measurements if you want it to be comfortable.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<h3>Putri Maharani</h3>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<?php include 'components/footer.php'; ?>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script src="js/script.js"></script>
<script>
var swiper = new Swiper(".reviews-slider", {
loop:true,
spaceBetween: 20,
pagination: {
el: ".swiper-pagination",
clickable:true,
},
breakpoints: {
0: {
slidesPerView:1,
},
768: {
slidesPerView: 2,
},
991: {
slidesPerView: 3,
},
},
});
</script>
</body>
</html>