115 lines
4.5 KiB
HTML
115 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="../css/master.css">
|
|
<link rel="stylesheet" href="../css/bootstrap.min.css">
|
|
<link rel="shortcut icon" src="../img/sin_favicon.ico" type="image/vnd.microsoft.icon" />
|
|
<title>Sincoolka</title>
|
|
</head>
|
|
<body>
|
|
<nav id="overlay">
|
|
<img src="../img/close-menu.svg" class="close-btn" id="close-menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#">DOMŮ</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">KALENDÁŘ</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">AKTUALITY</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">ČLENSTVÍ</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">SEKCE</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">EN</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<header>
|
|
<div class="navbar-strip">
|
|
<div class="navbar-container">
|
|
<div class="navbar-grid">
|
|
<div class="navbar-grid-col -left">
|
|
<h1 class="title left">Sincoolka</h1>
|
|
</div>
|
|
<div class="navbar-grid-col -right">
|
|
<img src="../img/nav-menu.svg" class="menu-btn" id="open-menu">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<section class="home">
|
|
<a href="#"><img src="../img/arrow-down.svg" class="arrow-down" alt="arrow down"></a>
|
|
</section>
|
|
<section class="about">
|
|
<h1 class="title">O nás</h1>
|
|
<article class="about-us-1">
|
|
<h3 class="title">Kdo jsme</h3>
|
|
<p class="article">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
|
</article>
|
|
<article class="about-us-2">
|
|
<h3 class="title">Co děláme</h3>
|
|
<p class="article">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
|
</article>
|
|
</section>
|
|
<section class="gallery-in">
|
|
<h1 class="title">Galerie</h1>
|
|
<div class="gallery">
|
|
<img src="../img/sunset.jpg" alt="Sunset">
|
|
</div>
|
|
</section>
|
|
<section class="team">
|
|
<h1 class="title">Tým klubu</h1>
|
|
<section class="people">
|
|
<section class="member">
|
|
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
|
|
<h3 class="title">Name</h3>
|
|
<p class="article">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
|
|
</section>
|
|
<section class="member">
|
|
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
|
|
<h3 class="title">Name</h3>
|
|
<p class="article">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
|
|
</section>
|
|
<section class="member">
|
|
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
|
|
<h3 class="title">Name</h3>
|
|
<p class="article">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
|
|
</section>
|
|
<section class="member">
|
|
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
|
|
<h3 class="title">Name</h3>
|
|
<p class="article">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
|
|
</section>
|
|
</section>
|
|
<section class="member-last">
|
|
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
|
|
<h3 class="title">Name</h3>
|
|
<p class="article">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
|
|
</section>
|
|
</section>
|
|
<section class="contact-us">
|
|
<h1 class="title">Kontaktuj nás</h1>
|
|
<form class="contact-form" action="#" method="post">
|
|
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="../js/bootstrap.bundle.js"></script>
|
|
<script type="text/javascript" src="../js/navbar.js"></script>
|
|
</body>
|
|
</html>
|