86 lines
2.8 KiB
HTML
86 lines
2.8 KiB
HTML
|
<!-- 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>
|