-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (98 loc) · 3.5 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
<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<title>Zostań zuchem!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="all">
<meta property="description" content="Zapraszamy na zbiórki zuchowe 19 PGZ">
<meta name="author" content="Patryk Niedźwiedziński">
<meta property="og:image" content="icon.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="916">
<meta name="og:type" property="og:type" content="website">
<meta name="og:title" property="og:title" content="Zostań zuchem w 19 PGZ">
<meta name="og:site_name" property="og:site_name" content="Zostań zuchem w 19 PGZ">
<meta name="og:description" property="og:description" content="Zostań zuchem w 19 PGZ">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link href="style.css" rel="stylesheet">
<meta property="fb:pages" content="496021544115239">
</head>
<body>
<header>
<div>
<div class="logo">
<!-- <img src="/assets/krajka-logo.svg" alt="ZHR"> -->
<a href="/">19 PGZ <strong>Leśni Tropiciele</strong></a>
</div>
<nav>
<!-- <a href="/">Strona główna</a> -->
<a href="#o-nas">O nas</a>
<a href="#kontakt">Kontakt</a>
</nav>
</div>
</header>
<style>
main p {
max-width: 40em;
margin: auto;
}
section {
max-width: 42em;
min-height: 70vh;
margin: 10vh auto;
}
</style>
<main>
<section id="zostan-zuchem" style="font-size: 1.4rem; display: flex; flex-direction: column; align-items: center; justify-content: center">
<h1 style="margin-top: 10vh">Zostań zuchem!</h1>
<p>We wtorki o 17:00 pod Piątkowską Szkołą Społeczną</p>
</section>
<section id="o-nas">
<h2>O nas</h2>
<p>Jesteśmy gromadą zuchów, która od 2021 roku co tydzień spotyka się na zbiórkach w parku im. Tadeusza Kasserna w Poznaniu.</p>
<p>Leśni Tropiciele to najdzielniejsze zuchy z Piątkowa, pomocnicy Shogun'a, zastęp Zwiadowców, kompani Cichociemnych, odkrywcy toporu Undvika, zwycięzcy włóczni św. Jerzego, wyzwoliciele Ludwika XIV i wybawiciele galaktyki z pod panowania Imperium.</p>
<p>I to nie koniec, bo ciąg dalszy <a href="#zostan-zuchem">nastąpi</a>...</p>
</section>
<section id="kontakt">
<h2>Kontakt</h2>
<div style="margin-top: 3em; display: grid; grid-template-rows: 1fr 1fr">
<style>
@media (min-width: 540px) {
#kontakt > div {
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
}
}
</style>
<div>
<p><b>Zuchenki</b></p>
<p>pwd. Anna Furmańczyk wędr.</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div>
<p><b>Zuchy</b></p>
<p>ćw. Franciszek Kiernicki</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</section>
</main>
<footer class="secondary">
<div>
<p>19 Poznańska Gromada Zuchów Leśni Tropiciele</p>
<p>19 Poznańska Gromada Zuchenek Rezolutne Rusałki</p>
<div style="margin-bottom: 10px; font-size: 1.25em">
</div>
<div class="social" >
<a href="https://github.com/19pdh/" target="_blank" rel="”noopener”" >
<img src="/assets/github.png" alt="Github" class="icon" >
</a>
<a href="https://www.facebook.com/19pdhpuszcza/" target="_blank" rel="”noopener”" >
<img src="/assets/facebook.png" alt="Facebook" class="icon" >
</a>
</div>
</div>
</footer>
</body>
</html>