FEATURE: add html template

2016-09-19 20:35:59 +02:00
parent f98065e849
commit 2e483c7598
66 changed files with 28310 additions and 0 deletions
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="cs">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="">
+	<meta name="author" content="">
+
+	<title>Doučování v Neratovicích</title>
+	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+	<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+	<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,400&subset=latin-ext" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
+	<link href="css/grayscale.css" rel="stylesheet">
+
+	<!--[if lt IE 9]>
+	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+	<![endif]-->
+</head>
+
+<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
+<!-- Navigation -->
+<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+	<div class="container">
+		<div class="navbar-header">
+			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+				Menu <i class="fa fa-bars"></i>
+			</button>
+			<a class="navbar-brand scroll-up page-scroll" href="#page-top">
+				<i class="fa fa-fw fa-angle-double-up animated"></i>
+			</a>
+		</div>
+
+		<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+			<ul class="nav navbar-nav">
+				<li class="hidden">
+					<a href="#page-top"></a>
+				</li>
+				<li>
+					<a class="page-scroll" href="#about">O mně</a>
+				</li>
+				<li>
+					<a class="page-scroll" href="#offer">Nabízené doučování</a>
+				</li>
+				<li>
+					<a class="page-scroll" href="#contact">Kontakt</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+</nav>
+
+<header class="intro">
+	<div class="intro-body">
+		<div class="container">
+			<div class="row">
+				<h1 class="brand-heading">Michaela Nováková</h1>
+				<p class="intro-text">Doučování v Neratovicích a okolí</p>
+				<a href="#about" class="btn btn-circle page-scroll">
+					<i class="fa fa-angle-double-down animated"></i>
+				</a>
+			</div>
+		</div>
+	</div>
+</header>
+
+<section id="about" class="container content-section text-center">
+	<div class="col-lg-8 col-lg-offset-2">
+		<h2>O mně</h2>
+		<p>
+			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate facere ipsam maiores nam obcaecati optio
+			quam ratione sapiente suscipit voluptates! Expedita neque, reiciendis. Aperiam beatae odio quaerat quod saepe
+			voluptatibus?
+		</p>
+	</div>
+</section>
+
+<section id="offer" style="background-color: #C4C0A9" class="container content-section text-center">
+	<div class="col-lg-8 col-lg-offset-2">
+		<h2>Nabízené doučování</h2>
+		<p>
+			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit nisi nostrum, quo quos tempore vel! Aspernatur
+			corporis debitis dolorum eos ex fugit ipsam natus non odio officiis perspiciatis, repudiandae ut!
+		</p>
+	</div>
+</section>
+
+<section id="contact" style="background-color: #A1A383" class="container content-section text-center">
+	<div class="col-lg-8 col-lg-offset-2">
+		<h2>Kontakt</h2>
+		<p>
+			V případě otázek mi dejte vědět, ....
+		</p>
+
+		<form action="#" method="post" class="contact-form text-left">
+
+			<div class="row">
+				<div class="col-lg-5 text-right" style="font-size: 150%">
+					<p><i class="fa fa-fw fa-mobile-phone"></i> +420 123 456 789</p>
+					<p><i class="fa fa-fw fa-envelope-o"></i> ja@blabla.cz</p>
+				</div>
+				<div class="col-lg-7">
+					<input type="text" placeholder="Vaše jméno" id="name" class="form-control">
+					<input type="text" id="email" placeholder="Váš e-mail" class="form-control">
+
+					<textarea name="" placeholder="Obsah zprávy" id="message" class="form-control" cols="30"
+								 rows="5"></textarea>
+
+					<input type="submit" class="btn pull-right btn-primary" value="Odeslat e-mail">
+				</div>
+			</div>
+		</form>
+	</div>
+</section>
+
+<footer>
+	<div class="container text-center">
+		<p>&copy; 2016</p>
+	</div>
+</footer>
+
+<script src="vendor/jquery/jquery.js"></script>
+<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+<script src="js/grayscale.js"></script>
+</body>
+</html>