Brikit

Page tree

Versions Compared

Old Version 126

changes.mady.by.user Hanna Anderton

Saved on

compared with

New Version Current

changes.mady.by.user user-df3dd

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: change layer class to gray-curve-top hidden

Content Layer
padding0
margin0
nameP1-A: Hero - Desktop
id992640317
classhome-hero
Content Column
width100%
id992640318

Content Block
padding40px 0 0 0
id992640319
classclean no-popup-images
collapsiblecollapse on mobile

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0 0 0
classscroll-arrow

  

html-
add-class		button-testbutton-test
selectorbody
Content Layer

wrap
margin35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap
margin35px 35px 60px 35px

Image Added

Action Button
margin0
linklearn:Digital Workplace Design
textLearn More
classsmall-button

 

 

Content Layer
padding0
margin0
nameP1: Hero - Mobile
id282111053
classhome-hero-mobile
Content Column
width100%
id282111054
Content Block
padding40px 0 0 0
margin75px 0 25px 0
id282111056
margin-40px 0 50px 0
nameP1-B: Subhead + Action Button
id1125960044
classclean
Content Column
width100%
id1125960045
Content Block
border-width0
id1125960046
classclean p2-header fade-up

with Digital Workplace Design

content-block 150px 150pxid1137941049classhomecarousel
Content Block
margin45px 0 0 0
id1232962202
classclean no-popup-images

Image Removed

collapsiblecollapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0

0

border-width

0

class

scroll-arrow

Image Added

HTML-

wrap

height140px

Rotate Content
render-without-blockstrue
source-pageP1 Carousel
delay0
non-randomtrue
controls-horizontal-positionright
controls-vertical-positiontop
controls-horizontal-margin0
controls-vertical-margin5px
initial-delay0
animationfade

Content Block
background-colortransparent
margin-40px 0 50px 0
border-width0
id1126393550

Action Button
margin25px
linkdesign:Digital Workplace Design
textLearn More
classsmall-button

Content Layer

margin35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap
margin35px 35px 60px 35px

Image Added

Action Button
margin0
linklearn:Digital Workplace Design
textLearn More
classsmall-button

 

 

Content Layer
name*Hidden* P1-B: Carousel
id1127242644
class clean white-curve-top-right hide-layer
Content Column
width100%
id1127242645
Content Block
background-colortransparent
padding25px 25px 25px 100px
margin25px 200px 0px 200px
border-width0px
id149587733
classhome-carousel
height150px

Rotate Content
render-without-blockstrue
source-pageP1 Carousel V2
delay5
non-randomtrue
initial-delay8
add-scroll-buttonstrue
animationslideRight

 

 

Content Layer
background-color#F0F4F7
padding0 0 50px 0
margin0
nameP2: Mission Statement
id1984876883
class
background-color#F0F4F7
padding0px 0px 75px 0px
margin-50px 0 0 0
nameP2: Client Logo Roll
id1996575224
classhide-layer gray-curve-top-right cleanno-popup-images
Content Column
width1229.500001%999998%
id19965752261984876884
Content Block
background-colortransparentbackground-repeat
margin5px 0 0 0no-repeat
border-width0
background-imagesiemens-dark.png
background-positioncenter
id19965752281984876885
classfade-inright
heightcollapsible20pxcollapse on mobile
 

Image Added

1997075853
Content Column
width12.500001%70%
id19970561691986219987
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktopbackground-repeatno-repeat
border-width0
background-imageapple-dark.png
background-positioncenter
id19970561712002943601
classfade-in
heightcollapsible20px
 
Content Column
collapse on mobile
OUR MISSION
width12.500001%
id
Content Block
background-image
background-colortransparent
background-repeatmarginno-repeat25px 0 0 0
nameDesktop
border-width0atlassian-dark.png
background-positioncenter
id19970758541986219988
classfade-in
heightcollapsible20px
 
Content Column
width12.500001%
id1997099251
collapse on mobile

Redesigning work to create happy people moving together with shared purpose.

Action Button
margin25px 0
linkValues
textHow We Do It

contentcolumnwidth12.500001%content-block
contentcontent-block
background-colortransparent
nameMobilebackground-repeatno-repeat
border-width0
background-imagewalgreens-dark.png
background-positioncenter
id1997099252298800676
classfade-in
heightcollapsible20pxcollapse on desktop
 

Image Added

HTML-

wrap

padding

0px

id1997123901

margin25px 0px -20px 0px
OUR MISSION

Redesigning work to create happy people moving together with shared purpose.

Action Button
margin25px 0
linkValues
textHow We Do It

