notice: please create a custom view template for the blocks class view-blocks.html
Foundation - Horizontal Timeline
html
css
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); .lato { font-family: 'Lato', sans-serif; } .home-path-section { padding:30px 0 50px 0; } .home-path-title { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; text-align: left; color: #262626; margin-bottom:10px; } .home-path-text { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 156%; color: #393939; margin-bottom:20px; } .home-path-box { text-align:center; } .home-path-line { margin:10px 0 20px 0; border-bottom:2px solid #373030; position:relative; } .home-path-dot { height:10px; width:10px; display:inline-block; margin:0 auto; border-radius: 10px; background:#373030; position:relative; top:12px; } .home-path-year { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 137.5%; text-align: center; color: #E32636; margin-bottom:10px; } .home-path-box-text { font-family: 'Lato', sans-serif; font-style: normal; font-size: 16px; line-height: 137.5%; text-align: center; color: #373030; }
scripts
source_url
https://codepen.io/kruxor/pen/poaexvp
framework
foundation
version
6.4.7
block_type
section
preview_image
https://i.imgur.com/lpnwgPP.png
id: 6
uid: NBL7O
insdate: 2022-05-18 05:47:31
title: Foundation - Horizontal Timeline
additional:
category:
tags:
html:
css: @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
.lato {
font-family: 'Lato', sans-serif;
}
.home-path-section {
padding:30px 0 50px 0;
}
.home-path-title {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
text-align: left;
color: #262626;
margin-bottom:10px;
}
.home-path-text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 156%;
color: #393939;
margin-bottom:20px;
}
.home-path-box {
text-align:center;
}
.home-path-line {
margin:10px 0 20px 0;
border-bottom:2px solid #373030;
position:relative;
}
.home-path-dot {
height:10px;
width:10px;
display:inline-block;
margin:0 auto;
border-radius: 10px;
background:#373030;
position:relative;
top:12px;
}
.home-path-year {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 137.5%;
text-align: center;
color: #E32636;
margin-bottom:10px;
}
.home-path-box-text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-size: 16px;
line-height: 137.5%;
text-align: center;
color: #373030;
}
scripts:
javascript:
php:
source_url: https://codepen.io/kruxor/pen/poaexvp
framework: foundation
version: 6.4.7
block_type: section
preview_image: https://i.imgur.com/lpnwgPP.png