notice: please create a custom view template for the blocks class view-blocks.html
Foundation - 2 Box Video Promo Section
html
css
.home-mid-promo-box-wrap { margin:30px 0; } .home-mid-promo-box-text { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; color: #FFFFFF; margin-bottom:20px; padding:0px 30px; } .home-mid-promo-box-title { padding:90px 30px 0; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; text-align: center; text-transform: uppercase; color: #0F0; margin-bottom:10px; } .home-mid-promo-box-link a:hover { opacity:0.8; } .home-mid-promo-box-link a { background: #000; border-radius: 57px; padding: 10px 50px; color: #FFF; margin-right: 0px; margin-left: 0px; display: inline-block; } .home-mid-promo-box-left { min-height: 375px; text-align: center; background: #444; border-radius: 8px 0px 0px 8px; } .home-mid-promo-box-right { cursor:pointer; background:url("https://picsum.photos/800/600") center no-repeat; font-size:22px; color:#FFF; text-shadow:0px 1px 2px #000; font-weight:bold; background-size:cover; min-height:375px; border-radius: 0px 8px 8px 0px; overflow:hidden; display: flex; align-items: center; justify-content: center; transition: all 1s; }
scripts
javascript
$(document).ready(function() { $(".youtube").fancybox({ type: "iframe" }); });
source_url
https://codepen.io/kruxor/pen/VwQpEvw
framework
foundation
version
6.7.4
block_type
section
preview_image
https://i.imgur.com/Md0KPOL.png
id: 7
uid: h5CI8
insdate: 2022-05-18 06:04:38
title: Foundation - 2 Box Video Promo Section
additional:
category:
tags:
html:
css: .home-mid-promo-box-wrap { margin:30px 0; } .home-mid-promo-box-text { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; color: #FFFFFF; margin-bottom:20px; padding:0px 30px; } .home-mid-promo-box-title { padding:90px 30px 0; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; text-align: center; text-transform: uppercase; color: #0F0; margin-bottom:10px; } .home-mid-promo-box-link a:hover { opacity:0.8; } .home-mid-promo-box-link a { background: #000; border-radius: 57px; padding: 10px 50px; color: #FFF; margin-right: 0px; margin-left: 0px; display: inline-block; } .home-mid-promo-box-left { min-height: 375px; text-align: center; background: #444; border-radius: 8px 0px 0px 8px; } .home-mid-promo-box-right { cursor:pointer; background:url("https://picsum.photos/800/600") center no-repeat; font-size:22px; color:#FFF; text-shadow:0px 1px 2px #000; font-weight:bold; background-size:cover; min-height:375px; border-radius: 0px 8px 8px 0px; overflow:hidden; display: flex; align-items: center; justify-content: center; transition: all 1s; }
scripts:
javascript: $(document).ready(function() { $(".youtube").fancybox({ type: "iframe" }); });
php:
source_url: https://codepen.io/kruxor/pen/VwQpEvw
framework: foundation
version: 6.7.4
block_type: section
preview_image: https://i.imgur.com/Md0KPOL.png