border-widthimageea-darkcenter1997123902 
Content Layer
background-colortransparent
padding5px 0 45px 0
background-repeatno-repeat
margin0
background-
size105%
name*Hidden* P3: Digital Workplace Design
background-imageP4-bg-v4.png
background-position
top
id
1986158269
class
fade-in
height20px
hide-layer no-popup-images white-dip-top
Content Column
background-colortransparent
width12100.500001%0%
id19971393261986158269
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imagesamsung-dark.png
background-positioncenter
0px
id1131599172id1997139327
classfade-in
height20px
 
Content Column
width12.500001%
id1998489107

Image Added

Content Block
background-repeat
background-colortransparentno-repeat
border-width0
background-imageneiman-marcus-dark.png
background-positioncenter
id1998489109
id1985128045
classfade-in
height20px
 
clean

How to approach Digital Workplace Design

Use four powerful design disciplines to craft a digital workplace
 that fits your company and your people. 

Action Button
margin25px
textLearn How

 

 

 

layerP3-A: Title1127242644hide-layer clean white-curve-top-right
Content Layer
padding25px 0 100px 0
id314026234
classwhite-curve-top-right
Content Column
width70.0%
id314026244
Content Block
padding45px 25px 0 25px
border-width0
id314026254
Content Column
width12.500001%
id1998530584
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imagezillow-dark.png
background-positioncenter
id1998530585
classfade-in
heightcollapsible20pxcollapse on mobile
WORK FROM HOME SOLUTIONS
 
content-
block
background-colortransparent
margin-25px 0 0 0
border-width0
name
id
314281652
class
fade-in
collapsiblecollapse on mobile

Evolve into a Work From Home enterprise to engage and manage remote employees.

Action Button
margin25px 0
linklearn:Remote Work
textLearn How

Content Column
width100%30.000002%
id1127242645314231566
Content Block
background-coloridtransparent314231577
padding0 25px
border-width0
id1128088896
classfade-up clean

Image Added

YOU'RE IN GOOD COMPANY

Content Block
background-colornametransparentMobile
border-width0
id1127242646314755903
classclean

Hundreds of companies use Brikit to:

Content Layer
container-padding0 50px
nameTemporary Links
id10
classhide-layer
Content Column
columnalternate
width33.333%
id101
Content Block
id1011
classclean fade-in bullet-green
Content Column
columnalternate
width33.333%
id102
Content Block
id1021
classclean fade-in bullet-red
Content Column
columnalternate
width33.333%
id103
Content Block
id1031
classclean fade-in bullet-yellow
fade-in
collapsiblecollapse on desktop
WORK FROM HOME SOLUTIONS

Evolve into a Work From Home enterprise to engage and manage remote employees.

Action Button
linklearn:Remote Work
textLearn more

Content Layer
background-color$lightColor
padding40px 0 60px 0
nameP6: Brikit Platform
id1987481579
classgray-curve-top no-popup-images
Content Column
width35.0%
id1987481581
Content Block
background-colortransparent
margin25px 0 0 0
border-width0
id1981236594
classfade-up clean

Image Added

Content Column
width65.0%
id11522859
Content Block
background-colortransparent
margin25px 0px 0 0px
nameDesktop
border-width0
id174278687
classfade-up
collapsiblecollapse on mobile
OUR PLATFORM
Content Layer
padding25px 25px 155px 25px
nameP3-B: Carousel
id13406407
classhide-layer p3-carousel fade-in
13406409
Content Column
width100.0%
id
Content Block
background-colortransparent
margin
rich-links-hide-site-icontrue
rich-links-details-padding15px
rich-links-hide-site-nametrue
rich-links-details-length500
rich-links-enabletrue
border-width0
rich-links-details-alignmentleft
id13406413
classclean
Rich Link Carousel

Content Query
max3
sortcreated
cqltype = "page" and parent = "28837003"

 
-45px 0 0 0
nameDesktop
border-width0
id1987481583
classfade-up
collapsiblecollapse on mobile

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin25px 0
linkplatform:The Brikit Platform
textLearn More
 

Content Block
background-colortransparent
margin5px 0 -50px 0
nameMobile
border-width0
id300514705
collapsiblecollapse on desktop

HTML Wrap
padding0px
margin20px 0px -20px 0px
OUR PLATFORM

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin25px 0
linkplatform:The Brikit Platform
textLearn More
 

Content Layer
background-color$mediumColor
padding0
margin0
name#thisisconfluence
id289770667
classfade-in
Content Column
width100%
id289770668
 
Content Layer
background-color#F0F4F7
padding0 0 50px 0
margin-45px 0 0 0
nameP4: Mission Statement
id1984876883
classgray-curve-top-right no-popup-images
Content Column
width29.999998%
id1984876884
Content Block
background-colortransparent
margin25px 0 0 0
border-width0
id1984876885
classfade-right

