Bootstrap Snippet uikit using HTML

"uikit"
Bootstrap 3.0.0 Snippet by evarevirus

3.0.0

393 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>  <!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}">  <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>  <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>  <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>  <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>  <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>  <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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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

Fresh Bootstrap Table

Fresh Bootstrap Table

Questions / Comments:

Posting GuidelinesFormatting