-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
203 lines (203 loc) · 11 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
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
<!DOCTYPE html>
<html lang="sk-SK">
<head>
<title>Domov | PBMont</title>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f37528">
<meta name="msapplication-TileColor" content="#f37528">
<meta name="theme-color" content="#000000">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<div id="backdrop" title="close"></div>
<header>
<div class="container">
<nav>
<a class="logo" href="/"><img src="/images/logo.svg" alt="" /></a>
<ul>
<li><a class="active" href="/">Domov</a></li>
<li><a href="/typy-bran">Typy brán</a></li>
<li><a href="/produkty">Produkty</a></li>
<li><a href="/kalkulacka">Kalkulačka</a></li>
<li><a href="/kontakt">Kontakt</a></li>
</ul>
<span>MENU</span>
</nav>
</div>
</header>
<main id="home">
<section id="main" class="colorful">
<div class="container grid__columns">
<div class="wrapper">
<h1>Brány, bránky, plotové výplne</h1>
<p>Pri výrobe plotových brán používame kvalitný a pevný hutný materiál. Samonosné systémy posuvných brán dodávame výškovo nastaviteľné. Povrchovú úpravu tvorí zinok a prášková farba. Ku všetkým typom brán montujeme pohony talianskej značky. Pri výrobe plotov a brán dbáme na kvalitnú estetiku.</p>
<div class="stats">
<div class="stat">
<span><b>100</b> %</span>
<p>Celá montáž v našej réžii</p>
</div>
<div class="stat">
<span><b>11</b> krajov</span>
<p>Celé západné Slovensko</p>
</div>
<div class="stat">
<span><b>2</b> +</span>
<p>Ročné skúsenosti s realizáciami</p>
</div>
</div>
</div>
<div class="wrapper">
<div class="images__group">
<div class="container__image"></div>
<div class="container__image"></div>
</div>
</div>
</div>
</section>
<section id="survey">
<div class="container">
<h2>Kompletný servis bez starostí</h2>
<div class="steps">
<div class="step">
<span>Krok 1</span>
<h3>Predbežná kalkulácia a bezplatná konzultácia</h3>
<p>Využite našu kalkulačku alebo nás priamo kontaktujte na telefónnom čísle +421 918 829 958. Zjednotíme si predstavu a potvrdíme finančnú ponuku.</p>
</div>
<div class="step">
<span>Krok 2</span>
<h3>Výroba na mieru</h3>
<p>Zabezpečíme materiál, zkonštruujeme, dokončíme povrchovú úpravu a pripravíme na montáž.</p>
</div>
<div class="step">
<span>Krok 3</span>
<h3>Dovoz a inštalácia</h3>
<p>Dopravu a montáž zabezpečujeme my na dohodnutý termín. Čas inštalácie závisí od rozsahu, ale zvyčajne sme hotoví do 48h. Jediné čo musíte je byť doma :)</p>
</div>
</div>
<div class="button__arrow">
<a href="/kalkulacka">Kalkulačka <img src="/images/icon_arrow_right.svg" alt="" /></a>
</div>
</div>
</section>
<section id="how-to-decide" class="colorful">
<div class="container grid__columns container__withImages">
<div class="wrapper">
<div class="images__group">
<div class="container__image"></div>
<div class="container__image"></div>
</div>
</div>
<div class="wrapper">
<h2>Ako si vybrať materiál na bránu/plot?</h2>
<p>Pri výbere materiálu je dobrým nápadom spísanie si požiadaviek, ktoré od zvoleného riešenia očakávate. Dôležitými kritériami sú určite design, priehľadnosť/nepriehľadnosť, životnosť a obstarávacia cena.</p>
<p>Hliník je určite dobrou a obľúbenou voľbou, ak je pre vás dôležité súkromie, bezúdržbovosť a dlhá životnosť, nakoľko nehrozí jeho zhrdzavenie a naše realizácie sa chvália výbornou farebnou stálosťou, vďaka ktorej bude plot aj po rokoch vyzerať ako nový.</p>
<a href="/produkty" class="button__classic">Produkty</a>
</div>
</div>
</section>
<section id="references">
<div class="container">
<h4>Čo sme robili?</h4>
<h2>Realizácie</h2>
<div class="swiper swiper__references">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container__image"></div>
<h5>Siladice</h5>
<span>Oplotenia + brána s pohonom</span>
</div>
<div class="swiper-slide">
<div class="container__image"></div>
<h5>Miloslavov</h5>
<span>Plotová výplň + vstupná bránka</span>
</div>
<div class="swiper-slide">
<div class="container__image"></div>
<h5>Bernolákovo</h5>
<span>Oplotenie + bránka + balkónové zábradlie</span>
</div>
<div class="swiper-slide">
<div class="container__image"></div>
<h5>Bernolákovo</h5>
<span>Oplotenie + bránka + balkónové zábradlie</span>
</div>
</div>
<div class="swiper__navigation">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="top">
<div class="contact">
<h2>Kontaktné údaje</h2>
<div class="wrapper">
<div class="card">
<div class="inner">
<img src="/images/icon_phone_black.svg" alt="" />
<div style="display: grid">
<span>+421 918 829 958</span>
<span>+421 950 498 937</span>
</div>
</div>
<a class="button__classic" href="tel:+421918829958">Zavolajte nám</a>
</div>
<div class="card">
<div class="inner">
<img src="/images/icon_mail_black.svg" alt="" />
<span>[email protected]</span>
</div>
<a class="button__classic" href="mailto:[email protected]">Napíšte nám</a>
</div>
</div>
</div>
<div class="company">
<h2>PB Mont, s.r.o.</h2>
<div class="wrapper">
<div class="inner">
<span>Ružová ulica 152</span>
<span>935 21 Tlmače</span>
<span>SLOVENSKO</span>
</div>
<div class="inner">
<span>IČO: 53213432</span>
<span>DIČ: 2121303580</span>
<span>IČ DPH: SK2121303580</span>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<img src="/images/logo.svg" alt="" />
<div class="socials">
<a href="https://www.instagram.com/pbmont_ploty_brany/" target="_blank">
<img src="/images/icon_instagram_white.svg" alt="Instagram" />
</a>
<a href="https://www.facebook.com/Ploty.Brany.Zabradlia.Kovovyroba/" target="blank">
<img src="/images/icon_facebook_white.svg" alt="Facebook" />
</a>
</div>
</div>
</div>
</div>
</footer>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/script.js"></script>
</body>
</html>