notice: please create a custom view template for the blocks class view-blocks.html
Foundation Subscribe to our Newsletter Section
tags
newsletter,subscribe,foundation,section
html
css
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); .subscribe-newsletter { padding:130px; background:linear-gradient(357.05deg, rgba(0, 0, 0, 0.62) 2.39%, rgba(0, 0, 0, 0) 97.49%), url("https://picsum.photos/1200/600") center no-repeat; background-size:cover; } .sub-n-title { margin-bottom:20px; font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 116.5%; text-transform: uppercase; color: #FFFFFF; text-shadow:0px 1px 2px #000; } .sub-n-text { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 132%; color: #FFFFFF; text-shadow:0px 1px 2px #000; margin-bottom:20px; } .sub-n-button a:hover { color:#FFF; background:teal; } .sub-n-button a { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; color: teal; padding:12px 65px; display:inline-block; background: #FFFFFF; border-radius: 5px; }
scripts
source_url
https://codepen.io/kruxor/pen/BaryvjW
framework
foundation
preview_image
https://i.imgur.com/1aWoHHL.gif
id: 9
uid: 5bFeT
insdate: 2022-07-06 01:19:57
title: Foundation Subscribe to our Newsletter Section
additional:
category: Section
tags: newsletter,subscribe,foundation,section
html:
css: @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
.subscribe-newsletter {
padding:130px;
background:linear-gradient(357.05deg, rgba(0, 0, 0, 0.62) 2.39%, rgba(0, 0, 0, 0) 97.49%), url("https://picsum.photos/1200/600") center no-repeat;
background-size:cover;
}
.sub-n-title {
margin-bottom:20px;
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 116.5%;
text-transform: uppercase;
color: #FFFFFF;
text-shadow:0px 1px 2px #000;
}
.sub-n-text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 132%;
color: #FFFFFF;
text-shadow:0px 1px 2px #000;
margin-bottom:20px;
}
.sub-n-button a:hover {
color:#FFF;
background:teal;
}
.sub-n-button a {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
text-align: center;
color: teal;
padding:12px 65px;
display:inline-block;
background: #FFFFFF;
border-radius: 5px;
}
scripts:
javascript:
php:
source_url: https://codepen.io/kruxor/pen/BaryvjW
framework: foundation
version:
block_type:
preview_image: https://i.imgur.com/1aWoHHL.gif