Contact Form

Don’t miss out on this incredible opportunity

Enter our competition today and seize the chance to work with Calligo’s award-winning data science team and transform your data into a strategic asset.

Together, we will unlock new possibilities and drive your business towards unprecedented growth. Fill in your details below to enter…

[gravityform id="3" title="true"]

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

Embed Source from

button_group

embed_source_from

Select either you want to fetch from global option or wants to add custom one. Custom one will used to set different hubspot form embed code. Please note that hubspot form should not iframe wrapped otherwise theme style will not apply.

Form embed

textarea

form_embed

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-contact-form{
    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;

        @include bp($lg){
            font-size: rem-calc(40);
            line-height: rem-calc(48);
        }
    }
    .heading-col{
        > *{
            max-width: rem-calc(415);
        }
    }
    .content-col{
        @include bp($lg){
            display: flex;
            justify-content: flex-end;
        }        
    }
}

There are is no JavaScript file with this component.