Hero With Text Bottom
Text Heading Lorem ipsum dolor sit amet, consetetur sadipscing elitr,…
Wrapping Text Around a Video
Here's my code
<div class="pull-right col-md-6"><iframe class="" src="https://www.youtube.com/embed/OceYWri86Ts?rel=0&controls=0&showinfo=0" width="560" height="315"...</p>
</div>
<div class="fl-post-more-link">
<a href='https://bb.sogwap.net/wrapping-text-around-a-video/' title='Read More...'>Read More...</a>
</div>
</div>
</div>
</div>
<div class="fl-post-column">
<div class="fl-post-grid-post fl-post-align-default post-3333 post type-post status-publish format-standard hentry" itemscope="itemscope" itemtype="https://schema.org/BlogPosting">
<meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://bb.sogwap.net/two-column-post-with-video/" content="Two column post with video" /><meta itemprop="datePublished" content="2017-10-08" /><meta itemprop="dateModified" content="2017-10-08" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Beaver Builder Sandbox"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://bb.sogwap.net/author/sogwap/" /><meta itemprop="name" content="Sogwap" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div>
<div class="fl-post-text">
<h2 class="fl-post-title"><a href='https://bb.sogwap.net/two-column-post-with-video/' title='Two column post with video'>Two column post with video</a></h2>
<div class="fl-post-meta">
By <a href="https://bb.sogwap.net/author/sogwap/">Sogwap</a>
<span class="fl-post-meta-sep"> | </span>
October 8, 2017
</div>
<div class="fl-post-excerpt">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam…</p>
</div>
<div class="fl-post-more-link">
<a href='https://bb.sogwap.net/two-column-post-with-video/' title='Read More...'>Read More...</a>
</div>
</div>
</div>
</div>
<div class="fl-post-column">
<div class="fl-post-grid-post fl-post-align-default post-3306 post type-post status-publish format-standard hentry" itemscope="itemscope" itemtype="https://schema.org/BlogPosting">
<meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://bb.sogwap.net/full-width-dropdown/" content="Full Width Dropdown" /><meta itemprop="datePublished" content="2017-10-04" /><meta itemprop="dateModified" content="2017-10-12" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Beaver Builder Sandbox"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://bb.sogwap.net/author/sogwap/" /><meta itemprop="name" content="Sogwap" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div>
<div class="fl-post-text">
<h2 class="fl-post-title"><a href='https://bb.sogwap.net/full-width-dropdown/' title='Full Width Dropdown'>Full Width Dropdown</a></h2>
<div class="fl-post-meta">
By <a href="https://bb.sogwap.net/author/sogwap/">Sogwap</a>
<span class="fl-post-meta-sep"> | </span>
October 4, 2017
</div>
<div class="fl-post-excerpt">
</div>
<div class="fl-post-more-link">
<a href='https://bb.sogwap.net/full-width-dropdown/' title='Read More...'>Read More...</a>
</div>
</div>
</div>
</div>
</div>
<div class="fl-clear"></div>
<div class="fl-builder-pagination">
<ul class='page-numbers'>
<li><a class="prev page-numbers" href="https://bb.sogwap.net/equal-heights/page/60/">« Previous</a></li>
<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/">1</a></li>
<li><span class="page-numbers dots">…</span></li>
<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/59/">59</a></li>
<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/60/">60</a></li>
<li><span aria-current="page" class="page-numbers current">61</span></li>
<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/62/">62</a></li>
<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/63/">63</a></li>
<li><span class="page-numbers dots">…</span></li>
<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/70/">70</a></li>
<li><a class="next page-numbers" href="https://bb.sogwap.net/equal-heights/page/62/">Next »</a></li>
</ul>
</div>
</div>
</div>
<div class="fl-module fl-module-html fl-node-5afa53a1382a5" data-node="5afa53a1382a5">
<div class="fl-module-content fl-node-content">
<div class="fl-html">
<style>
.fl-post-more-link {margin-top:auto;}
</style></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="uabb-js-breakpoint" style="display: none;"></div> </div><!-- .fl-post-content -->
</article>
<!-- .fl-post -->
</div>
</div>
</div>
</div><!-- .fl-page-content -->
<footer class="fl-page-footer-wrap" itemscope="itemscope" itemtype="https://schema.org/WPFooter" role="contentinfo">
<div class="fl-page-footer">
<div class="fl-page-footer-container container">
<div class="fl-page-footer-row row">
<div class="col-md-12 text-center clearfix"><div class="fl-page-footer-text fl-page-footer-text-1"> <div class="fl-social-icons">
<a href="#" class="fa-stack icon-facebook-f" target="_self" rel="noopener noreferrer"><span class="sr-only">Facebook</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-facebook-f mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-twitter" target="_self" rel="noopener noreferrer"><span class="sr-only">Twitter</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-twitter mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-google" target="_self" rel="noopener noreferrer"><span class="sr-only">Google</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-google mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-linkedin" target="_self" rel="noopener noreferrer"><span class="sr-only">Linkedin</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-linkedin mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-yelp" target="_self" rel="noopener noreferrer"><span class="sr-only">Yelp</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-yelp mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-pinterest" target="_self" rel="noopener noreferrer"><span class="sr-only">Pinterest</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-pinterest mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-youtube" target="_self" rel="noopener noreferrer"><span class="sr-only">Youtube</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-youtube mono fa-stack-1x fa-inverse"></i>
</a><a href="#" class="fa-stack icon-instagram" target="_self" rel="noopener noreferrer"><span class="sr-only">Instagram</span>
<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
<i aria-hidden="true" class="fab fa-instagram mono fa-stack-1x fa-inverse"></i>
</a></div>
</div></div> </div>
</div>
</div><!-- .fl-page-footer -->
</footer>
</div><!-- .fl-page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/bb-theme-child/*","/wp-content/themes/bb-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<a href="#" role="button" id="fl-to-top"><span class="sr-only">Scroll To Top</span><i class="fas fa-chevron-up" aria-hidden="true"></i></a><script id="imagesloaded-js" src="https://bb.sogwap.net/wp-content/plugins/bb-plugin/js/libs/jquery.imagesloaded.min.js?ver=2.10.2.2"></script>
<script id="fl-builder-layout-3775-js" src="https://bb.sogwap.net/wp-content/uploads/bb-plugin/cache/3775-layout.js?ver=53fc600b8a5340c77195f2a40d54fd23"></script>
<script id="jquery-throttle-js" src="https://bb.sogwap.net/wp-content/plugins/bb-plugin/js/libs/jquery.ba-throttle-debounce.min.js?ver=2.10.2.2"></script>
<script id="jquery-magnificpopup-js" src="https://bb.sogwap.net/wp-content/plugins/bb-plugin/js/libs/jquery.magnificpopup.min.js?ver=2.10.2.2"></script>
<script id="fl-automator-js-extra">
var themeopts = {"medium_breakpoint":"992","mobile_breakpoint":"768","lightbox":"enabled","scrollTopPosition":"800"};
//# sourceURL=fl-automator-js-extra
</script>
<script id="fl-automator-js" src="https://bb.sogwap.net/wp-content/themes/bb-theme/js/theme.min.js?ver=1.7.19.2"></script>
<script id="jquery-ui-core-js" src="https://bb.sogwap.net/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="jquery-effects-core-js" src="https://bb.sogwap.net/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3"></script>
<script id="jquery-effects-slide-js" src="https://bb.sogwap.net/wp-includes/js/jquery/ui/effect-slide.min.js?ver=1.13.3"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://bb.sogwap.net/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://bb.sogwap.net/wp-includes/js/wp-emoji-loader.min.js
</script>
<!--
<script src="/js/headroom.min.js"></script>
<script>
(function() {
var header = document.querySelector("header");
var headroom = new Headroom(header, {
tolerance: {
down : 10,
up : 20
},
offset : 15,
});
headroom.init();
}());
</script>
-->
<script>
// Optional: Append source=joe to internal links
document.querySelectorAll('a[href^="/"]').forEach(link => {
const source = sessionStorage.getItem('source');
if (source) {
const url = new URL(link.href, window.location.origin);
url.searchParams.set('source', source);
link.href = url.pathname + url.search;
}
});
</script></body>
</html>