Brikit

Page tree

Versions Compared

Old Version 501

changes.mady.by.user Hanna Anderton

Saved on

compared with

New Version Current

changes.mady.by.user Dave Alston

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 0 -50px 0
nameP1-A: Hero - Desktop
id992640317
classhome-hero
Content Column
width100%
id992640318

Content Block
padding40px 0 0 0margin 0 0 -100px 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
classclean no-popup-images
collapsiblecollapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0 0 0
classscroll-arrow

Image Added

HTML 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

 

 

slideRight
Content Layer
name*Hidden* P1-B: Carousel
id1127242644
class clean white-curve-top-right hide-layer
Content Column
width100%
id1127242645
background-repeatno-repeat
background-size95%
nameP1-B V2: Subhead + Action Button
id149587731
background-positiontop
background-imageP2-bg-v7.png
Content Column
width100%
id149587732
Content Block
margin0 0 0 0
id151571122
classclean p2-header fade-up

with Digital Workplace Design

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
animation
Content Block
background-colortransparent
padding025px 25px 25px 100px
margin0 0 80px 025px 200px 0px 200px
border-width00px
id70205245149587733
classfade-up

Action Button
margin25px 0 0 0
textLearn More
classsmall-button

Content Layer
home-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
classgray-curve-top-right no-popup-images
Content Column
width29.999998%
id1984876884
Content Block
background-colortransparent
margin5px 0 0 0
margin-40px 0 50px 0
nameP1-B: Subhead + Action Button
id1125960044
classclean hide-layer
Content Column
width100%
id1125960045
Content Block
border-width0
id151444077
classclean p2-header fade-up

with Digital Workplace Design

Content Block
margin45px 0 0 0
id1232962202
classclean no-popup-images fade-up

Image Removed

Content Block
margin0 150px 0 150px
border-width0
id11379410491984876885
classhomefade-carouselright
heightcollapsible140pxcollapse on mobile

Image Added

Content Column
width70%
id1986219987
0
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktop
border-width0
id2002943601
classfade-in
collapsiblecollapse on mobile
OUR MISSION
Rotate Content
render-without-blockstrue
source-pageP1 Carousel
delay0
non-randomtrue
controls-horizontal-positionright
controls-vertical-positiontop
controls-horizontal-margin35px
controls-vertical-margin5px
initial-delay

Content Block
clean
background-colortransparent
margin-40px 25px 0 0 50px 0
nameDesktop
border-width0
id11263935501986219988
classfade-in
collapsiblecollapse on mobile

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

Action Button
margin25px 0
link

design:Digital Workplace Design
Values
text

Learn More
classsmall-button
content-layer

How We Do It

Content Block
background-colortransparent
name
P3-A: Title
Mobile
border-width0
id
1127242644
298800676
class
hide-layer clean white-curve-top-right Content Column
width100%
id1127242645
content-block
fade-in
collapsiblecollapse on desktop

Image Added

HTML Wrap
padding0px
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

25pxborder-widthidcontent-blockcolor01127242646
Content Layer
background-colortransparent
padding5px 0 45px 0
background-repeatno-repeat
margin0
background-size
1128088896
YOU'RE IN GOOD COMPANY
105%
name*Hidden* P3: Digital Workplace Design
background-
transparentborder-width
imageP4-bg-v4.png
background-positiontop
id
1986158269
class
clean

Hundreds of companies use Brikit to:

Content Layer
container-padding0 50px
nameTemporary Links
id10
classhide-layerhide-layer no-popup-images white-dip-top
columncolumnalternate33.333%
Content Column
columnbackground-coloralternatetransparent
width33100.333%0%
id1011986158269
Content Block
background-colortransparent
border-width0px
id10111131599172
classclean fade-in bullet-green

