services:
builderius_layout.layout_hero_2:
class: 'Builderius\Bundle\LayoutBundle\Model\BuilderiusLayout'
arguments:
- name: 'layout_hero_2'
label: 'Hero #2'
technologies: ['html']
category: 'hero_sections'
image: 'https://showcase.builderius.io/wp-content/uploads/2023/02/layout_hero_2.png'
tags:
- 'dark'
- 'trwo columns'
config:
---
modules:
u50447c69:
id: u50447c69
name: GenericBlock
label: 'hero #2'
settings:
- name: boxSizing
value:
all:
original:
a1: border-box
- name: padding
value:
'(max-width: 600px)':
original:
a3: 50
b3: px
a1: 50
b1: px
- name: backgroundColor
value:
all:
original:
v1:
- '--bgcolor'
a1: 'rgba(15, 26, 38, 1.00)'
- name: height
value:
all:
original:
b1: vh
a1: 80
'(max-width: 600px)':
original:
b1: auto
- name: width
value:
all:
original:
a1: 100
b1: '%'
- name: justifyContent
value:
all:
original:
a1: center
- name: alignItems
value:
all:
original:
a1: center
- name: flexDirection
value:
all:
original:
a1: column
- name: display
value:
all:
original:
a1: flex
- name: htmlTagContainer
value:
a1: div
- name: isLinkWrapper
value:
a1: false
parent: ''
u13b53c50:
id: u13b53c50
name: GenericBlock
label: headerInner
settings:
- name: flexWrap
value:
'(max-width: 800px)':
original:
a1: wrap
- name: padding
value:
all:
original:
a4: 50
b4: px
a2: 50
b2: px
- name: maxWidth
value:
all:
original:
b1: px
a1: 1440
- name: height
value:
all:
original:
b1: px
a1: 80
'(max-width: 800px)':
original:
b1: auto
- name: width
value:
all:
original:
a1: 100
b1: '%'
- name: boxSizing
value:
all:
original:
a1: border-box
- name: alignItems
value:
all:
original:
a1: center
- name: justifyContent
value:
all:
original:
a1: space-between
- name: display
value:
all:
original:
a1: flex
' #hamburger-input3:checked + nav':
a1: flex
- name: htmlTagContainer
value:
a1: div
- name: isLinkWrapper
value:
a1: false
parent: u50447c69
index: 0
ue63ad53e:
id: ue63ad53e
name: GenericBlock
label: content left
settings:
- name: width
value:
all:
original:
a1: 48
b1: '%'
'(max-width: 600px)':
original:
a1: 100
b1: '%'
- name: flexDirection
value:
all:
original:
a1: column
- name: display
value:
all:
original:
a1: flex
- name: htmlTagContainer
value:
a1: div
- name: isLinkWrapper
value:
a1: false
parent: u13b53c50
index: 0
ubb69f7e4:
id: ubb69f7e4
name: Paragraph
label: subtitle
settings:
- name: textAlign
value:
'(max-width: 600px)':
original:
a1: center
- name: margin
value:
all:
original:
a3: 60
b3: px
- name: color
value:
all:
original:
v1:
- '--textcolor-alt'
a1: 'rgba(191, 206, 217, 1.00)'
- name: font
value:
all:
original:
a5: 24
b5: px
a2: normal
a1: google
b1: sans-serif
c1: Karla
'(max-width: 800px)':
original:
a5: 19
b5: px
- name: dataParagraph
value:
a1: 'Create stunning, professional forms in minutes, not hours.'
parent: ue63ad53e
index: 1
u3e38b890:
id: u3e38b890
name: Heading
label: Heading H1
settings:
- name: textAlign
value:
'(max-width: 600px)':
original:
a1: center
- name: margin
value:
all:
original:
a3: 15
b3: px
- name: font
value:
all:
original:
a6: 48
a5: 40
b6: px
b5: px
a2: normal
a1: google
b1: serif
c1: Spectral
'(max-width: 800px)':
original:
a6: 40
a5: 34
b6: px
b5: px
- name: color
value:
all:
original:
v1:
- '--textcolor'
a1: 'rgba(255, 255, 255, 1.00)'
- name: htmlTagHeading
value:
a1: h1
- name: dataHeading
value:
a1: 'Forms, powerful and beautiful'
parent: ue63ad53e
index: 0
u92834637:
id: u92834637
name: GenericBlock
label: cta wrapper
settings:
- name: alignItems
value:
all:
original:
a1: center
- name: justifyContent
value:
all:
original:
a1: center
- name: flexDirection
value:
all:
original:
a1: column
- name: display
value:
all:
original:
a1: flex
- name: htmlTagContainer
value:
a1: div
- name: isLinkWrapper
value:
a1: false
parent: ue63ad53e
index: 2
u2dc72307:
id: u2dc72307
name: Anchor
label: CTA
settings:
- name: backgroundColor
value:
all:
':hover':
v1:
- '--accentcolor'
a1: 'rgba(252, 54, 59, 1.00)'
- name: cursor
value:
all:
':hover':
a1: pointer
- name: padding
value:
all:
original:
a4: 20
a3: 10
b4: px
a2: 20
b3: px
a1: 10
b2: px
b1: px
- name: borderRadius
value:
all:
original:
a4: 25
a3: 25
b4: px
a2: 25
b3: px
a1: 25
b2: px
b1: px
- name: border
value:
all:
original:
d1: 'rgba(252, 54, 59, 1.00)'
c1: solid
d2: 'rgba(252, 54, 59, 1.00)'
b1: px
c2: solid
d3: 'rgba(252, 54, 59, 1.00)'
b2: px
c3: solid
d4: 'rgba(252, 54, 59, 1.00)'
a1: 1
b3: px
c4: solid
a2: 1
b4: px
a3: 1
a4: 1
v1:
- '--accentborder'
v2:
- '--accentborder'
v3:
- '--accentborder'
v4:
- '--accentborder'
- name: color
value:
all:
original:
v1:
- '--accentcolor'
a1: 'rgba(252, 54, 59, 1.00)'
':hover':
v1:
- '--textcolor'
a1: 'rgba(255, 255, 255, 1.00)'
- name: textTransform
value:
all:
original:
a1: uppercase
- name: textDecoration
value:
all:
original:
a1: none
- name: font
value:
all:
original:
a1: google
b1: sans-serif
c1: Karla
a2: normal
a3: '700'
' span':
a3: '400'
'(max-width: 800px)':
original:
a5: 14
b5: px
- name: dataAnchor
value:
a1: Get started - for free
parent: u92834637
index: 0
ub63257ef:
id: ub63257ef
name: Paragraph
label: CTA desc
settings:
- name: textAlign
value:
'(max-width: 600px)':
original:
a1: center
- name: margin
value:
all:
original:
a3: 30
b3: px
a1: 5
b1: px
- name: color
value:
all:
original:
v1:
- '--textcolor-alt'
a1: 'rgba(191, 206, 217, 1.00)'
- name: font
value:
all:
original:
a5: 14
b5: px
a2: normal
a1: google
b1: sans-serif
c1: Karla
'(max-width: 800px)':
original:
a5: 12
b5: px
- name: dataParagraph
value:
a1: No credit card required
parent: u92834637
index: 1
u0ce57ee8:
id: u0ce57ee8
name: Svg
label: svg illustration
settings:
- name: height
value:
all:
original:
b1: px
a1: 350
- name: width
value:
all:
original:
a1: 48
b1: '%'
'(max-width: 600px)':
original:
a1: 100
b1: '%'
- name: dataSvg
value:
a1: >-
parent: u13b53c50
index: 1
indexes:
root:
- u50447c69
u50447c69:
- u13b53c50
u13b53c50:
- ue63ad53e
- u0ce57ee8
ue63ad53e:
- u3e38b890
- ubb69f7e4
- u92834637
u92834637:
- u2dc72307
- ub63257ef
version:
builderius: 0.9.6
tags:
- { name: builderius_layout }