-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.php
325 lines (287 loc) · 16.4 KB
/
contact.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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<?php
include 'connect.php';
session_start();
if (!isset($_SESSION['logged_in']) || $_SESSION['logged_in'] !== true) {
}
else {
$userid = $_SESSION['userid'];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GayaGini - Tentang Kami</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="GAYAGINI Fashion Shop" name="keywords">
<meta content="Online Shop Pilihan Anak Muda" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Topbar Start -->
<div class="container-fluid row align-items-center py-3 px-xl-5 mt-3 ">
<div class="col-lg-3 d-none d-lg-block">
<a href="" class="text-decoration-none">
<img class="ml-5" src="img/pht/Gaya-Gini.png" alt="" width="102,4" height="60">
</a>
</div>
<div class="col-lg-6 col-6 text-left">
<form>
<div class="ml-4 input-group">
<input id="search-input" type="text" class="form-control" placeholder="Cari Produk">
<div class="input-group-append">
<span class="input-group-text bg-transparent text-primary">
<a id="search-button" class="text-primary"><i class="fa fa-search"></i></a>
</span>
</div>
</div>
</form>
</div>
<script>
document.getElementById('search-button').addEventListener('click', function(event) {
event.preventDefault();
var searchInput = document.getElementById('search-input').value;
var url = 'shop.php?namabarang=' + encodeURIComponent(searchInput);
window.location.href = url;
});
</script>
<?php
// Lakukan koneksi ke database
// Periksa apakah pengguna telah login dan dapatkan userid
if (isset($_SESSION['userid'])) {
$userid = $_SESSION['userid'];
// Query untuk mengambil data dari tabel datapengguna
$queryss = "SELECT kuantitas FROM rekamtroliuser WHERE userid = $userid";
$resultss = $connect->query($queryss);
if ($resultss->num_rows > 0) {
$troli_count = 0;
while ($row = $resultss->fetch_assoc()) {
$kuantitas = $row['kuantitas'];
$troli_count += $kuantitas;
}
} else {
// Jika data tidak ditemukan, set jumlah barang yang dipilih menjadi 0
$troli_count = 0;
}
} else {
// Jika pengguna belum login, set jumlah barang yang dipilih dan jumlah barang yang disukai menjadi 0
$troli_count = 0;
}
?>
<div class="col-lg-3 col-6 text-right">
<a href="cart.php" class="btn border">
<i class="fas fa-shopping-cart text-primary"></i>
<span class="badge"><?php echo $troli_count; ?> Produk</span>
</a>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<div class="container-fluid mb-5">
<div class="row border-top px-xl-5">
<div class="col-lg-3 d-none d-lg-block">
<a class="btn shadow-none d-flex align-items-center justify-content-between bg-primary text-white w-100" data-toggle="collapse" href="#navbar-vertical" style="height: 65px; margin-top: -1px; padding: 0 30px;">
<h6 class="m-0 text-light font-weight-semi-bold">Kategori</h6>
<i class="fa fa-angle-down text-dark"></i>
</a>
<nav class="collapse position-absolute navbar navbar-vertical navbar-light align-items-start p-0 border border-top-0 border-bottom-0 bg-light" id="navbar-vertical" style="width: calc(100% - 30px); z-index: 1;">
<div class="navbar-nav w-100 overflow-hidden" style="height: 410px">
<div class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">Kaos<i class="fa fa-angle-down float-right mt-1"></i></a>
<div class="dropdown-menu position-absolute border-0 rounded-0 w-100 m-0">
<a href="shop.php?kategori=Kaos Pria" class="dropdown-item">Kaos Pria</a>
<a href="shop.php?kategori=Kaos Wanita" class="dropdown-item">Kaos Wanita</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">Kemeja<i class="fa fa-angle-down float-right mt-1"></i></a>
<div class="dropdown-menu position-absolute border-0 rounded-0 w-100 m-0">
<a href="shop.php?kategori=Kemeja Pria" class="dropdown-item">Kemeja Pria</a>
<a href="shop.php?kategori=Kemeja Wanita" class="dropdown-item">Kemeja Wanita</a>
</div>
</div>
<a href="shop.php?kategori=Hoodie" class="nav-item nav-link">Hoodie</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">Sepatu<i class="fa fa-angle-down float-right mt-1"></i></a>
<div class="dropdown-menu position-absolute border-0 rounded-0 w-100 m-0">
<a href="shop.php?kategori=Sepatu Pria" class="dropdown-item">Sepatu Pria</a>
<a href="shop.php?kategori=Sepatu Wanita" class="dropdown-item">Sepatu Wanita</a>
</div>
</div>
<a href="shop.php?kategori=Sandal" class="nav-item nav-link">Sandal</a>
<a href="shop.php?kategori=Celana Jeans Pria" class="nav-item nav-link">Celana Jeans</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">Celana Olahraga<i class="fa fa-angle-down float-right mt-1"></i></a>
<div class="dropdown-menu position-absolute border-0 rounded-0 w-100 m-0">
<a href="shop.php?kategori=Celana Olahraga Pria" class="dropdown-item">Celana Olahraga Pria</a>
<a href="shop.php?kategori=Celana Olahraga Wanita" class="dropdown-item">Celana Olahraga Wanita</a>
</div>
</div>
<a href="shop.php?kategori=Rok Wanita" class="nav-item nav-link">Rok Wanita</a>
</div>
</nav>
</div>
<div class="col-lg-9">
<nav class="navbar navbar-expand-lg bg-light navbar-light py-3 py-lg-0 px-0">
<a href="" class="text-decoration-none d-block d-lg-none">
<h1 class="display-5"><img class="mb-2 ml-2" src="img/pht/Gaya-Gini.png" alt="" width="102,4" height="60"></h1>
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav mr-auto py-0">
<a href="index.php" class="nav-item nav-link text-center">Beranda</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle text-center" data-toggle="dropdown"> Halaman</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="cart.php" class="dropdown-item text-center">Troli</a>
<a href="checkout.php" class="dropdown-item text-center">Checkout</a>
</div>
</div>
<a href="contact.php" class="nav-item nav-link text-center">Tentang Kami</a>
</div>
<div class="navbar-nav ml-auto py-0 ">
<?php
if (!isset($_SESSION['logged_in']) || $_SESSION['logged_in'] !== true) {
// Pengguna belum login, alihkan ke halaman login
echo '
<a href="login.php" class="nav-item nav-link text-center font-weight-semi-bold">Login</a>
<a href="register.php" class="nav-item nav-link text-center font-weight-semi-bold">Daftar</a>
';
}
else {
$pengguna = $_SESSION['username'];
echo '
<a href="#" class="nav-item nav-link text-center font-weight-semi-bold mt-1">Selamat datang, '.$pengguna.'</a>
<a href="logout.php" class="btn nav-item mt-3 text-center font-weight-semi-bold btn-outline-danger text-danger h-50">Keluar</a>
';
}
?>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid bg-secondary mb-4">
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 150px">
<h1 class="font-weight-semi-bold text-uppercase">TENTANG KAMI</h1>
</div>
</div>
<!-- Page Header End -->
<div class="container-fluid mt-5 mb-2">
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 300px">
<h2 class="font-weight-semi-bold text-uppercase mt-3 mb-3 section-title px-5"><span class="px-2">TIM GAYAGINI</span></h2>
<div class="d-flex flex-wrap justify-content-center">
<div class="m-5 text-center">
<figure>
<img class="mb-3" src="img/Sayid.png" alt="Sayid Achmad Maulana" style="opacity:0.95;">
<figcaption class="mb-0"><h5>8020210120</h5></figcaption>
<figcaption class="mb-0"><h5>Sayid Achmad Maulana</h5></figcaption>
<figcaption class="mb-0"><a href="https://github.com/Doffel" target="_blank"><img src="img/github.svg" alt="" style="width:10%;height:10%;opacity:0.7;"></a></figcaption>
</figure>
</div>
<div class="m-5 text-center">
<figure>
<img class="mb-3" src="img/Auzi.png" alt="M Auzi Rehandra" style="opacity:0.95;">
<figcaption class="mb-0"><h5>8020210103</h5></figcaption>
<figcaption class="mb-0"><h5>M Auzi Rehandra</h5></figcaption>
<figcaption class="mb-0"><a href="https://github.com/rhndr" target="_blank"><img src="img/github.svg" alt="" style="width:10%;height:10%;opacity:0.7;"></a></figcaption>
</figure>
</div>
<div class="m-5 text-center">
<figure>
<img class="mb-3" src="img/Vascal.png" alt="Vascal Mustajab" style="opacity:0.95;">
<figcaption class="mb-0"><h5>8020210225</h5></figcaption>
<figcaption class="mb-0"><h5>Vascal Mustajab</h5></figcaption>
<figcaption class="mb-0"><a href="https://github.com/Icaaall2" target="_blank"><img src="img/github.svg" alt="" style="width:10%;height:10%;opacity:0.7;"></a></figcaption>
</figure>
</div>
<div class="m-5 text-center">
<figure>
<img class="mb-3" src="img/Agung.png" alt="Agung Islami Aryantino" style="opacity:0.95;">
<figcaption class="mb-0"><h5>8020210251</h5></figcaption>
<figcaption class="mb-0"><h5>Agung Islami Aryantino</h5></figcaption>
<figcaption class="mb-0"><a href="https://github.com/AgungIslami" target="_blank"><img src="img/github.svg" alt="" style="width:10%;height:10%;opacity:0.7;"></a></figcaption>
</figure>
</div>
</div>
<div class="d-flex flex-wrap justify-content-center">
<div class="m-5 text-center">
<figure>
<a href="https://github.com/Doffel/GayaGini.io" target="_blank" class="btn"><img class="mb-3" src="img/github.svg" alt="Sayid Achmad Maulana" style="opacity:0.8;width:50%;height:50%;">
<figcaption class="mb-0"><h5>GAYAGINI</h5></figcaption>
<figcaption class="mb-0"><h5>REPOSITORY</h5></figcaption></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Start -->
<div class="container-fluid pt-5 text-center mb-5">
<h5 class="font-weight-semi-bold">UNIVERSITAL DINAMIKA BANGSA</h5>
<p>KOTA JAMBI</p>
<div class="d-flex flex-column">
<h5 class="font-weight-semi-bold">MATA KULIAH</h5>
<p class="mb-2"></i>PEMROGRAMAN WEB I</p>
</div>
</div>
<!-- Contact End -->
<!-- Footer Start -->
<div class="container-fluid bg-footer text-dark mt-5 pt-1">
<div class="row px-xl-5 pt-4">
<div class="col-lg-4 col-md-12 mb-5 pr-3 pr-xl-5">
<a href="" class="text-decoration-none">
<h1 class="mb-2 display-5 font-weight-semi-bold"><img class="border p-1 mb-3" src="img/pht/Gaya-Gini.png" alt="" width="141" height="83"></h1>
</a>
<p>Situs penjualan baju bergengsi dengan harga sepadan dan kualitas terbaik dari brand-brand ternama di alam semesta</p>
<p class="mb-2"><i class="fa fa-map-marker-alt text-primary mr-3"></i>Bonjol Ali 32, Jambi, IND</p>
<p class="mb-2"><i class="fa fa-envelope text-primary mr-3"></i>gayagini@gg.com</p>
<p class="mb-0"><i class="fa fa-phone-alt text-primary mr-3"></i>+62 854 783 21</p>
</div>
<div class="col-lg-8 col-md-12">
</div>
</div>
<div class="row border-top border-light mx-xl-5 py-4 mt-1">
<div class="col-md-6 px-xl-0">
<p class="mb-md-0 text-center text-md-left text-dark">
© <a class="text-dark font-weight-semi-bold" href="#">GAYAGINI</a>. All Rights Reserved.
<a class="text-dark font-weight-semi-bold" href="https://htmlcodex.com"></a><br>
Distributed By <a class="text-dark font-weight-semi-bold" href="https://themewagon.com" target="_blank">GAYAGINI </a>
</p>
</div>
<div class="col-md-6 px-xl-0 text-center text-md-right">
<img class="img-fluid" src="img/payments.png" alt="">
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-primary back-to-top"><i class="fa fa-angle-double-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>