This repository has been archived by the owner on Jan 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacts.html
79 lines (75 loc) · 3.13 KB
/
contacts.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/base.css">
<link rel="stylesheet" href="/assets/css/contacts.css">
<link rel="stylesheet" media="only screen and (min-width: 1024px)" href="assets/css/desktop.css">
<title>Контакты</title>
</head>
<body>
<header data-include="header.html">
<div class="breadcrumbs">
<div class="container">
<a href="#">Главная</a>
<a href="#" class="active">Контакты</a>
</div>
</div>
</header>
<main>
<section class="top">
<h2>Контакты</h2>
</section>
<section class="grid-section">
<div class="grid-item">
<div class="text">
<img src="/assets/images/logo.png" alt="">
<p><strong>Телефон</strong>: 8 800 123 45 67</p>
<p><strong>E-mail</strong>: <a href="mailto:[email protected]">[email protected]</a></p>
<p><strong>Адрес</strong>: г. Кыргыстан</p>
</div>
<div class="map" id="map"></div>
</div>
<div class="d-flex m-auto"><a class="btn btn-orange">Оставить заявку</a></div>
</section>
</main>
<footer data-include="footer.html"></footer>
<script src="assets/js/base.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBBDnPVqZECtcuDVUigb-JSHfYdkDZj9jk&callback=initMap" async defer></script>
<script src="/assets/js/map.js"></script>
<div class="modal">
<div class="wrapper">
<h3>Оставить заявку</h3>
<p><input type="text" class="form-name" placeholder="Ваше имя"></p>
<p><input type="text" class="form-phone" placeholder="Ваш телефон"></p>
<p>
<button id="send" class="btn btn-yellow">Оставить заявку</button>
</p>
</div>
</div>
<script>
window.addEventListener("load", function () {
modal("#openModal", ".modal", function (div, lightboxer) {
inputNumber(div.querySelector('.form-phone'));
div.querySelector("#send").addEventListener('click', function () {
let data = new FormData();
let fname = div.querySelector('.form-name').value;
let fphone = div.querySelector('.form-phone').value;
if (fname === "" || fphone === "") {
modalAlert("Внимание!", "Не все поля заполнены");
return;
}
data.append('name', fname);
data.append('phone', fphone);
ajax(data, '/system/plugins/SecArgonia/feedback/request/create', function (response) {
modalAlert("Ваша заявка принята", "Мы ответим Вам в ближайшее время");
lightboxer.closeBox();
});
});
});
});
</script>
</body>
</html>