Image Removed

OUR MISSION
Content Column
width70%
id1986219987
Content Block
background-colortransparent
padding45px 25px 0 25px
border-width0
id2002943601
classfade-in
Content Block
background-colortransparent
marginpadding-25px 0 0 0
border-widthmargin20px 0 10px 0
id1986219988289770678
classfadeclean small-in

Redesigning work to create happy people moving together with shared purpose.

Action Button
margin25px 0
linkValues
textHow We Do It
classsmall-button

Content Layer
text

Wondering what the Brikit platform does for Atlassian Confluence? You're looking at it.
This site was defined using our Methodology, and designed, built, launched and maintained on the Brikit platform. #thisisconfluence

Content Layer
padding0
margin65px 0 15px 0
nameP7-A: Getting Started Title
background-positiontop right
id198588867
Content Column
width100%
id198588868
Content Block
margin50px 0 0 0
border-width0
id198588869
classfade-in clean

Getting Started With Digital Workplace Design

gray-curve-top-right no-popup-images
Content Layer
padding25px 0 45px 0
nameP7-B: Getting Started Details
id176468049
background-colortransparent
padding0
margin0
background-sizecover
nameP5: Digital Workplace Design
background-positioncenter
id1986158269
classno-popup-images white-dip-top
transparent
Content Column
background-color
width10033.0%333332%
id1986158269176468050
Content Block
background-colortransparent
borderborder-width0px0
id1131599172177584624
classclean fade-in
height60px

Image AddedImage Removed

transparent
Content Block
background-color
border-width0
id1985128045176468051
classfade-in clean

How to approach Digital Workplace Design

Use four powerful design disciplines to craft a digital workplace
 that fits your company and your people. 

Action Button
margin25px
textLearn How
classsmall-button

 

 

 

Content Layer

You do it

Your time, your talent.

Content Column
width33.333332%
id177319420
Content Block
border-width0
id177600150
classclean fade-in
height60px

Image Added

Content Block
border-width0
id177319421
classclean

Mentorship

Your time, our talent.

Action Button
margin25px
linkservices:Services
textGet Started

background-color#F0F4F7
padding20px 0 60px 0
margin-50px 0 25px 0
nameP6: Brikit Platform
id1987481579
class

column65.0%11522859
Content Column
width3533.0%333332%
id1987481581177227679
Content Block
background-colortransparent
margin25px 0 0 0
border-border-width0
id1981236594177610141
classclean fade-up cleanin
height60px

Image Added

Image Removed

content-
block
border-width
0
id
177227681
classclean

We do it

Our experts deliver it.

blocktransparent25px 0px 0px0174278687
OUR PLATFORM
content-
layer
background-color
#F0F4F7
margin
75px 0 0
0
border-width
nameLogo Roll Title
id
1291140645
class
fade-up
gray-curve-top-right
content-column
width100%
id1291140646
block-45px 0 0 0
Content Block
background-colortransparent
margin
border-width0
id19874815831291140647
classfade-up

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin25px 0
linkplatform:Brikit: The Digital Workplace Design Platform
textLearn More
classsmall-button
 

Content Layer
padding0
margin25px 0 0 0
nameP7-A: Getting Started Title
background-positiontop right
id198588867
classwhite-dip-top
clean

You're In Good Company

layerclasspopup-imageslayercontent-layer#F0F4F7
Content Layer
background-color#F0F4F7
padding0 0 120px 0
nameClient Logo Roll
id1290673791
Content Column
width9.999999%
id1290673793
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Airbnb.png
background-positioncenter
id1290908664
Content Column
width100%
id198588868
Content Block
margin50px 0 0 0
border-width0
id198588869
classfade-in clean
collapsiblecollapse on mobile
height30px
 Getting Started With Digital Workplace Design
content-
block
nameP7-B: Getting Started Details
id176468049
background-colortransparent
background-repeat
Content Column
width33.333332%
id176468050
Content Block
no-
177227679
repeat
nameMobile
border-width0
background-positioncenter
id177584624303569857
classclean fade-in clean
height60px
collapsiblecollapse on desktop

Image Added

Image Added

Image Removed

Content Block
borderbackground-widthcolor0transparent
id176468051
classclean

You do it

Your time, your talent.

Content Column
width33.333332%
id177319420
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460346033
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

Content Block
border-width0
id177600150
classclean fade-in
height60px
Image Removed

Content Block
borderbackground-widthcolor0transparent
id177319421
classclean

Mentorship

Your time, our talent.

