notice: please create a custom view template for the blocks class view-blocks.html
Foundation - 3 Box - Button Separated Under
html
css
.home-news-section-wrap { margin:0 auto; width:100%; max-width:1200px; padding:60px 0; } .home-news-section {} .home-news-section-title { display:none; } .home-news-section-box-link {} .home-news-section-box-link a { background: #DF9230; border-radius: 25px; display:block; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; text-transform: uppercase; color: #FFFFFF; padding:12px; } .home-news-section-box-text { margin-bottom:10px; } .home-news-section-box a { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 138%; color: #DF9230; } .home-news-section-box { background: #607184; border-radius: 8px; padding:25px 30px; color:#FFF; margin-bottom:10px; } .home-news-section-box-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; margin-bottom:10px; }
scripts
source_url
https://codepen.io/kruxor/pen/KKQWxJv
framework
foundation
preview_image
https://i.imgur.com/AFZE2Ek.png
id: 5
uid: Uh6Jj
insdate: 2022-05-18 05:19:57
title: Foundation - 3 Box - Button Separated Under
additional:
category:
tags:
html:
css: .home-news-section-wrap { margin:0 auto; width:100%; max-width:1200px; padding:60px 0; } .home-news-section {} .home-news-section-title { display:none; } .home-news-section-box-link {} .home-news-section-box-link a { background: #DF9230; border-radius: 25px; display:block; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; text-transform: uppercase; color: #FFFFFF; padding:12px; } .home-news-section-box-text { margin-bottom:10px; } .home-news-section-box a { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 138%; color: #DF9230; } .home-news-section-box { background: #607184; border-radius: 8px; padding:25px 30px; color:#FFF; margin-bottom:10px; } .home-news-section-box-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; margin-bottom:10px; }
scripts:
javascript:
php:
source_url: https://codepen.io/kruxor/pen/KKQWxJv
framework: foundation
version:
block_type:
preview_image: https://i.imgur.com/AFZE2Ek.png