File: /home/adventp/www/wp-content/themes/brooklyn/unite/core/admin/previews/heropreview.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Header Style Preview</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../../../css/ut-fontface.css" media="all">
<link rel="stylesheet" href="../../../../style.css" media="all">
<style>
body {
margin:0;
}
.dark {
background:#222222;
}
h1.semibold { font-family: 'ralewaysemibold'; }
.dark h1 {
color: #ffffff;
text-transform:uppercase;
}
.hero-holder {
text-align:center;
padding-bottom: 40px;
padding-top: 40px;
border-bottom: 1px dashed #CCC;
}
.hero-inner {
display:block;
margin: 0 auto;
}
.ut-hero-style-11 h1 {
font-size:50px !important;
}
.ut-hero-style-11 .hero-description {
font-size:30px !important;
}
</style>
</head>
<body>
<div class="dark">
<div class="hero-holder ut-hero-style-1">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style One</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-2">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Two</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-3">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Three</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-4">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Four</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-5">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Five</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-6">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Six</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-7">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Seven</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-8">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Eight</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-9">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Nine</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-10">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Ten</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
<div class="hero-holder ut-hero-style-11">
<div class="hero-inner">
<div class="hdh"><span class="hero-description">The Everyday Post</span></div>
<div class="hth"><h1 class="semibold hero-title">Hero Style Eleven</h1></div>
<span class="hero-btn-holder"><a class="hero-btn" id="to-about-section">Read our Blog</a></span>
</div>
</div>
</div>
</body>
</html>