130 lines
5.1 KiB
HTML
130 lines
5.1 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.</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.</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">Kateřina Němcová</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">Kateřina Koutová</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">Jiří Kapoun</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">Pavel Valach</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">Marcel Petráň</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>
|