Content Three Columns

How DVaaS as a Service works

Build & Deploy

During this phase, we supply a high-powered team to tackle the data integration and data analytics aspects of a rapid deployment. Starting with the data pipelines and data storage, our team will stand up your analytics platform and release data visualization tools to your end-users in approximately 8 weeks.

Program Delivery

Once the platform is stood up and the front-end tools have been released to end-users, we move into Program Delivery. Focused on the long-term success of your analytics program, we continue to host the technology and solutions, but we also work with you on a regular basis to measure success and plan for the future.

Fields
PHP
SCSS
JavaScript
Pages
Notes

Field

Field Type

Field Name

Instructions

Block Data

tab

Heading Type

select

heading_type

Heading Text

textarea

heading_text

Columns

repeater

columns

-- Overline

text

overline

-- Heading

text

heading

-- Content

wysiwyg

content

Block Meta

tab

text

block_id

Block Classes

text

block_classes

Background Colors

select

background_colors

Padding Top

select

padding_top

Padding Bottom

select

padding_bottom

Margin Top

select

margin_top

Margin Bottom

select

margin_bottom

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-content-three-column{
    padding: 3em 0;
    
    @include bp($lg){
        padding: 6em 0;
    }
    .heading{
        font-size: rem-calc(24);
        line-height: rem-calc(32);
        letter-spacing: 0.02em;
        font-weight: 400;
        margin-bottom: rem-calc(32);

        @include bp($lg){
            font-size: rem-calc(32);
            line-height: rem-calc(40);
            margin-bottom: rem-calc(64);
        }
    }
    
    .three-col{
        &-overline,
        &-heading{
            font-weight: 600;
            font-size: rem-calc(20);
            line-height: rem-calc(32);
            letter-spacing: 0.05em;

            @include bp($lg){
                font-size: rem-calc(24);
                line-height: rem-calc(28);
            }
        }
        
        &-overline{
            color: $secondary;
        }
        
        &-heading{
            color: $primary;
            margin-bottom: rem-calc(16);
            
            @include bp($lg){
                margin-bottom: rem-calc(24);
            }
        }

        &-content{
            font-weight: 400;
            font-size: rem-calc(18);
            line-height: rem-calc(26);
            letter-spacing: 0.05em;
            color: $primary;

            @include bp($lg){
                font-size: rem-calc(20);
                line-height: rem-calc(28);
            }
        }
    }

    &.bg--primary{
        .heading,
        .three-col{
            color: $white;

            &-overline,
            &-heading,
            &-content{
                color: $white;
            }            
        }
    }    
}

There are is no JavaScript file with this component.