stlk/formular.html

## formular.html
<!--
   Misto tvuj@email.cz dej svuj email :)
 -->
<form class="grid-form" method="post" action="https://formspree.io/tvuj@email.cz">
 <div class="form-control narrow">
   <label for="name">Jmeno</label>
   <input name="name" id="name" type="text">
 </div>
 <div class="form-control narrow">
   <label for="email">Email</label>
   <input name="email" id="email" type="email">
 </div>

 <div class="form-control">
   <label for="message">Message</label>
   <textarea name="message" id="message" rows="4"></textarea>
 </div>
 <!--
       Pro navrat uzivatele na nas web musime poskytnout odkaz na nejakou stranku.
       Tam bychom meli informovat uzivatel o uspesnem odeslani formulare.
 -->
 <input type="hidden" name="_next" value="https://html5-stlk.c9users.io/dekujeme.html" />
 <ul class="actions">
   <li><input value="Send Message" type="submit"></li>
 </ul>
</form>

## zaklady.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
    body {
      background: white;
    }
    h1 {
      color: #0000b3;
      font-size: 40px;
    }
    img {
      width: 100%;
    }
    #members {
      color: yellow;
    }
    .vetsi-mezera {
      margin-bottom: 50px;
    }
    </style>
  </head>
  <body>
    <h1>Open Source Records</h1>

    <h2>The Prependers</h2>

    <p class="vetsi-mezera">
      <a href="index.html">bez na hlavni stranku</a>
    </p>
    <h3>Bio</h3>

    <p class="vetsi-mezera">The Prependers are a quirky four-piece from Orlando, FL.
    Critics have hailed them as the greatest post-garage-rock
    band of the last decade.</p>

  <!-- zahradka -->
  <img src="14040605217_3483634cc4_z.jpg" />

	<p>Vyfotil Drew Folta</p>

    <h3 id="members">Members</h3>

	<ul>
	    <li>Jack Smith - Vocals</li>
	    <li>Sarah Quan - Guitar</li>
	    <li>Laverne Butlet - Bass</li>
	    <li>Simon St. Hollister - Drums</li>
	</ul>

  </body>
</html>
	<!--
	Misto tvuj@email.cz dej svuj email :)
	-->
	<form class="grid-form" method="post" action="https://formspree.io/tvuj@email.cz">
	<div class="form-control narrow">
	<label for="name">Jmeno</label>
	<input name="name" id="name" type="text">
	</div>
	<div class="form-control narrow">
	<label for="email">Email</label>
	<input name="email" id="email" type="email">
	</div>

	<div class="form-control">
	<label for="message">Message</label>
	<textarea name="message" id="message" rows="4"></textarea>
	</div>
	<!--
	Pro navrat uzivatele na nas web musime poskytnout odkaz na nejakou stranku.
	Tam bychom meli informovat uzivatel o uspesnem odeslani formulare.
	-->
	<input type="hidden" name="_next" value="https://html5-stlk.c9users.io/dekujeme.html" />
	<ul class="actions">
	<li><input value="Send Message" type="submit"></li>
	</ul>
	</form>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<style>
	body {
	background: white;
	}
	h1 {
	color: #0000b3;
	font-size: 40px;
	}
	img {
	width: 100%;
	}
	#members {
	color: yellow;
	}
	.vetsi-mezera {
	margin-bottom: 50px;
	}
	</style>
	</head>
	<body>
	<h1>Open Source Records</h1>

	<h2>The Prependers</h2>

	<p class="vetsi-mezera">
	<a href="index.html">bez na hlavni stranku</a>
	</p>
	<h3>Bio</h3>

	<p class="vetsi-mezera">The Prependers are a quirky four-piece from Orlando, FL.
	Critics have hailed them as the greatest post-garage-rock
	band of the last decade.</p>

	<!-- zahradka -->
	<img src="14040605217_3483634cc4_z.jpg" />

	<p>Vyfotil Drew Folta</p>

	<h3 id="members">Members</h3>

	<ul>
	<li>Jack Smith - Vocals</li>
	<li>Sarah Quan - Guitar</li>
	<li>Laverne Butlet - Bass</li>
	<li>Simon St. Hollister - Drums</li>
	</ul>

	</body>
	</html>