Action Button
margin25px
textGet Started
classsmall-button

Content Column
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460359982
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

width33.333332%
id

content-block
Content Block
borderbackground-widthcolor0transparent
id177610141
classclean fade-in
height60px

Image Removed

background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id177227681460375022
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

We do it

Our experts deliver it.

content-
block
background-color
$lightColor
id1290673791
Content Column
width100%
id1290673793
Content Block
id1290673794
transparent
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460387106
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

Content Column
width9.999999%
id1290908663
Content Block
background-color
transparent
padding50px 25px
margin75px 0 0 0
nameP8: Testimonials
id1992920435
classgray-curve-top-right
background-repeatno-repeat
border-width0
background-imageLOGOS_Apple.png
background-positioncenter
id1290673794
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290922015
Content Column
width25.0%
id1992948437
Content Block
background-colortransparent
padding20px
background-repeatno-repeat
background-size80pxmargin60px 0 0 0
border-width0
background-imageLOGOS_Barclays.png
background-positioncenter
id19929204371290922016
classfade-right in clean

What Others
Are Saying

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action Button
margin25px 0
textView All
classsmall-button

collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290935638
Content Column
width75.0%
id1992920436
Content Block
300px
background-colortransparent
background-repeatno-repeatmargin0 25px 50px 0
border-width0
background-imageLOGOS_Cisco.png
background-positioncenter
id1290935639id1992920438
classfade-in clean
collapsiblecollapse on mobile
height30px
 rotate
contentsourcepageTestimonialsdelay
content-
Column
mobile-
hide
true
width9.999999%
id1290946817
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Coca-Cola.png
background-positioncenter
id1290946825
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290963930
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Disney.png
background-positioncenter
id1290963939
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290975233
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_EA.png
background-positioncenter
id1290975234
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290986644
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Jaguar.png
background-positioncenter
id1290986645
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id286507832
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Kroger.png
background-positioncenter
id286507833
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id286518368
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Uber.png
background-positioncenter
id286518379
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Layer
padding35px 25px 100px 25px
background-repeatno-repeat
margin0
background-size700px
nameP8: Testimonials
background-image-themeDOCShome_jots2.png
background-positioncenter
id1992920435
classwhite-curve-top-right
Content Column
width30.0%
id1992948437
 
Content Column
width40.0%
id1992920436
Content Block
background-colortransparent
padding10px
margin0 0 50px 0
nameDesktop
border-width0
id1992920437
classfade-right clean
collapsiblecollapse on mobile

What Others Are Saying

Content Block
background-colortransparent
padding10px
margin0 0 50px 0
nameMobile
border-width0
id301227091
classfade-right clean
collapsiblecollapse on desktop

What Others Are Saying

Content Block
border-radius5px
box-shadow0px 0px 45px #e7e7e7
padding30px 50px 0 50px
margin0 0 50px 0
overflowvisible
nameDesktop
border-width0
id515454208
collapsiblecollapse on mobile
height430px

HTML Wrap
margin-75px 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content
non-randomtrue
controls-horizontal-positionright
controls-vertical-positionbottom
controls-horizontal-margin200px
controls-vertical-margin20px
animationslideLeft

Content Block
border-radius5px
box-shadow0px 0px 45px #e7e7e7
padding30px 50px 0 50px
margin0 0 50px 0
overflowvisible
nameMobile
border-width0
id301335113
collapsiblecollapse on desktop
height410px

HTML Wrap
padding25px 10px
margin0 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content
non-randomtrue
controls-horizontal-positionright
controls-vertical-positionbottom
controls-horizontal-margin125px
controls-vertical-margin20px
animationslideLeft

Content Column
width30.0%
id515336164
 
Content Layer
background-color$lightColor
nameP9: Instagram Feed
id857988395
classgray-curve-top hidden
Content Column
width100%
id857988396
10000

Content Block
background-colortransparent
border-width0px
id857988397

The Latest from @teambrikit

Catch a glimpse of what we've been up to from our Instagram feed.

 

HTML
<!-- SnapWidget created under dave@brikit.com -->
<script src="https://snapwidget.com/js/snapwidget.js"></script>
<iframe src="https://snapwidget.com/embed/759678" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;  width:100%; "></iframe>


Action Button
textView More
urlhttps://www.instagram.com/teambrikit/

10000
non-randomtrue
controls-horizontal-positionleft
controls-vertical-positionbottom
controls-horizontal-margin375px
controls-vertical-margin30px
initial-delay

Platform

 

Company
Support
Brikit Services

Copyright © 2023 Brikit Inc. All Rights Reserved.

Powered by Atlassian Confluence and Brikit