Skip to content

Commit 604f804

Browse files
machalmachal
committed
BEM verze HTML
1 parent c1ca73f commit 604f804

File tree

1 file changed

+277
-0
lines changed

1 file changed

+277
-0
lines changed

‎bem.html

Lines changed: 277 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,277 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="cs" class="no-js">
4+
5+
<head>
6+
<meta charset="UTF-8">
7+
8+
<meta content="width=device-width, initial-scale=1.0" name="viewport">
9+
10+
<link href="css/style.css" rel="stylesheet" type="text/css">
11+
12+
<title>Ubytování na Jižní Moravě</title>
13+
14+
<meta content="Nejteplejší a nejúrodnější oblast u nás, kde si na své přijdou jak milovníci přírodních krás, tak zájemci o kulturní bohatství. V tomto nížinatém kraji naleznete sice jen malé kopce, ale zato vás čeká příležitost ke koštování vína a seznámení s dávnými lidovými zvyky a tradicemi." name="description">
15+
16+
<script>
17+
document.documentElement.className =
18+
document.documentElement.className.replace("no-js","js");
19+
</script>
20+
21+
</head>
22+
23+
<body>
24+
25+
<div class="container">
26+
27+
<p class="site-logo">
28+
CESTOVKA
29+
</p>
30+
31+
<nav class="site-nav" role="navigation">
32+
<div class="site-nav__main" id="navigace">
33+
<ul class="pine-level-1">
34+
<li>
35+
<a href="#">Najít ubytování</a>
36+
</li>
37+
<li>
38+
<a href="#">Státy</a>
39+
</li>
40+
<li>
41+
<a href="#">Slevy a Last Minute</a>
42+
</li>
43+
<li>
44+
<a href="#">Skupiny a konference</a>
45+
</li>
46+
<li>
47+
<a href="#">Novinky</a>
48+
</li>
49+
<li>
50+
<a href="#">O nás</a>
51+
</li>
52+
<li>
53+
<a href="#">Kontakt</a>
54+
</li>
55+
</ul>
56+
</div>
57+
</nav>
58+
59+
60+
<main class="content" role="main">
61+
62+
<div class="content__head without_nav">
63+
<h1>Ubytování na Jižní Moravě</h1>
64+
</div>
65+
<!-- .content__head -->
66+
67+
<div id="subdivisions">
68+
69+
<div class="inline-list">
70+
<h2 class="inline-list__heading inline-list__heading--invisible">
71+
Města v této oblasti
72+
</h2>
73+
<a class="inline-list__item" href="#">Brno</a>
74+
<a class="inline-list__item" href="#">Hodonín</a>
75+
<a class="inline-list__item" href="#">Hustopeče</a>
76+
<a class="inline-list__item" href="#">Kostelec u Zlína</a>
77+
<a class="inline-list__item" href="#">Lednice</a>
78+
<a class="inline-list__item" href="#">Luhačovice</a>
79+
<a class="inline-list__item" href="#">Lukov</a>
80+
<a class="inline-list__item" href="#">Valtice</a>
81+
<a class="inline-list__item" href="#">Znojmo</a>
82+
</div>
83+
84+
</div>
85+
<!-- id=subdivisions -->
86+
87+
<div class="clearBothZero"></div>
88+
89+
<div class="content__body">
90+
<div class="row">
91+
92+
<article class="list-item bordered">
93+
<p class="list-item__image">
94+
<a href="#">
95+
<img alt="Minirelax v lázních AKCE -20%" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/614/Hotel_Pohoda_Luhacovice1_s.jpg" height="215" width="286">
96+
</a>
97+
<span class="flags">
98+
<strong class="list-item_flag flag flag--ratings">Skvělé hodnocení</strong>
99+
<a class="list-item_flag flag flag--lastminute" href="#">Last Minute</a>
100+
</span>
101+
</p>
102+
<!-- .image -->
103+
<div class="list-item__content">
104+
<h2 class="list-item__heading">
105+
<a href="#">Minirelax v lázních AKCE -20%</a>
106+
</h2>
107+
<p class="list-item__perex">
108+
WELLNESS HOTEL POHODA, Luhačovice, Jižní Morava, Česká republika
109+
<br>
110+
<strong>termíny:</strong> 02.04.2018 - 20.04.2018
111+
</p>
112+
<p class="list-item__price price price--big">
113+
<strong>4 noci od</strong> 5 570 Kč
114+
</p>
115+
</div>
116+
<!-- .content -->
117+
<div class="clear_zero">&nbsp;</div>
118+
</article>
119+
<!-- .list-item -->
120+
121+
<article class="list-item">
122+
<p class="list-item__image">
123+
<a href="#">
124+
<img alt="Mandloňový pobyt" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/885/Hotel_Cento0_s.jpg" height="215" width="286">
125+
</a>
126+
<span class="flags">
127+
<a class="list-item_flag flag flag--lastminute" href="#">Last Minute</a>
128+
</span>
129+
</p>
130+
<!-- .image -->
131+
<div class="list-item__content">
132+
<h2 class="list-item__heading">
133+
<a href="#">Mandloňový pobyt</a>
134+
</h2>
135+
<p class="list-item__perex">
136+
<strong>termíny:</strong> 23.03.2018 - 25.03.2018
137+
</p>
138+
<p class="list-item__price price price--big">
139+
<strong>2 noci od</strong> 2 975 Kč
140+
</p>
141+
</div>
142+
<!-- .content -->
143+
<div class="clear_zero">&nbsp;</div>
144+
</article>
145+
<!-- .list-item -->
146+
147+
<article class="list-item">
148+
<p class="list-item__image">
149+
<a href="#">
150+
<img alt="Velikonoční gurmánský pobyt" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/885/Hotel_Cento0_s.jpg" height="215" width="286">
151+
</a>
152+
<span class="flags">
153+
<a class="list-item_flag flag flag--lastminute" href="#">Last Minute</a>
154+
</span>
155+
</p>
156+
<!-- .image -->
157+
<div class="list-item__content">
158+
<h2 class="list-item__heading">
159+
<a href="#">Velikonoční gurmánský pobyt</a>
160+
</h2>
161+
<p class="list-item__perex">
162+
<strong>termíny:</strong> 30.03.2018 - 02.04.2018
163+
</p>
164+
<p class="list-item__price price price--big">
165+
<strong>2-3 noci od</strong> 3 245 Kč
166+
</p>
167+
</div>
168+
<!-- .content -->
169+
<div class="clear_zero">&nbsp;</div>
170+
</article>
171+
<!-- .list-item -->
172+
173+
<article class="list-item">
174+
<p class="list-item__image">
175+
<a href="#">
176+
<img alt="Jarovín Rosé pobytový balíček" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/885/Hotel_Cento0_s.jpg" height="215" width="286">
177+
</a>
178+
<span class="flags">
179+
<a class="list-item_flag flag flag--lastminute" href="#">Last Minute</a>
180+
</span>
181+
</p>
182+
<!-- .image -->
183+
<div class="list-item__content">
184+
<h2 class="list-item__heading">
185+
<a href="#">Jarovín Rosé pobytový balíček</a>
186+
</h2>
187+
<p class="list-item__perex">
188+
<strong>termíny:</strong> 06.04.2018 - 08.04.2018
189+
</p>
190+
<p class="list-item__price price price--big">
191+
<strong>2 noci od </strong>2 595 Kč
192+
</p>
193+
</div>
194+
<!-- .content -->
195+
<div class="clear_zero">&nbsp;</div>
196+
</article>
197+
<!-- .list-item -->
198+
199+
<article class="list-item">
200+
<p class="list-item__image">
201+
<a href="#">
202+
<img alt="Relax v Pohodě AKCE -20%" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/614/Hotel_Pohoda_Luhacovice1_s.jpg" height="215" width="286">
203+
</a>
204+
<span class="flags">
205+
<strong class="list-item_flag flag flag--ratings">Skvělé hodnocení</strong>
206+
<a class="list-item_flag flag flag--lastminute" href="#">Last Minute</a>
207+
</span>
208+
</p>
209+
<!-- .image -->
210+
<div class="list-item__content">
211+
<h2 class="list-item__heading">
212+
<a href="#">Relax v Pohodě AKCE -20%</a>
213+
</h2>
214+
<p class="list-item__perex">
215+
<strong>termíny:</strong> 15.04.2018 - 20.04.2018
216+
</p>
217+
<p class="list-item__price price price--big">
218+
<strong>3 noci od</strong> 4 560 Kč
219+
</p>
220+
</div>
221+
<!-- .content -->
222+
<div class="clear_zero">&nbsp;</div>
223+
</article>
224+
<!-- .list-item -->
225+
226+
<article class="list-item">
227+
<p class="list-item__image">
228+
<a href="#">
229+
<img alt="PENZION ONYX foto" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/413/Penzion_onyx0_s.jpg" height="215" width="286">
230+
</a>
231+
<span class="flags"></span>
232+
</p>
233+
<!-- .image -->
234+
<div class="list-item__content">
235+
<h2 class="list-item__heading">
236+
<a href="#">PENZION ONYX</a>
237+
</h2>
238+
<p class="list-item__perex">
239+
Lednice
240+
<br>
241+
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
242+
</p>
243+
<p class="list-item__price price price--big">
244+
<strong>1 noc od</strong> 595 Kč
245+
</p>
246+
</div>
247+
<!-- .content -->
248+
<div class="clear_zero">&nbsp;</div>
249+
</article>
250+
<!-- .list-item -->
251+
252+
253+
<div class="clearBothZero"></div>
254+
255+
</div>
256+
<!-- /.row -->
257+
258+
</div>
259+
<!-- .content__body -->
260+
</main>
261+
<!-- .content -->
262+
263+
<p id="foot">
264+
&copy; 2005 &ndash; 2018 Cestovka
265+
</p>
266+
267+
268+
269+
</div>
270+
<!-- .container -->
271+
272+
<script src="js/lib/jquery.js"></script>
273+
<script src="js/rekrea-footer.js"></script>
274+
275+
</body>
276+
277+
</html>

0 commit comments

Comments
 (0)