Skip to content
Permalink
70ae699fbc
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
225 lines (209 sloc) 8.05 KB
<!DOCTYPE HTML>
<!--
Arcana by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Git Flow Exercise</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<!-- Logo -->
<h1><a href="index.html" id="logo">Git Flow Exercise</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<!-- Banner -->
<section id="banner">
<header>
<h2>Arcana: <em>A responsive site template freebie by <a href="http://html5up.net">HTML5 UP</a></em></h2>
<a href="#" class="button">Learn More</a>
</header>
</section>
<!-- Highlights -->
<section class="wrapper style1">
<div class="container">
<div class="row 200%">
<section class="4u 12u(narrower)">
<div class="box highlight">
<i class="icon major fa-paper-plane"></i>
<h3>This Is Important</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</section>
<section class="4u 12u(narrower)">
<div class="box highlight">
<i class="icon major fa-pencil"></i>
<h3>Also Important</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</section>
<section class="4u 12u(narrower)">
<div class="box highlight">
<i class="icon major fa-wrench"></i>
<h3>Probably Important</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</section>
</div>
</div>
</section>
<!-- Gigantic Heading -->
<section class="wrapper style2">
<div class="container">
<header class="major">
<h2>A gigantic heading you can use for whatever</h2>
<p>With a much smaller subtitle hanging out just below it</p>
</header>
</div>
</section>
<!-- Posts -->
<section class="wrapper style1">
<div class="container">
<div class="row">
<section class="6u 12u(narrower)">
<div class="box post">
<a href="#" class="image left"><img src="images/pic01.jpg" alt="" /></a>
<div class="inner">
<h3>The First Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
<section class="6u 12u(narrower)">
<div class="box post">
<a href="#" class="image left"><img src="images/pic02.jpg" alt="" /></a>
<div class="inner">
<h3>The Second Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
</div>
<div class="row">
<section class="6u 12u(narrower)">
<div class="box post">
<a href="#" class="image left"><img src="images/pic03.jpg" alt="" /></a>
<div class="inner">
<h3>The Third Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
<section class="6u 12u(narrower)">
<div class="box post">
<a href="#" class="image left"><img src="images/pic04.jpg" alt="" /></a>
<div class="inner">
<h3>The Fourth Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style3">
<div class="container">
<header>
<h2>Are you ready to continue your quest?</h2>
<a href="#" class="button">Insert Coin</a>
</header>
</div>
</section>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<section class="3u 6u(narrower) 12u$(mobilep)">
<h3>Links to Stuff</h3>
<ul class="links">
<li><a href="#">Mattis et quis rutrum</a></li>
<li><a href="#">Suspendisse amet varius</a></li>
<li><a href="#">Sed et dapibus quis</a></li>
<li><a href="#">Rutrum accumsan dolor</a></li>
<li><a href="#">Mattis rutrum accumsan</a></li>
<li><a href="#">Suspendisse varius nibh</a></li>
<li><a href="#">Sed et dapibus mattis</a></li>
</ul>
</section>
<section class="3u 6u$(narrower) 12u$(mobilep)">
<h3>More Links to Stuff</h3>
<ul class="links">
<li><a href="#">Duis neque nisi dapibus</a></li>
<li><a href="#">Sed et dapibus quis</a></li>
<li><a href="#">Rutrum accumsan sed</a></li>
<li><a href="#">Mattis et sed accumsan</a></li>
<li><a href="#">Duis neque nisi sed</a></li>
<li><a href="#">Sed et dapibus quis</a></li>
<li><a href="#">Rutrum amet varius</a></li>
</ul>
</section>
<section class="6u 12u(narrower)">
<h3>Get In Touch</h3>
<form>
<div class="row 50%">
<div class="6u 12u(mobilep)">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="6u 12u(mobilep)">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
</div>
<div class="row 50%">
<div class="12u">
<textarea name="message" id="message" placeholder="Message" rows="5"></textarea>
</div>
</div>
<div class="row 50%">
<div class="12u">
<ul class="actions">
<li><input type="submit" class="button alt" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
</div>
<!-- Icons -->
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
</ul>
<!-- Copyright -->
<div class="copyright">
<ul class="menu">
<li>&copy; Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>