This repository has been archived by the owner on Mar 31, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (129 loc) · 6.29 KB
/
index.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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title class="city">Купить дрова с доставкой</title>
<link href="https://fonts.googleapis.com/css?family=Play&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<nav class="navbar sticky-top navbar-dark bg-dark">
<div class="container">
<p class="navbar-brand mb-0">Доставка дров в *Город*</p>
<a href="tel:71111111111">
<button type="button" class="btn btn-light">Сделать Заказ</button>
</a>
</div>
</nav>
<section class="section-one">
<div class="container d-flex justify-content-center flex-column">
<div class="d-flex justify-content-between align-items-center">
<div class="text-white">
<h1>ПРОДАЖА ДРОВ С ДОСТАВКОЙ</h1>
<h2>В ГОРОДЕ *Город*</h2>
<a href="#section3">
<button type="button" class="btn btn-light btn-lg">НАШ АССОРТИМЕНТ</button>
</a>
</div>
</div>
</div>
</section>
<section id="section2">
<div class="container d-flex justify-content-between align-items-center mb-4 mt-4">
<div class="d-flex flex-column align-items-center text-dark justify-content-center">
<div class="section-two-item-img d-flex align-items-center justify-content-center"><img
src="assets/img/w1.png" alt=""></div>
<div class="text-dark mt-2">Качество древесины,<br> и честный объем</div>
</div>
<div class="d-flex flex-column align-items-center text-dark">
<div class="section-two-item-img d-flex align-items-center justify-content-center"><img
src="assets/img/w2.png" alt=""></div>
<div class="text-dark mt-2">Бесплатная доставка</div>
</div>
<div class="d-flex flex-column align-items-center text-dark">
<div class="section-two-item-img d-flex align-items-center justify-content-center"><img
src="assets/img/w3.png" alt=""></div>
<div class="text-dark mt-2">Доступные цены</div>
</div>
</div>
<div class="container">
<hr>
</div>
</section>
<section id="section3">
<div class="container">
<h2 class="text-center mt-4 mb-2">НАШ АССОРТИМЕНТ</h2>
<div class="d-flex justify-content-between" id="itemswood">
<div class="card m-2">
<img class="card-img-top" src="https://www.nicepng.com/png/full/349-3492910_firewood-fire-logs.png"
alt="Card image cap">
<div class="card-body">
<p class="card-text">СМЕШАННАЯ ОСИНА,ЛИПА И ЕЛЬ</p>
<p class="hotSale align-items-center d-flex justify-content-center">Акция</p>
<ul class="list-group list-group-flush">
<li class="list-group-item">1,2куб Пикап - 2300 тыс.р</li>
<li class="list-group-item">2,5куб Газель - 4000 тыс.р</li>
<li class="list-group-item">5куб Газ Самосвал - 7500 тыс.р</li>
</ul>
</div>
<div class="text-center mb-2">
<a href="tel:71111111111">
<button type="button" class="btn btn-dark">Сделать Заказ</button>
</a>
</div>
</div>
<div class="card m-2">
<img class="card-img-top" src="https://www.nicepng.com/png/full/349-3492910_firewood-fire-logs.png"
alt="Card image cap">
<div class="card-body">
<p class="card-text">СМЕШАННАЯ ОСИНА,ЛИПА И ЕЛЬ</p>
<p class="hotSale align-items-center d-flex justify-content-center">Акция</p>
<ul class="list-group list-group-flush">
<li class="list-group-item">1,2куб Пикап - 2300 тыс.р</li>
<li class="list-group-item">2,5куб Газель - 4000 тыс.р</li>
<li class="list-group-item">5куб Газ Самосвал - 7500 тыс.р</li>
</ul>
</div>
<div class="text-center mb-2">
<a href="tel:71111111111">
<button type="button" class="btn btn-dark">Сделать Заказ</button>
</a>
</div>
</div>
<div class="card m-2">
<img class="card-img-top" src="https://www.nicepng.com/png/full/349-3492910_firewood-fire-logs.png"
alt="Card image cap">
<div class="card-body">
<p class="card-text">СМЕШАННАЯ ОСИНА,ЛИПА И ЕЛЬ</p>
<p class="hotSale align-items-center d-flex justify-content-center">Акция</p>
<ul class="list-group list-group-flush">
<li class="list-group-item">1,2куб Пикап - 2300 тыс.р</li>
<li class="list-group-item">2,5куб Газель - 4000 тыс.р</li>
<li class="list-group-item">5куб Газ Самосвал - 7500 тыс.р</li>
</ul>
</div>
<div class="text-center mb-2">
<a href="tel:71111111111">
<button type="button" class="btn btn-dark">Сделать Заказ</button>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
</section>
<footer class="container">
<a href="https://vk.com/idevmans" class="text-dark m-1" target="_blank">
Разработал Aydiev Mansur ©
<span>
2019 -
<script>document.write(new Date().getFullYear())</script>
</span>
</a>
</footer>
</body>
</html>