-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (124 loc) · 5.69 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
138
<!DOCTYPE html>
<html lang="cs">
<!-- Hlavička stránky -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grilování u Nováků</title>
<link rel="stylesheet" href="styles.css">
<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=Quicksand:[email protected]&display=swap" rel="stylesheet">
</head>
<!-- Tělo stránky -->
<body>
<!-- Záhlaví stránky -->
<header>
<img src="images/background-header.jpg" alt="Grilování špekáčků">
<h1>Pozvánka na podzimní grilování u Nováků 2024</h1>
<p>
Vážená rodino a přátelé, srdečně Vás zveme na naše tradiční podzimní grilování
u příležitosti oslavy konce léta a začátku školního roku.
</p>
</header>
<!-- Navigace -->
<nav>
<ul>
<li><a href="#info">Info</a></li>
<li><a href="#program">Program</a></li>
<li><a href="#fotky">Fotky</a></li>
<li><a href="#kontakt">Kontakt</a></li>
</ul>
</nav>
<!-- Sekce INFO -->
<section id="info">
<h2>Informace:</h2>
<p>Akce proběhne v sobotu <strong>21. září 2024</strong> na naší zahradě.</p>
<p>Prosím o potvrzení Vaší účasti emailem nebo telefoniky - mrkněne na
<a href="#kontakt">kontakty</a>
dole na stránce.
</p>
<p>Jako obvykle pozvánka platí pro Vaše drahé polovičky i děti.</p>
<p>Vstupné je něco <a href="https://www.google.cz/search?tbm=isch&q=party+snacks" target="_blank">dobrého na
společný stůl</a>.
Jako každý rok bude probíhat soutěž o nejlepší dobrotu s cenou
pro vítěze.</p>
<p>Doma nezapomeňte dobrou náladu a teplé oblečení na večer (hlavně pro děti).</p>
</section>
<!-- Sekce PROGRAM -->
<section id="program">
<h2>Program:</h2>
<p>Můžete se těšit na obvyklý program a držet palce, ať nám vyjde dobré počasí.</p>
<div class="section-container">
<div class="container">
<table>
<thead>
<tr>
<th>Čas</th>
<th>Aktivita</th>
</tr>
</thead>
<tbody>
<tr>
<td>15:00</td>
<td>Začátek grilování.</td>
</tr>
<tr>
<td>16:00</td>
<td>Soutěž o nejlepší dobrotu.</td>
</tr>
<tr>
<td>18:00</td>
<td>Karaoke a <a href="https://youtu.be/hWjrMTWXH28?si=cAWBs4b2CPjxIlph"
target="_blank">diskotéka</a>.
</td>
</tr>
</tbody>
</table>
</div>
<!-- Weather Widget -->
<div class="container">
<a class="weatherwidget-io" href="https://forecast7.com/cs/49d8218d26/ostrava/" data-label_1="Ostrava"
data-font="Verdana" data-icons="Climacons Animated" data-theme="pure">Ostrava</a>
<script>
!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = 'https://weatherwidget.io/js/widget.min.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'weatherwidget-io-js');
</script>
</div>
</div>
</section>
<!-- Sekce FOTKY -->
<section id="fotky">
<h2>Fotky z poslední akce:</h2>
<div class="gallery">
<img src="images/grill_party1.jpg" alt="Grilování foto 1">
<img src="images/grill_party3.jpg" alt="Grilování foto 2">
<img src="images/grill_party7.jpg" alt="Grilování foto 3">
<img src="images/grill_party4.jpg" alt="Grilování foto 4">
<img src="images/grill_party8.jpg" alt="Grilování foto 5">
<img src="images/grill_party14.jpg" alt="Grilování foto 6">
</div>
</section>
<!-- Sekce KONTAKT -->
<section id="kontakt">
<div class="section-container">
<div class="container">
<h2>Kontakt:</h2>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Telefon: +420 111 222 333</p>
</div>
<!-- Google Maps Widget -->
<div class="map-container">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2573.352114205706!2d18.290441912592453!3d49.83584107136246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4713e331b7b388ab%3A0x468379202c9e63e2!2sMasarykovo%20n%C3%A1m.%2C%20702%2000%20Moravsk%C3%A1%20Ostrava%20a%20P%C5%99%C3%ADvoz!5e0!3m2!1sen!2scz!4v1726935760871!5m2!1sen!2scz"
width="400" height="200" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
<!-- Zápatí stránky -->
<footer>
<p>Podzimní grilování u Nováků © 2024</p>
<p><a href="https://github.com/petracihalova/grill_party_web" target="_blank">Page source code</a></p>
</footer>
</body>
</html>