Image Added

  • Creating an agile organization built on stability
  • Onboarding employees to accelerate productivity
    • Deploying rapid organizational change

    content-
    block
    background-color
    transparent
    border-width
    0
    id
    		102
    1985128045
    Content Block
    id1021
    classclean fade-in bullet-red
    Content Column
    columnalternate
    width33.333%
    id103
    Content Block
    id1031
    classclean fade-in bullet-yellow
    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

     

     

     

    Content Layer
    padding25px 0 100px 0
    id314026234
    classwhite-curve-top-right
    Content Column
    width70.0%
    id314026244
    Content Layer
    padding25px 25px 155px 25px
    nameP3-B: Carousel
    id13406407
    classhide-layer p3-carousel fade-in
    Content Column
    width100.0%
    id13406409
    Content Block
    padding45px 25px 0 25px
    border-width0
    id314026254
    classfade-in
    collapsiblecollapse on mobile
    WORK FROM HOME SOLUTIONS
    Content Block
    background-colortransparent
    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"

     
    margin-25px 0 0 0
    border-width0
    id314281652
    classfade-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
    width30.000002%
    id314231566
    Content Block
    id314231577
    classfade-up clean

    Image Added

    Content Block
    nameMobile
    border-width0
    id314755903
    classfade-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-layerpadding5px 45px margin0backgroundrepeat
    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

    Content Column
    width70%
    id1986219987
    OUR MISSION
    Content Block
    background-colortransparent
    paddingmargin45px 25px 0 0 0 25px
    border-width0
    id20029436011981236594
    classfade-in
    up clean

    Image Added

    Content Column
    width65.0%
    id11522859
    Content Block
    background-colortransparent
    margin-25px 0 0 00px 0 0px
    nameDesktop
    border-width0
    id1986219988174278687
    classfade-in

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

    Action Button
    margin25px 0
    linkValues
    textHow We Do It

    up
    collapsiblecollapse on mobile
    OUR PLATFORM
    Content Block
    background-colortransparent
    margin
    -45px 0 0
    0
    name
    Desktop
    border-
    classno-popup-images white-dip-top
    Content Column
    width
    		no-repeat
    background-size105%
    nameP5: Digital Workplace Design
    background-positiontop
    id1986158269
    background-imageP4-bg-v4.png
    0
    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
    width100.0%
    id1986158269
    margin5px 0 -50px 0
    nameMobile
    Content Block
    background-colortransparent
    border-width0px0
    id1131599172
    classfade-in

    Image Removed

    300514705
    collapsiblecollapse on desktop

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

    Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

    Content Block
    background-colortransparent
    border-width0
    id1985128045
    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 0

    textLearn How

     

     

    linkplatform:The Brikit Platform
    textLearn More
     

    Content Layer
    background-color#F0F4F7$mediumColor
    padding20px 0 60px 0
    margin-50px 0 25px 0
    nameP6: Brikit Platform#thisisconfluence
    id1987481579289770667
    classgray-curve-top-right no-popup-imagesfade-in
    Content Column
    width35.0%100%
    id1987481581289770668
    Content Block
    background-colortransparent
    marginpadding25px 0 0 0
    margin20px 0 10px border-width 0
    id1981236594289770678
    classfade-up clean

    Image Removed

    clean small-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
    Content Column
    width65.0%
    id11522859
    Content Block
    background-colortransparent
    margin25px 0px 0 0px
    border-width0
    id174278687
    classfade-up
    OUR PLATFORM
    platform:Brikit: The

    Digital Workplace Design

    Platform

     
    Content Block
    background-colortransparent
    margin-45px 0 0 0
    border-width0
    id1987481583198588869
    classfade-up in clean

    Getting Started With

    Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

    Action Button
    margin25px 0
    link
    textLearn More
    layerpadding25px 45px 0name176468049
    Content Layer
    0
    paddingmargin25px 0 15px 45px 0
    nameP7-AB: Getting Started Titlebackground-positiontop rightDetails
    id198588867176468049
    classwhiteno-dippopup-topimages
    Content Column
    width100%33.333332%
    id198588868176468050
    50px 0 0 0
    Content Block
    margin
    border-width0
    id198588869177584624
    classclean fade-in clean
    height60px

    Image Added

    Getting Started With Digital Workplace Design

    content-
    block
    border-width
    0
    		P7-B: Getting Started Details
    id
    176468051
    class
    		no-popup-images
    clean

    You do it

    Your time, your talent.

    contentcontent-column
    width33.333332%
    id176468050177319420
    Content Block
    border-width0
    id177584624177600150
    classclean fade-in
    height60px
    Image Removed

    Image Added

    Content Block
    border-width0
    id176468051177319421
    classclean
    You do it

    Mentorship

    Your time, your our talent.

    Action Button
    margin25px
    linkservices:Services
    textGet Started

    Content Column
    width33.333332%
    id177319420177227679
    Content Block
    border-width0
    id177600150177610141
    classclean fade-in
    height60px

    Image RemovedImage Added

    Mentorship

    Your time, our talent.

    Get Started
    Content Block
    border-width0
    id177319421177227681
    classclean
    Action Button
    margin25px
    text

    We do it

    Our experts deliver it.

    Content Layer
    background-color#F0F4F7
    margin75px 0 0 0
    nameLogo Roll Title
    id1291140645
    classgray-curve-top-right
    Content Column
    width33.333332%100%
    id1772276791291140646
    Content Block
    border-width0
    id1776101411291140647
    classclean fade-in
    height60px

    Image Removed

    Content Block
    border-width0
    id177227681
    classclean

    We do it

    Our experts deliver it.

    You're In Good Company

    layer-layer0backgroundsize700px1992920435
    content-content-layer
    background-color#F0F4F7
    marginpadding75px 0 0 120px 0
    nameClient Logo Roll Title
    id1291140645
    classgray-curve-top-right
    1290673791
    Content Column
    width100%9.999999%
    id12911406461290673793
    Content Block
    background-colortransparent
    background-repeatno-repeat
    border-border-width0
    background-imageLOGOS_Airbnb.png
    background-positioncenter
    id12911406471290908664
    classfade-in clean
    collapsiblecollapse on mobile
    height30px
     You're In Good Company
    content-
    block
    background-color
    		#F0F4F7
    padding0 0 120px 0
    nameClient Logo Roll
    id1290673791
    1290673793column1290935638
    transparent
    background-repeatno-repeat
    nameMobile
    border-width0
    background-positioncenter
    id303569857
    classfade-in clean
    collapsiblecollapse on desktop

    Image Added

    Image Added

    Content Column
    width12.500001%
    id

    Content Block
    background-colortransparent
    background-repeatno-repeat
    nameMobile
    border-width0id1290673794
    background-positioncenter
    id460346033background-imageatlassian-dark.png
    classfade-in clean
    heightcollapsible20px
    Content Column
    width12.500001%
    id1290908663
    collapse on desktop

    Image Added

    Image Added

    Content Block
    20px
    background-colortransparent
    background-repeatno-repeat
    nameMobile
    border-width0
    id1290908664
    background-positioncenter
    id460359982background-imageatlassian-dark.png
    classfade-in cleanheight
    collapsiblecollapse on desktop

    Image Added

    Image Added

    content-
    block
    width12.500001%
    id1290922015
    background-colortransparent
    Content Block
    id
    background-colortransparent
    background-repeatno-repeat
    nameMobile
    border-width0
    1290922016background-positioncenter
    id460375022background-imageatlassian-dark.png
    classfade-in clean
    heightcollapsible20px
    Content Column
    collapse on desktop

    Image Added

    Image Added

    width12.500001%
    id

    Content Block
    20px
    background-colortransparent
    background-repeatno-repeat
    nameMobile
    border-width0
    id1290935639
    background-positioncenter
    id460387106background-imageatlassian-dark.png
    classfade-in cleanheight
    collapsiblecollapse on desktop

    Image Added

    Image Added

    Content Column
    width129.500001%999999%
    id12909468171290908663
    Content Block
    background-colortransparent
    background-repeatno-repeat
    border-width0
    background-imageLOGOS_Apple.pngid1290946825
    background-positioncenter
    id1290673794background-imageatlassian-dark.png
    classfade-in clean
    collapsiblecollapse on mobile
    height20px30px
     
    Content Column
    mobile-hidetrue
    width129.500001%999999%
    id12909639301290922015
    Content Block
    20px
    background-colortransparent
    background-repeatno-repeat
    background-size80px
    border-width0
    background-imageLOGOS_Barclays.pngid1290963939
    background-positioncenter
    id1290922016background-imageatlassian-dark.png
    classfade-in clean
    collapsiblecollapse on mobile
    height30px
     
    Content Column
    mobile-hidetrue
    width129.500001%999999%
    id12909752331290935638
    Content Block
    20px
    background-colortransparent
    background-repeatno-repeat
    border-width0
    background-imageLOGOS_Cisco.pngid1290975234
    background-positioncenter
    id1290935639background-imageatlassian-dark.png
    classfade-in clean
    collapsiblecollapse on mobile
    height30px
     
    Content Column
    mobile-hidetrue
    width129.500001%999999%
    id12909866441290946817
    Content Block
    background-colortransparent
    background-repeatno-repeat
    border-width0
    background-imageLOGOS_Coca-Cola.pngid1290986645
    background-positioncenter
    background-imageatlassian-dark.png
    id1290946825
    classfade-in clean
    collapsiblecollapse on mobile
    height30px20px
     
    content
    -column
    mobile-hidetrue
    width9.999999%
    id1290963930
    Content Block
    background-colortransparent
    padding35px 25px 100px 25px
    margin
    background-repeatno-repeat
    border-
    width
    0
    nameP8: Testimonials
    background-image-themeDOCShome_jots2.png
    id
    background-imageLOGOS_Disney.png
    background-positioncenter
    id1290963939
    class
    		white-curve-top-right1992948437
    fade-in clean
    collapsiblecollapse on mobile
    height30px
     
    Content Column
    width30.0%
    id
    Content Column
    mobile-hidetrue
    width409.0%999999%
    id19929204361290975233
    Content Block
    background-colortransparent
    padding10px
    margin0 0 50px 0
    border-width0
    background-repeatno-repeat
    border-width0
    background-imageLOGOS_EA.png
    background-positioncenter
    id1290975234id1992920437
    classfade-right in clean
    collapsiblecollapse on mobile
    height30px
     What Others Are Saying
    blockborderradius
    content-
    Column
    mobile-
    hidetrue
    width9.999999%
    id1290986644
    Content Block
    background-colortransparent
    background-repeatno-repeat
    5px
    padding30px 50px 0 50px
    box-shadow0px 0px 45px #e7e7e7
    margin0 0 50px 0
    overflowvisible
    border-width0
    id515454208
    height200px

    HTML Wrap
    margin-75px 0 10px 0

    Rotate Content
    render-without-blockstrue
    source-pageTestimonials Content
    controls-horizontal-positionright
    controls-vertical-positionbottom
    controls-horizontal-margin180px
    controls-vertical-margin20px
    animationslideLeft

    Content Column
    width30.0%
    id515336164
    Content Layer
    background-color$lightColor
    nameP9: Instagram Feed
    id857988395
    classgray-curve-top no-popup-images
    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 Column
    width100%
    id857988396
    Content Block
    background-colortransparent
    background-repeatno-repeat
    border-width0px0
    id857988397
    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
    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>

    The Latest from @teambrikit

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

     

    Image Removed

     

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

    
    
    

            

    

    

    




    
    

    
    
    


    


            


		
    
	
	
		
    
		
    
	    	
    
									
    
				
    
	
    
		
    
					

		
    
	
    


	
    
		
    
					
    Platform
     
    
		
    
	
    


	
    
		
    
					
    Company
    
		
    
	
    


	
    
		
    
					
    Support
    
		
    
	
    


	
    
		
    
					

    Brikit Services
    
		
    
	
    


    

    

	
    
		
    
					

    Copyright © 2023 Brikit Inc. All Rights Reserved.
    
		
    
	
    



	
    
		
    
					

		
    
	
    


    

    

	
    
		
    
					

    Powered by Atlassian Confluence  and Brikit