notice: please create a custom view template for the blocks class view-blocks.html
Foundation - Two Box Section Simple
tags
foundation, 2 box, two box
html
css
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); .two-box-section-wrap { margin: 0px; padding:50px 0; background:#CCC url("https://picsum.photos/800/600") center no-repeat; background-size:cover; } .two-box-section-text ul li { margin-bottom:10px; } .two-box-section-text { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; color: #393939; } .two-box-section-title { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; color: #00346A; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #C4C4C4; } .two-box-section-link a:hover { opacity: 0.8; } .two-box-section-link a { background: #000; border-radius: 57px; padding: 10px 50px; color: #FFF; margin-right: 0px; margin-left: 0px; display: inline-block; } .two-box-section-left { min-height: 375px; background: #FFFFFF; border-radius: 8px; padding:30px; } .two-box-section-right { min-height: 375px; background: #FFFFFF; border-radius: 8px; padding:30px; } .two-box-section-right .two-box-section-text { text-align: center; }
scripts
framework
foundation
version
6.7.4
block_type
boxes
preview_image
https://i.imgur.com/NAOhtEF.png
id: 8
uid: by6uQ
insdate: 2022-05-20 04:34:35
title: Foundation - Two Box Section Simple
additional:
category: sections
tags: foundation, 2 box, two box
html:
css: @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); .two-box-section-wrap { margin: 0px; padding:50px 0; background:#CCC url("https://picsum.photos/800/600") center no-repeat; background-size:cover; } .two-box-section-text ul li { margin-bottom:10px; } .two-box-section-text { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; color: #393939; } .two-box-section-title { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; color: #00346A; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #C4C4C4; } .two-box-section-link a:hover { opacity: 0.8; } .two-box-section-link a { background: #000; border-radius: 57px; padding: 10px 50px; color: #FFF; margin-right: 0px; margin-left: 0px; display: inline-block; } .two-box-section-left { min-height: 375px; background: #FFFFFF; border-radius: 8px; padding:30px; } .two-box-section-right { min-height: 375px; background: #FFFFFF; border-radius: 8px; padding:30px; } .two-box-section-right .two-box-section-text { text-align: center; }
scripts:
javascript:
php:
source_url:
framework: foundation
version: 6.7.4
block_type: boxes
preview_image: https://i.imgur.com/NAOhtEF.png