Benefits

The benefits of a dedicated Data Governance practice

Data vision

What are your overall objectives and what do you need from your data to support them?

Data quality metrics

What does ‘good’ or ‘bad’ data mean to your organization? How does bad data affect your aspirations for data analytics or data science?

Data security

What processes and technology are required to continuously protect your data from external and internal threats?

Compliance standards

What national, international and industry-specific regulatory obligations do you need to ensure consistent adherence with?

Data management processes

Who owns the data and is responsible for its quality and accuracy? Who should have access to it and how is this controlled? And which data sources will serve as your single pillars of truth?

Business rules

How will your data management requirements be translated into processes for every user to understand and continuously follow?

Data architecture

Where will your data be best stored, in what formats and using what technologies?

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

Grid Type

button_group

grid_type

Benefits

repeater

benefits

-- Icon

image

icon

Upload image having size 1280 X 715px

-- Title

text

title

-- Text

textarea

text

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-benefits{
    padding: 3em 0;
    
    @include bp($lg){
        padding: 6em 0;
    }

    @include bp($xl){
        padding: rem-calc( 130 0 155 0 );
    }

    .heading{
        font-size: rem-calc(20);
        line-height: rem-calc(28);
        letter-spacing: 0.05em;
        font-weight: 400;
        margin-bottom: rem-calc(32);
        color: $black;

        @include bp($lg){
            font-size: rem-calc(40);
            line-height: rem-calc(48);
            margin-bottom: rem-calc(56);
        }
    }

    &-row{
        margin-bottom: rem-calc(24);
    }
    &__item{
        text-decoration: none;
        position: relative;
        border-radius: rem-calc(16);
        overflow: hidden;
        display: block;
        border: 1px solid #9F9F9F;
        padding: rem-calc(24 20);
        color: $black;
        
        @include bp($lg){
            border-radius: rem-calc(32);
            padding: rem-calc(42 40);
            height: 100%;
        }

        &__icon-wrapper{
            margin-bottom: rem-calc(32);
            height: 65px;
            display: flex;
            align-items: center;
            
            img{
                max-height: 65px;
                max-width: 65px;
            }
        }

        &__heading{
            font-size: rem-calc(24);
            line-height: rem-calc(32);
            font-weight: 600;
            margin-bottom: rem-calc(8);
            letter-spacing: 0.05em;
        }

        &__text{
            font-weight: 400;
            font-size: rem-calc(16);
            line-height: rem-calc(24);
            letter-spacing: 0.05em;
        }
    }

    &.bg--primary{
        .heading{
            color: $white;
        }
        .block-benefits__item{
            color: $white;
            border: 1px solid rgba(255, 255, 255, 0.5);
        }
    }
}

There are is no JavaScript file with this component.