130 lines
5.3 KiB
HTML
130 lines
5.3 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">
|
|
<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/close-menu.svg" class="close-btn" id="close-menu">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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">
|
|
<input type="text" name="e-mail" placeholder="Tvůj e-mail *">
|
|
<input type="text" name="full-name" class="name-surname" placeholder="Tvé jméno a přijmení *">
|
|
<textarea name="your-message" onkeyup="auto_grow(this)" rows="1" placeholder="Tvá zpráva"></textarea>
|
|
<button type="button" name="send-btn">Odeslat</button>
|
|
</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/auto_height.js"></script>
|
|
<script type="text/javascript" src="../js/navbar.js"></script>
|
|
</body>
|
|
</html>
|