fix splash in header

This commit is contained in:
Dan Ballard 2018-02-14 23:44:35 -08:00
parent eda5d1cb91
commit 9282466b53
7 changed files with 71 additions and 55 deletions

View File

@ -1,7 +1,3 @@
<!-- Header -->
<div id="header-wrapper">
<div id="header">
<!-- Logo --> <!-- Logo -->
<h1><a href="index.html">Dopetrope</a></h1> <h1><a href="index.html">Dopetrope</a></h1>
@ -33,53 +29,3 @@
<li><a href="no-sidebar.html">No Sidebar</a></li> <li><a href="no-sidebar.html">No Sidebar</a></li>
</ul> </ul>
</nav> </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>

46
_includes/splash.html Normal file
View File

@ -0,0 +1,46 @@
<!-- 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>

View File

@ -8,7 +8,6 @@
{% include head.html %} {% include head.html %}
<body class="homepage"> <body class="homepage">
<div id="page-wrapper"> <div id="page-wrapper">
{% include header.html %}
{{ content }} {{ content }}
{% include footer.html %} {% include footer.html %}
</div> </div>

View File

@ -1,6 +1,13 @@
--- ---
layout: dopetrope layout: dopetrope
--- ---
<!-- Header -->
<div id="header-wrapper">
<div id="header">
{% include header.html %}
{% include splash.html %}
</div>
</div>
<!-- Main --> <!-- Main -->
<div id="main-wrapper"> <div id="main-wrapper">
<div class="container"> <div class="container">

View File

@ -1,6 +1,12 @@
--- ---
layout: dopetrope layout: dopetrope
--- ---
<!-- Header -->
<div id="header-wrapper">
<div id="header">
{% include header.html %}
</div>
</div>
<!-- Main --> <!-- Main -->
<div id="main-wrapper"> <div id="main-wrapper">
<div class="container"> <div class="container">

View File

@ -1,6 +1,12 @@
--- ---
layout: dopetrope layout: dopetrope
--- ---
<!-- Header -->
<div id="header-wrapper">
<div id="header">
{% include header.html %}
</div>
</div>
<!-- Main --> <!-- Main -->
<div id="main-wrapper"> <div id="main-wrapper">
<div class="container"> <div class="container">

View File

@ -1,6 +1,12 @@
--- ---
layout: dopetrope layout: dopetrope
--- ---
<!-- Header -->
<div id="header-wrapper">
<div id="header">
{% include header.html %}
</div>
</div>
<!-- Main --> <!-- Main -->
<div id="main-wrapper"> <div id="main-wrapper">
<div class="container"> <div class="container">