1
0
web-semprace/index.html
Filip Rojek 599395081d
Fr/update new party (#4)
* new text and links

* updated link color and other styles
2023-10-07 17:43:35 +02:00

191 lines
8.1 KiB
HTML

<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, maximum-scale=1.0, user-scalable=1.0"
/>
<meta id="contentLanguage" http-equiv="Content-Language" content="cs_CZ" />
<meta
name="keywords"
content="pkm, pkm ples, pkm party ples, pkm party ples 2023, gytu pkm, gytu ples, gytuples, absolvenťák, absolventský ples, absolventský ples gytu, gytu absolventský ples, maturitní ples 8. A gytu, maturitní ples 4. C gytu, pavel mlejnek, pavel mlejnek ples, jarda valkoun, jarda valkoun ples, filip janeček, filip janeček ples, maturitní ples OHS, maturitní ples SUPŠ, maturitní ples VOŠ turnov, maturitní ples SUPŠ a VOŠ turnov špéra, maturitní ples špéra, ples pro studenty, studentský ples, malé divy, nadační fond malé divy, ples, bigband zuš turnov, bigband turnov, bigband turnov ples, kc turnov ples, kc turnov pkm ples, kc turnov pkm party ples, kc turnov pkm party ples 2023, turnov střelnice ples, střelnice pkm ples, střelnice pkm party ples, střelnice ples, střelnice pkm, kc střelnice ples, kc střelnice pkm party ples, kc střelnice ples, kc střelnice pkm, kc střelnice, kc turnov, kc střelnice"
/>
<meta
name="description"
content="PKM, kamarádi z Gymnázia Turnov pořádají ples pro studenty v KC Střelnice v Turnově! Ne Maturitní ples GyTu, Maturitní ples OHS, nebo Absolventský ples Gymnázia Turnov, ale PKM PARTY PLES!"
/>
<meta property="og:locale" content="cs_CZ" />
<meta property="og:type" content="website" />
<meta property="og:title" content="PKM PARTY PLES" />
<meta
property="og:description"
content="PKM, kamarádi z Gymnázia Turnov pořádají ples pro studenty v KC Střelnice v Turnově! Ne Maturitní ples GyTu, Maturitní ples OHS, nebo Absolventský ples Gymnázia Turnov, ale PKM PARTY PLES!"
/>
<meta property="og:site_name" content="pkmples.cz" />
<meta name="author" content="Fofrweb | https://fofrweb.com" />
<meta name="email" content="webmaster(@)fofrweb.com" />
<meta name="copyright" content="(c) pkmples.cz" />
<meta name="expires" content="never" />
<meta name="robots" content="index,follow" />
<meta name="Seznambot" content="index,follow" />
<meta name="Googlebot" content="index,follow" />
<meta
name="google-site-verification"
content="95ajJo4LsoVNgG60HxS8CVzmIFHoj3w2NQ-H-YyijIw"
/>
<title>PKM PARTY PLES</title>
<link rel="canonical" href="https://www.pkmples.cz/" />
<link rel="stylesheet" href="/css/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=Kanit:wght@300;400;500;600;800&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="new-favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="new-favicon/favicon-32x32.png">
<link rel="apple-touch-icon" href="new-favicon/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="new-favicon/android-chrome-192x192.png">
<link rel="icon" sizes="512x512" href="new-favicon/android-chrome-512x512.png">
</head>
<body>
<header>
<img
src="pkmples-web-new-material/header/pruh-medium.png"
alt="pkm pruh"
/>
</header>
<section class="party__ples">
<img
src="pkmples-web-new-material/header/party-ples-medium.png"
alt="party-ples-large"
/>
</section>
<section class="party__thanks" style="display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; margin: 100px 25px 50px 25px">
<p style="max-width: 500px; text-align: center" >Již nyní pro Vás připravujeme další ročník <b>PARTY PLESU!</b> Zapište si <b>24. 2. 2024</b> do kalendáře, protože už teď víme, že se máte na co těšit.</p>
<p style="max-width: 500px; text-align: center">Sledujte nově náš <a href="https://www.instagram.com/pkm.hub" target="_blank" style="color: var(--clrRed); text-decoration: underline">instagram</a>, kde kromě novinek o plesu přidáváme i různé fotky a videa ze zákulisí.</p>
</section>
<section class="party__links">
<a
class="hero__button"
href="https://photos.app.goo.gl/Ff62vodzyRFNrMsY7"
target="_blank"
style="margin: 1rem auto;"
>
FOTKY Z FOTOKOUTKU
<span class="material-icons">
double_arrow
</span>
</a>
<a
class="hero__button"
href="https://photos.app.goo.gl/DdxK5VqvjAWkavSK6"
target="_blank"
style="margin: 1rem auto;"
>
FOTKY Z PARKETU
<span class="material-icons">
double_arrow
</span>
</a>
</section>
<section class="cenik__img">
<img
src="/img/polaroid-thanks-web-750.png"
alt="polaroid-web"
/>
</section>
<a
class="hero__button"
href="https://www.facebook.com/events/823114292589147/?active_tab=discussion"
target="_blank"
>
Facebook Událost
<span class="material-icons">
double_arrow
</span>
</a>
<section class="video__section">
<iframe
class="video"
height="315"
src="https://www.youtube.com/embed/AcBfwC4E810"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</section>
<section class="info">
<h1>Na co se můžete těšit?</h1>
<div class="info__table">
<div>
<img src="pkmples-web-new-material/ikony/uvod.png" alt="ikonka" />
<div class="text">
<h3>Slavnostní úvod</h3>
<p>
Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka.
</p>
</div>
</div>
<div>
<img
src="pkmples-web-new-material/ikony/fotokoutek.png"
alt="ikonka"
/>
<div class="text">
<h3>Fotokoutek</h3>
<p>
Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place!
</p>
</div>
</div>
<div>
<img src="pkmples-web-new-material/ikony/muzika.png" alt="ikonka" />
<div class="text">
<h3>Kvalitní muzika</h3>
<p>
“Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám BigBand ZUŠ Turnov, kterej do toho umí hrábnout.
</p>
</div>
</div>
<div>
<img src="pkmples-web-new-material/ikony/beerpong.png" alt="ikonka" />
<div class="text">
<h3>Beer pong</h3>
<p>
Zahraj si o super ceny v týhle obdobě americkýho fenoménu.
</p>
</div>
</div>
<div>
<img src="pkmples-web-new-material/ikony/tombola.png" alt="ikonka" />
<div class="text">
<h3>Tombola</h3>
<p>
Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů!
</p>
</div>
</div>
<div>
<img
src="pkmples-web-new-material/ikony/prekvapeni.png"
alt="ikonka"
/>
<div class="text">
<h3>Půlnoční překvapení</h3>
<p>
No, máš se prostě na co těšit. Bude to velký! Co? To už by přece nebylo překvápko.
</p>
</div>
</div>
</div>
</section>
<h3 style="color: var(--clrRed); text-align: center; margin-top: 2rem;">a více...</h3>
<img src="pkmples-web-new-material/plakat/pkmples-plakat-new-web-large.png" alt="pkmples-plakat-new-web-large" class="plakat">
<footer><a href="https://www.fofrweb.com/" target="_blank">Vytvořeno týmem Fofrweb</a></footer>
</body>
</html>