1
0
Fork 0
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

131 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="cs">
<head>
<title>Domů nevidíš</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/static/css/style.css" rel="stylesheet">
</head>
<body>
<div class="intro">
<header>
<img src="" alt="Logo" class="logo">
<nav>
...
</nav>
</header>
<section>
<div>
<div class="title">To, co se děje u nich doma, nevidíte&nbsp;&hellip;</div>
<p>&hellip;&nbsp;ale mají kolem sebe jiné svědky, kteří to bohužel vidí.</p>
</div>
<div class="videos">
videos
</div>
</section>
</div>
<section>
</section>
<section>
<h1>Obecné Zásady</h1>
<p>Ut vel mattis leo. Ut rutrum id urna eget congue. Vestibulum sed lobortis magna, eget hendrerit tortor. Nulla tempus viverra neque, in egestas quam aliquet eu. Curabitur tempor eros ac ante bibendum, quis hendrerit odio vehicula. Cras consectetur tellus sit amet ante semper, pharetra gravida nisl laoreet. Donec vel condimentum nisi. Aliquam lorem est, consequat eget diam et, sollicitudin tincidunt risus.</p>
</section>
<section>
<h1>Učitleský checklist</h1>
<p>Phasellus porta, velit sit amet varius laoreet, libero ex hendrerit diam, et commodo magna est non odio. Donec lacinia fringilla egestas. Nullam quis urna sit amet eros dignissim varius in non justo. In hac habitasse platea dictumst. Maecenas quis nisi mollis, fringilla justo et, eleifend purus. Donec convallis fringilla sem.</p>
<div class="checklist-cards">
<div class="card">
...
</div>
<div class="card">
...
</div>
<div class="card">
...
</div>
</div>
</section>
<!--<section>
<h1>Vzorové příběhy</h1>
<p>Donec dapibus quis dui at interdum. Vivamus vel libero lorem. Suspendisse eu hendrerit lorem. Suspendisse nec nisi quis sem venenatis sagittis. Etiam ut porttitor dolor. Integer in tristique quam.</p>
</section>
<section>
<h1>Na koho se obrátit</h1>
<p>Na koho se obrátit a kde najít pomoc? Níže najdete stručný seznam kontaktů na organizace a instituce, které se touto problematikou zabývají a mohou vám poskytnout odbornou výpomoc.</p>
<div class="contact-list">
<div class="contact">
...
</div>
<div class="contact">
...
</div>
<div class="contact">
...
</div>
</div>
</section>
<section class="partners">
<img src="/static/placeholder-logo.svg" alt="Placeholder">
<img src="/static/placeholder-logo.svg" alt="Placeholder">
<img src="/static/placeholder-logo.svg" alt="Placeholder">
<img src="/static/placeholder-logo.svg" alt="Placeholder">
<img src="/static/placeholder-logo.svg" alt="Placeholder">
</section>-->
<section>
<h1>FAQ</h1>
<div class="faq-list">
<div class="faq">
<div class="mark">+</div>
<div>
<div class="question">
Co mám dělat, pokud by student/ka měl/a zvláštní chování?
</div>
<div class="answer">
Tempore qui et consequatur adipisci aut et neque dolorum. Ab et illo quo est. Vel praesentium voluptas sint.
</div>
</div>
</div>
<div class="faq active">
<div class="mark">+</div>
<div>
<div class="question">
Co mám dělat, pokud by student/ka měl/a zvláštní chování?
</div>
<div class="answer">
Tempore qui et consequatur adipisci aut et neque dolorum. Ab et illo quo est. Vel praesentium voluptas sint.
</div>
</div>
</div>
<div class="faq">
<div class="mark">+</div>
<div>
<div class="question">
Co mám dělat, pokud by student/ka měl/a zvláštní chování?
</div>
<div class="answer">
Tempore qui et consequatur adipisci aut et neque dolorum. Ab et illo quo est. Vel praesentium voluptas sint.
</div>
</div>
</div>
<div class="faq">
<div class="mark">+</div>
<div>
<div class="question">
Co mám dělat, pokud by student/ka měl/a zvláštní chování?
</div>
<div class="answer">
Tempore qui et consequatur adipisci aut et neque dolorum. Ab et illo quo est. Vel praesentium voluptas sint.
</div>
</div>
</div>
</div>
</section>
<footer class="text-center">
<p>&copy; 2023 Domů nevidíš</p>
2 years ago
<p class="text-bold">Neziskový projekt Pedagogické fakulty Univerzity Karlovy.</p>
</footer>
</body>
</html>