Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"uikit"
Bootstrap 3.0.0 Snippet by
evarevirus
3.0.0
Preview
HTML
View Full Screen
Fork
Fork this
468
 
1 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html><html class=''> <head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/HYR/pen/qOqBoR?depth=everything&order=popularity&page=26&q=uikit&show_forks=false" /> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'><link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/uikit/2.22.0/css/uikit.almost-flat.min.css'> <style class="cp-pen-styles">body { font-family: proxima-nova, "Helvetica Neue", veranda, sans-serif; } #fh-filter-nav a { text-transform: uppercase; } #fh-filter-nav .uk-active a { background-color: #000; } .fh-individual figure, .fh-individual img { width: 100%; } .fh-partner figcaption span, .fh-individual figcaption span { display: inline-block; font-weight: bold; font-size: 18px; margin-top: 5px; } .fh-partner figcaption a, .fh-individual figcaption a { float: right; } .fh-badge { position: absolute; color: #fff; right: 0; top: 0; padding: 4px 8px; border-radius: 0 0 0 4px; font-weight: bold; } .fh-badge.fh-indie-badge { background: #26A2A0; } .fh-badge.fh-fall-tour-badge { background: #EC6515; } .fh-badge.fh-spring-tour-badge { background: #8EA422; } .uk-overlay-background { -webkit-backdrop-filter: blur(3px); -moz-backdrop-filter: blur(3px); -ms-backdrop-filter: blur(3px); -o-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } figure strong { font-size: 14px; padding: 5px 10px; border-radius: 3px; letter-spacing: 1px; } figure .image { position: relative; width: 100%; /* desired width */ background: url(http://fh.org/images/blog/AndrewGreer.png) no-repeat center center; background-size: cover; } figure .image:before { content: ""; display: block; padding-top: 84%; /* initial ratio of 1:1*/ } figure .image img { display: none; } </style></head><body> <div class="uk-container uk-container-center uk-margin-large-top uk-text-center"> <ul id="fh-filter-nav" class="uk-subnav uk-subnav-pill uk-display-inline-block uk-margin-large-bottom"> <li data-uk-filter="artist"><a href="#">Artists</a></li> <li data-uk-filter="blogger"><a href="#">Bloggers</a></li> <li data-uk-filter="speaker"><a href="#">Speakers</a></li> <li data-uk-filter="partner"><a href="#">Partners</a></li> <li data-uk-filter="tour"><a href="#">Tours</a></li> <li><a href="#"><strong>Volunteer</strong> </a></li> </ul> <div id="fh-grid" class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-3" data-uk-grid="{gutter: 20px, controls: '#fh-filter-nav'}" data-uk-grid-match="{row: false}"> <!-- Artists --> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/thirdday.jpg);"><img src="http://fh.org/images/blog/thirdday.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.thirdday.com"> </a> </figure> <figcaption> <span>Third Day</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/newsboys.jpg)"><img src="http://fh.org/images/blog/newsboys.jpg" alt=""></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.newsboys.com"> </a> </figure> <figcaption> <span>Newsboys</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/lecrae.jpg)"><img src="http://fh.org/images/blog/lecrae.jpg" alt=""></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.lecrae.com"> </a> </figure> <figcaption> <span>Lecrae</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/7eventhTimeDown.png);"><img src="http://fh.org/images/blog/7eventhTimeDown.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.7eventhtimedown.com"> </a> </figure> <figcaption> <span>7eventh Time Down</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/AndrewGreer.png);"><img src="http://fh.org/images/blog/AndrewGreer.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.andrew-greer.com/"> </a> </figure> <figcaption> <span>Andrew Greer</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/brandonheath.jpg);"><img src="http://fh.org/images/blog/brandonheath.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.brandonheath.net/"> </a> </figure> <figcaption> <span>Brandon Heath</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/brittnicole.jpg);"><img src="http://fh.org/images/blog/brittnicole.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.brittnicole.com/"> </a> </figure> <figcaption> <span>Britt Nicole</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/carrollton.jpg);"><img src="http://fh.org/images/blog/carrollton.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.carrolltonband.com/"> </a> </figure> <figcaption> <span>Carrollton</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/chondapierce.jpg);"><img src="http://fh.org/images/blog/chondapierce.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.chonda.org/"> </a> </figure> <figcaption> <span>Chonda Pierce</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/CindyMorgan.png);"><img src="http://fh.org/images/blog/CindyMorgan.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="https://cindymorganmusic.com"> </a> </figure> <figcaption> <span>Cindy Morgan</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/FindingFavour.png);"><img src="http://fh.org/images/blog/FindingFavour.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.findingfavour.com"> </a> </figure> <figcaption> <span>Finding Favour</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/Harris.png);"><img src="http://fh.org/images/blog/Harris.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.harrisiii.com/"> </a> </figure> <figcaption> <span>Harris III</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/hawknelson_a.jpg);"><img src="http://fh.org/images/blog/hawknelson_a.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.hawknelson.com/"> </a> </figure> <figcaption> <span>Hawk Nelson</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/HighValley.png);"><img src="http://fh.org/images/blog/HighValley.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.highvalleymusic.com/"> </a> </figure> <figcaption> <span>High Valley</span> </figcaptioniv> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/HymnsForHunger.png);"><img src="http://fh.org/images/blog/HymnsForHunger.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.hymnsforhunger.com"> </a> </figure> <figcaption> <span>Hymns for Hunger</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/JamieGrace.png);"><img src="http://fh.org/images/blog/JamieGrace.png"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.jamiegrace.com/"> </a> </figure> <figcaption> <span>Jamie Grace</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/johnnyswim_a.jpg);"><img src="http://fh.org/images/blog/johnnyswim_a.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.johnnyswim.com/"> </a> </figure> <figcaption> <span>JOHNNYSWIM</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/jonneufeld.jpg);"><img src="http://fh.org/images/blog/jonneufeld.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.jonneufeldmusic.com/"> </a> </figure> <figcaption> <span>Jon Neufeld</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/jonnydiaz.jpg);"><img src="http://fh.org/images/blog/jonnydiaz.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.jonnydiaz.com/"> </a> </figure> <figcaption> <span>Jonny Diaz</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/kerriroberts.jpg);"><img src="http://fh.org/images/blog/kerriroberts.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.kerrieroberts.com/"> </a> </figure> <figcaption> <span>Kerri Roberts</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/leeland.jpg);"><img src="http://fh.org/images/blog/leeland.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.leelandonline.com/"> </a> </figure> <figcaption> <span>Leeland</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/mandisa.jpg);"><img src="http://fh.org/images/blog/mandisa.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.mandisaofficial.com/"> </a> </figure> <figcaption> <span>Mandisa</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/markschultz.jpg);"><img src="http://fh.org/images/blog/markschultz.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.markschultzmusic.com/"> </a> </figure> <figcaption> <span>Mark Schultz</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/neverforsaken.jpg);"><img src="http://fh.org/images/blog/neverforsaken.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.neverforsakenmusic.com/"> </a> </figure> <figcaption> <span>Never Forsaken</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/pawnshopkings.jpg);"><img src="http://fh.org/images/blog/pawnshopkings.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.pawnshopkings.com/"> </a> </figure> <figcaption> <span>Pawn Shop Kings</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/plumb_a.jpg);"><img src="http://fh.org/images/blog/plumb_a.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://plumbmusic.net"> </a> </figure> <figcaption> <span>Plumb</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/saragroves.jpg);"><img src="http://fh.org/images/blog/saragroves.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.saragroves.com"> </a> </figure> <figcaption> <span>Sara Groves</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/theafters.jpg);"><img src="http://fh.org/images/blog/theafters.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.theafters.com/"> </a> </figure> <figcaption> <span>The Afters</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/thedigitalage.jpg);"><img src="http://fh.org/images/blog/thedigitalage.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.thedigitalagemusic.com/"> </a> </figure> <figcaption> <span>The Digital Age</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/timneufeld.jpg);"><img src="http://fh.org/images/blog/timneufeld.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.timneufeldmusic.com/"> </a> </figure> <figcaption> <span>Tim Neufeld</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/tobymac_a.jpg);"><img src="http://fh.org/images/blog/tobymac_a.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.tobymac.com/"> </a> </figure> <figcaption> <span>TobyMac</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/triplee_a.jpg);"><img src="http://fh.org/images/blog/triplee_a.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.builttobrag.com/"> </a> </figure> <figcaption> <span>Trip Lee</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/vota.jpg);"><img src="http://fh.org/images/blog/vota.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="www.votaband.com"> </a> </figure> <figcaption> <span>VOTA</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/warrenbarfield.jpg);"><img src="http://fh.org/images/blog/warrenbarfield.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.warrenbarfield.com/"> </a> </figure> <figcaption> <span>Warren Barfield</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/willet.jpg);"><img src="http://fh.org/images/blog/willet.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.willetonline.com/"> </a> </figure> <figcaption> <span>Willet</span> </figcaption> </div> <!-- Indie Artists --> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/alexzxolt.jpg);"><img src="http://fh.org/images/blog/alexzxolt.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.pianocreations.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Alex-Zsolt</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/chuckneighbors.jpg);"><img src="http://fh.org/images/blog/chuckneighbors.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.mastersimage.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Chuck Neighbours</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/collinstoddard.jpg);"><img src="http://fh.org/images/blog/collinstoddard.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.collinstoddard.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Collin Stoddard</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/davidruybalid.jpg);"><img src="http://fh.org/images/blog/davidruybalid.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.davidruybalid.net"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>David Ruybalid</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/denniscole.jpg);"><img src="http://fh.org/images/blog/denniscole.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://dcministries.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Dennis Cole</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/dustindauenhauer.jpg);"><img src="http://fh.org/images/blog/dustindauenhauer.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.definingmomentstv.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Dustin Dauenhauer</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/hilaryandkate.jpg);"><img src="http://fh.org/images/blog/hilaryandkate.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://hilaryandkate.com"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Hilary + Kate</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/jimmydooley.jpg);"><img src="http://fh.org/images/blog/jimmydooley.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.jimmydooley.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Jimmy Dooley</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/joyike.jpg);"><img src="http://fh.org/images/blog/joyike.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.joyike.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Joy Ike</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/keithgrim.jpg);"><img src="http://fh.org/images/blog/keithgrim.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.keithandrewgrim.com"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Keith Grim</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/marciawhitehead.jpg);"><img src="http://fh.org/images/blog/marciawhitehead.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.marciawhiteheadusa.com/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Marcia Whitehead</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/marquislaughlin.jpg);"><img src="http://fh.org/images/blog/marquislaughlin.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.morald.com"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Marquis Laughlin</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/mayraalvarez.jpg);"><img src="http://fh.org/images/blog/mayraalvarez.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.mayraalvarez.net"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Mayra Alvarez</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="artist"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/unser.jpg);"><img src="http://fh.org/images/blog/unser.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.nicoleunser.com/about/"> </a> <div class="fh-badge fh-indie-badge">Indie Artist</div> </figure> <figcaption> <span>Nicole Unser</span> </figcaption> </div> <!-- bloggers --> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/aleceronzino.jpg);"><img src="http://fh.org/images/blog/aleceronzino.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.gritandglory.com"> </a> </figure> <figcaption> <span>Alece Ronzino</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/alliworthington.jpg);"><img src="http://fh.org/images/blog/alliworthington.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.alliworthington.com"> </a> </figure> <figcaption> <span>Alli Worthington</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/allivesterfelt.jpg);"><img src="http://fh.org/images/blog/allivesterfelt.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.allisonvesterfelt.com"> </a> </figure> <figcaption> <span>Ally Vesterfelt</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/alysabajenaru.jpg);"><img src="http://fh.org/images/blog/alysabajenaru.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.inspiredrd.com"> </a> </figure> <figcaption> <span>Alysa Bajenaru</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/darrellvesterfelt.jpg);"><img src="http://fh.org/images/blog/darrellvesterfelt.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.prodigalmagazine.com/author/darrell/"> </a> </figure> <figcaption> <span>Darrell Vesterfelt</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/emilyloerke.jpg);"><img src="http://fh.org/images/blog/emilyloerke.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.todaysletters.com/"> </a> </figure> <figcaption> <span>Emily Loerke</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/joyeggerichs.jpg);"><img src="http://fh.org/images/blog/joyeggerichs.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://loveandrespectnow.com/"> </a> </figure> <figcaption> <span>Joy Eggerichs</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/kristenhowerton.jpg);"><img src="http://fh.org/images/blog/kristenhowerton.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.rageagainsttheminivan.com/"> </a> </figure> <figcaption> <span>Kristen Howerton</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/laurendubinsky.jpg);"><img src="http://fh.org/images/blog/laurendubinsky.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://laurennicolelove.com/"> </a> </figure> <figcaption> <span>Lauren Dubinsky</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/loganwolfram.jpg);"><img src="http://fh.org/images/blog/loganwolfram.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://lifefordessert.com/"> </a> </figure> <figcaption> <span>Logan Wolfram</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/maxdubinsky.jpg);"><img src="http://fh.org/images/blog/maxdubinsky.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://makeitmad.com/"> </a> </figure> <figcaption> <span>Max Dubinsky</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/megmeeker.jpg);"><img src="http://fh.org/images/blog/megmeeker.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.megmeekermd.com/"> </a> </figure> <figcaption> <span>Meg Meeker</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/raechelmyers.jpg);"><img src="http://fh.org/images/blog/raechelmyers.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.raechelmyers.com/"> </a> </figure> <figcaption> <span>Raechel Myers</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="blogger"/> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/sarahmatheny.jpg);"><img src="http://fh.org/images/blog/sarahmatheny.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://shereadstruth.com/"> </a> </figure> <figcaption> <span>Sarah Matheny</span> </figcaption> </div> <!-- Speakers --> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/blakeneesmith.jpg);"><img src="http://fh.org/images/blog/blakeneesmith.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.findingfavour.com"> </a> </figure> <figcaption> <span>Blake NeeSmith</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/ericmetaxas.jpg);"><img src="http://fh.org/images/blog/ericmetaxas.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.ericmetaxas.com/"> </a> </figure> <figcaption> <span>Eric Metaxas</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/jasonbarton.jpg);"><img src="http://fh.org/images/blog/jasonbarton.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.33milesonline.com"> </a> </figure> <figcaption> <span>Jason Barton</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/jennysimmons.jpg);"><img src="http://fh.org/images/blog/jennysimmons.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.jennysimmons.com/"> </a> </figure> <figcaption> <span>Jenny Simmons</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/karynwilliams.jpg);"><img src="http://fh.org/images/blog/karynwilliams.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.karynwilliams.com/"> </a> </figure> <figcaption> <span>Karyn Williams</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/sammyadebiyi.jpg);"><img src="http://fh.org/images/blog/sammyadebiyi.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://sammyadebiyi.com/"> </a> </figure> <figcaption> <span>Sammy Adebiyi </span> </figcaption> </div> <div class="fh-individual" data-uk-filter="speaker"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/warrenbarfield.jpg);"><img src="http://fh.org/images/blog/warrenbarfield.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.warrenbarfield.com"> </a> </figure> <figcaption> <span>Warren Barfield</span> </figcaption> </div> <!-- Partners --> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/allumeconference.jpg);"><img src="http://fh.org/images/blog/allumeconference.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.allume.com"> </a> </figure> <figcaption> <span>Allume Conference</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/doveawards.jpg);"><img src="http://fh.org/images/blog/doveawards.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.doveawards.com"> </a> </figure> <figcaption> <span>GMA Dove Awards</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/ifgathering.jpg);"><img src="http://fh.org/images/blog/ifgathering.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.ifgathering.com"> </a> </figure> <figcaption> <span>IF : Gathering</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/christmastogether.jpg);"><img src="http://fh.org/images/blog/christmastogether.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.achristmastogether.com"> </a> </figure> <figcaption> <span>Jadon Lavik's A Christmas Together</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/eastertogether.jpg);"><img src="http://fh.org/images/blog/eastertogether.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.aneastertogetheroc.com"> </a> </figure> <figcaption> <span>Jadon Lavik's An Easter Together</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/justiceconference.jpg);"><img src="http://fh.org/images/blog/justiceconference.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.thejusticeconference.com"> </a> </figure> <figcaption> <span>Justice Conference</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/momentumconference.jpg);"><img src="http://fh.org/images/blog/momentumconference.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://cmbonline.org/momentum-2015/"> </a> </figure> <figcaption> <span>Momentum Conference</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/porterscall.jpg);"><img src="http://fh.org/images/blog/porterscall.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.porterscall.com"> </a> </figure> <figcaption> <span>Porter's Call</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/storylineconference.jpg);"><img src="http://fh.org/images/blog/storylineconference.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.storylineconference.com"> </a> </figure> <figcaption> <span>Storyline Conference</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/teachthemdiligently.jpg);"><img src="http://fh.org/images/blog/teachthemdiligently.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.teachthemdiligently.net"> </a> </figure> <figcaption> <span>Teach Them Diligently</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="partner"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/thirdday_p.jpg);"><img src="http://fh.org/images/blog/thirdday_p.jpg"></div> <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> <a class="uk-position-cover" href="http://www.thirdday.com"> </a> </figure> <figcaption> <span>Third Day and Friends</span> </figcaption> </div> <!-- Tours --> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/chondapierce.jpg);"><img src="http://fh.org/images/blog/chondapierce.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Chonda Pierce</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/coltondixon.jpg);"><img src="http://fh.org/images/blog/coltondixon.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Colton Dixon</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/Lecrae_Spring_Tour.png);"><img src="http://fh.org/images/blog/Lecrae_Spring_Tour.png"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Lecrae</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/mattchandler.jpg);"><img src="http://fh.org/images/blog/mattchandler.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Matt Chandler</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/newsboys_t.jpg);"><img src="http://fh.org/images/blog/newsboys_t.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Newsboys</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/plumb_t.jpg);"><img src="http://fh.org/images/blog/plumb_t.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Plumb</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/thirdday_t.jpg);"><img src="http://fh.org/images/blog/thirdday_t.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Third Day</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/tobymac_t.jpg);"><img src="http://fh.org/images/blog/tobymac_t.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>TobyMac</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/triplee.jpg);"><img src="http://fh.org/images/blog/triplee.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-spring-tour-badge">Spring 2015</div> </figure> <figcaption> <span>Trip Lee</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/JohnnySwim.png);"><img src="http://fh.org/images/blog/JohnnySwim.png"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Johnnyswim</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/Plumb.png);"><img src="http://fh.org/images/blog/Plumb.png"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Plumb</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/ChristmasTogether.png);"><img src="http://fh.org/images/blog/ChristmasTogether.png"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>A Christmas Together</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/tobymac.jpg);"><img src="http://fh.org/images/blog/tobymac.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Toby Mac</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/thirdday.jpg);"><img src="http://fh.org/images/blog/thirdday.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Third Day</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/hawknelson.jpg);"><img src="http://fh.org/images/blog/hawknelson.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Hawk Nelson</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/bethelmusic.jpg);"><img src="http://fh.org/images/blog/bethelmusic.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Bethel Music</span> </figcaption> </div> <div class="fh-individual" data-uk-filter="tour"> <figure class="uk-overlay uk-overlay-hover"> <div class="image" style="background-image: url(http://fh.org/images/blog/coltondixon.jpg);"><img src="http://fh.org/images/blog/coltondixon.jpg"></div> <!-- <div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center"> <strong>Visit Website <i class="uk-icon-arrow-circle-right"> </i></strong> </div> --> <!-- <a class="uk-position-cover" href="http://www.fh.org/"> </a> --> <div class="fh-badge fh-fall-tour-badge">Fall 2104</div> </figure> <figcaption> <span>Colton Dixon</span> </figcaption> </div> </div> </div> <script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/uikit/2.22.0/js/uikit.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/uikit/2.22.0/js/components/grid.min.js'></script> <script >var grid = UIkit.grid('#fh-grid', { gutter: 40, filter: "artist", controls: "#fh-filter-nav", duration: 300 }); //# sourceURL=pen.js </script> </body></html>
Related:
See More
Template
Now UI Kit PRO
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76