jekyll-dopetrope/_includes/header.html

86 lines
2.8 KiB
HTML
Raw Normal View History

<!-- Header -->
<div id="header-wrapper">
<div id="header">
<!-- Logo -->
<h1><a href="index.html">Dopetrope</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li>
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<a href="#">Phasellus consequat</a>
<ul>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li><a href="#">Veroeros feugiat</a></li>
<li><a href="#">Nisl sed aliquam</a></li>
<li><a href="#">Dolore adipiscing</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner">
<header>
<h2>Howdy. This is Dopetrope.</h2>
<p>A responsive template by HTML5 UP</p>
</header>
</section>
<!-- Intro -->
<section id="intro" class="container">
<div class="row">
<div class="4u 12u(mobile)">
<section class="first">
<i class="icon featured fa-cog"></i>
<header>
<h2>Ipsum consequat</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="middle">
<i class="icon featured alt fa-flash"></i>
<header>
<h2>Magna etiam dolor</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="last">
<i class="icon featured alt2 fa-star"></i>
<header>
<h2>Tempus adipiscing</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
</div>
<footer>
<ul class="actions">
<li><a href="#" class="button big">Get Started</a></li>
<li><a href="#" class="button alt big">Learn More</a></li>
</ul>
</footer>
</section>
</div>
</div>