-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
107 lines (97 loc) · 3.69 KB
/
index.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
<?php
include 'helpers/product.php';
?>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Perle product</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="magnific-popup/magnific-popup.css">
<link rel="shortcut icon" href="images/icon.jpg" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
</head>
<body>
<header>
<span id="top-logo">PERLE</span>
<span id="bot-logo">PRODUCT</span>
</header>
<ul class="categories">
<li class="category-wrapper">
<a href="/" class="category">Все товары</a>
</li>
<li class="category-wrapper">
<a href="categories/bracelets.php" class="category" href="#">Браслеты</a>
</li>
<li class="category-wrapper">
<a href="categories/chains.php" class="category">Подвески</a>
</li>
<li class="category-wrapper">
<a href="categories/rings.php" class="category">Кольца</a>
</li>
</ul>
<h1>Наша продукция:</h1>
<ul class="products clearfix">
<?php
$list = get_all_product();
if (!$list) {
echo "There are no product";
} else {
foreach ($list as $product) {
echo <<<EOD
<li class="product-wrapper">
<div class="product">
<div class="product-photo">
<img src="uploads/$product[photo_src]" alt="">
</div>
<p class="product_name">
$product[title]
</p>
<div class="buy">
<span class="price">$product[price] грн</span>
<a href="#form" class="popup buy-button">Купить</a>
</div>
</div>
</li>
</>
EOD;
}
}
?>
</ul>
<div class="hidden">
<form id="form" action="mail.php" method="post">
<p>Ваше Имя: <input type="text" name="name" placeholder="" required></p>
<p>Ваша Фамилия: <input type="text" name="surname" placeholder="" required></p>
<p>Ваш телефон: <input type="text" name="phone" id="phone" placeholder="" required></p>
<p>Адрес доставки: <input type="text" name="address" placeholder=""></p>
<input type="hidden" name="product_name" id="product_name">
<p><button class="order">Заказать</button></p>
</form>
</div>
<footer class="footer-container">
<ul class="app-block">
<li>
<a href="https://www.instagram.com/perle.product/">
<img src="images/instagram.svg">
</a>
</li>
<li>
<a href="https://t.me/perle_product">
<img src="images/telegram.svg">
</a>
</li>
<li>
<a href="https://invite.viber.com/?g2=AQBxKz3uAMlQS0wdI5e%2FOOkT4R7N0Ruklwziuh0tMQAgvZx%2FM8rz00GNMaARAC7e">
<img src="images/viber.svg">
</a>
</li>
</ul>
</footer>
<script src="magnific-popup/jquery.min.js"></script>
<script src="magnific-popup/jquery.magnific-popup.js"></script>
<script src="js/common.js"></script>
<script src="vendor/igorescobar/jquery-mask-plugin/dist/jquery.mask.min.js"></script>
</body>
</html>