-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkdojsme.html
163 lines (150 loc) · 7.96 KB
/
kdojsme.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
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
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Spolek na záchranu pejsků z nevhodných podmínek s činností podobnou útulku">
<meta name="author" content="Matouš Vondrák">
<!-- favicon -->
<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="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/kdojsme.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=Raleway:wght@100;200;300;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/6f647d0fcb.js" crossorigin="anonymous"></script>
<!-- Gallery -->
<link rel="stylesheet" href="css/gallery.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/gallery.js"></script>
<!-- Google Maps API -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<script type=text/javascript src="js/map.js"></script>
<title>Doggoland | Kdo jsme? Tým za spolkem Doggoland z.s.</title>
</head>
<body>
<section class="header">
<nav class="navigation">
<a href="https://doggoland.cz/" class="logo"><img src="pics/logo.png" alt="logo"></a>
<div class="nav-links">
<ul>
<i class="fa-solid fa-angle-right" id="menuOffIcon"></i>
<li><a href="adopce">adopce</a></li>
<li><a href="jaktounaschodi">jak to u nás chodí?</a></li>
<li><a href="slevy">nákupy se slevou</a></li>
<li>
<a onclick="showDropdownMenu('dropdown-vice-informaci')" class="dropdown-a">
Více informací
</a>
<div id="dropdown-vice-informaci" class="dropdown-box">
<a href="kdojsme">kdo jsme?</a>
<a href="jakpomoci">jak pomoci?</a>
<a href="kontakt">kontakt</a>
<a href="napsali-jsme">chcete vědět víc?</a>
</div>
</li>
</ul>
</div>
<i class="fa-solid fa-bars" id="menuIcon"></i>
</nav>
<div class="titul">
<h1>kdo jsme?</h1>
</div>
</section>
<main>
<h2>Náš tým</h2>
<div class="tym">
<div class="clenTymuContainer">
<div class="profilovkaJmenoRole">
<img src="pics/nastym/dajaProfilovka.jpg" loading="lazy" alt="">
<div class="jmenoRole">
<h3 class="jmeno">Daniela Jana Vršková</h3>
<h5 class="role">Předsedkyně spolku</h5>
</div>
</div>
<p class="clenTymuPopis">Dája se stará o chod celého spolku, ať už se jedná o přijímaní nových dočaskových pejsků nebo o méně záživné papírování. Zaštiťuje také různé druhy spoluprací, tvoří aukce pro pejsky a každý den se plně věnuje pejskům, které má zrovna doma v dočasné péči.</p>
</div>
<div class="clenTymuContainer">
<div class="profilovkaJmenoRole">
<img src="pics/nastym/matousProfilovka.jpg" loading="lazy" alt="">
<div class="jmenoRole">
<h3 class="jmeno">Matouš Vondrák</h3>
<h5 class="role">Spolukazkladatel spolku</h5>
</div>
</div>
<p class="clenTymuPopis">Matouš má pod palcem správu webových stránek a všech technických vymožeností. Zároveň je také hlavním venčitelem ráno i večer, když se zrovna slečně předsedkyni nechce jít venčit do zimy ven.</p>
</div>
<div class="clenTymuContainer">
<div class="profilovkaJmenoRole">
<img src="pics/nastym/kikiProfilovka.jpg" loading="lazy" alt="">
<div class="jmenoRole">
<h3 class="jmeno">Kristýna Lassigová</h3>
<h5 class="role">Spoluzakladatelka spolku</h5>
</div>
</div>
<p class="clenTymuPopis">Kikča je spolkový "veterinář amatér". Jelikož, jak ona sama často říká, "ty její psí zrůdičky už snad měly všechny nemoci světa", tak přesně ví, co kdy na jaké bebíčko použít.</p>
</div>
<div class="clenTymuContainer">
<div class="profilovkaJmenoRole">
<img src="pics/nastym/vladkaProfilovka.jpg" loading="lazy" alt="">
<div class="jmenoRole">
<h3 class="jmeno">Vlaďka Wallachová</h3>
<h5 class="role">Expert na výživu psů a BARF</h5>
</div>
</div>
<p class="clenTymuPopis">Vlaďku nejčastěji potkáte v kuchyni porcovat maso do krabiček pro jejího bulana Barnyho. Ne nadarmo o ní říkáme, že je to náš výživový poradce pro psy.</p>
</div>
<div class="clenTymuContainer">
<div class="profilovkaJmenoRole">
<img src="pics/nastym/kajaaondraProfilovka.jpg" loading="lazy" alt="">
<div class="jmenoRole">
<h3 class="jmeno">Kája a Ondra</h3>
<h5 class="role">Dočasková teta a strejda</h5>
</div>
</div>
<p class="clenTymuPopis">Kája s Ondrou si k sobě domů berou dočaskové pejsky, stejně jako Dája s Matoušem. Kája k tomu však má ještě na starosti správu našich sociálních sítí. Tam, kde Dája nestíhá, Kája vše s přehledem dořeší.</p>
</div>
</div>
</main>
<section class="footer">
<hr class="blackLine">
<div class="footerContainer">
<div class="mailATelefon">
<div class="icon">
<i class="material-icons">mail</i>
<p> [email protected]</p>
</div>
<div class="icon">
<i class="material-icons">local_phone</i>
<p> +420 739 071 777</p>
</div>
</div>
<div class="socials">
<a href="https://www.facebook.com/groups/650759782685550" target="_blank">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="https://www.instagram.com/_doggoland_/" target="_blank">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="https://www.tiktok.com/@_doggoland_?lang=en" target="_blank">
<i class="fa-brands fa-tiktok"></i>
</a>
</div>
</div>
<p id="ja">© Matouš Vondrák</p>
</section>
<script type=text/javascript src="js/base.js"></script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDECvz0CMS7ZaOnfDqcsURg8GnHLjTOVjk&callback=initMap&v=weekly"
async
></script>
</body>
</html>