services:
builderius_layout.layout_content_6:
class: 'Builderius\Bundle\LayoutBundle\Model\BuilderiusLayout'
arguments:
- name: 'layout_content_6'
label: 'Content #6'
technologies: ['html']
category: 'content_sections'
image: 'https://showcase.builderius.io/wp-content/uploads/2023/02/layout_content_6.png'
tags:
- 'dark'
config:
---
modules:
u95862b66:
id: u95862b66
name: GenericBlock
label: 'content #6'
settings:
- name: position
value:
all:
original:
a1: relative
- name: padding
value:
'(max-width: 600px)':
original:
a3: 50
b3: px
a1: 50
b1: px
- name: backgroundColor
value:
all:
original:
a1: 'rgba(0, 0, 0, 0.34)'
- name: height
value:
all:
original:
b1: vh
a1: 60
'(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: display
value:
all:
original:
a1: flex
- name: htmlTagContainer
value:
a1: div
- name: isLinkWrapper
value:
a1: false
parent: ''
u4078624b:
id: u4078624b
name: GenericBlock
label: content
settings:
- name: textAlign
value:
all:
original:
a1: center
- 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: u95862b66
index: 1
ufe71315e:
id: ufe71315e
name: Heading
label: Heading H2
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: h2
- name: dataHeading
value:
a1: >-
Styles &
Variants
parent: u4078624b
index: 0
ua180fe44:
id: ua180fe44
name: Paragraph
label: subtitle
settings:
- name: textAlign
value:
'(max-width: 600px)':
original:
a1: center
- name: margin
value:
all:
original:
a3: 30
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: The library of our wireframe components and layouts
parent: u4078624b
index: 1
u746205f5:
id: u746205f5
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: u4078624b
index: 2
u86c68b51:
id: u86c68b51
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: u746205f5
index: 0
u15f8067f:
id: u15f8067f
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: u746205f5
index: 1
ub910710b:
id: ub910710b
name: GenericBlock
label: hero picture
settings:
- name: zIndex
value:
all:
original:
a1: -1
- name: position
value:
all:
original:
a1: absolute
- name: height
value:
all:
original:
a1: 100
b1: '%'
- name: width
value:
all:
original:
b1: '%'
a1: 100
'(max-width: 600px)':
original:
a1: 100
b1: '%'
- name: display
value:
all:
original:
a1: flex
- name: htmlTagContainer
value:
a1: picture
- name: isLinkWrapper
value:
a1: false
parent: u95862b66
index: 0
ue235c4fe:
id: ue235c4fe
name: Image
label: Image
settings:
- name: objectFit
value:
all:
original:
a1: cover
- name: height
value:
all:
original:
a1: 100
b1: '%'
- name: width
value:
all:
original:
a1: 100
b1: '%'
parent: ub910710b
index: 1
ua13068bd:
id: ua13068bd
name: Source
label: Source
settings:
- name: display
value:
all:
original:
a1: none
- name: src
value:
a1: 'https://source.unsplash.com/3OiYMgDKJ6k/1900x900'
parent: ub910710b
index: 0
indexes:
root:
- u95862b66
u95862b66:
- ub910710b
- u4078624b
u4078624b:
- ufe71315e
- ua180fe44
- u746205f5
u746205f5:
- u86c68b51
- u15f8067f
ub910710b:
- ua13068bd
- ue235c4fe
version:
builderius: 0.9.6
tags:
- { name: builderius_layout }