Brikit

Page tree

Versions Compared

Old Version 148

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 150pxborderwidth0id
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

0

classscroll-

arrow

Image Added

HTML Wrap

1137941049
classhome-carousel
height140px

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
actionbuttonmargin25pxsmall-button
Content Block

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
padding25px 25px 25px 100px
margin25px 200px 0px 200pxmargin-40px 0 50px 0
border-width00px
id1495877331126393550
class
home-
carousel
height
150px
linkdesign:Digital Workplace Design
textLearn More
class

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

 

 

Content Layer
background-color#F0F4F7
padding0px 0px 75px 0px0 0 50px 0
margin-50px 0 0 00
nameP2: Client Logo RollMission Statement
id19965752241984876883
classgray-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

column1997099251
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
heightcollapsible20pxcollapse on mobile
OUR MISSION
 
content-
block
width12.500001%
id1997075853
background-colortransparent
margin-25px 0 0 0
nameDesktop
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-dark.png
background-positioncenter
id19970758541986219988
classfade-in
heightcollapsible20px
 
Content Column
collapse on mobile

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

Action Button
margin25px 0
linkValues
textHow We Do It

width12.500001%
id

contentcolumnwidth12.500001%transparent
Content 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
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageea-dark.png
background-positioncenter
id1997123902
classfade-in
height20px
 
Content Column
width12.500001%
id1997139326
Content Block
background-color

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

0samsungdarkcenter1997139327
Content Layer
background-colortransparent
padding5px 0 45px 0
background-repeatno-repeat
border-width
margin0
background-size105%
name*Hidden* P3: Digital Workplace Design
background-image
P4-bg-
v4.png
background-position
top
id
1986158269
classhide-layer no-popup-images white-dip-top
column
fade-in
height20px
 
Content Column
background-colortransparent
width12100.500001%0%
id19984891071986158269
Content Block
background-repeat
background-colortransparentno-repeat
border-width0
background-imageneiman-marcus-dark.png
background-positioncenter
0px
id1131599172id1998489109
classfade-in
height20px
 

Image Added

content-
width12.500001%
id1998530584
content-block
background-repeat
background-colortransparentno-repeat
border-width0
background-imagezillow-dark.png
background-positioncenter
id19985305851985128045
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

 

 

 

Content Layer
padding25px 0 100px 0
id314026234
class
Content Layer
nameP3-A: Title
id1127242644
classhide-layer clean white-curve-top-right
Content Column
width100%70.0%
id1127242645314026244
transparent
Content Block
background-color
padding45px 25px 0 25px
border-width0
id1128088896
YOU'RE IN GOOD COMPANY
Content Block
background-colortransparent
border-width0
id1127242646
classclean

Hundreds of companies use Brikit to:

Content Layer
container-padding0 50px
nameTemporary Links
id10
classhide-layer
314026254
classfade-in
collapsiblecollapse on mobile
WORK FROM HOME SOLUTIONS
Content Block
background-colortransparent
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 Column
columnalternate
width33.333%
id101
Content Block
id1011314231577
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
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 Layer
padding25px 25px 155px 25px
nameP3-B: Carousel
id13406407
classhide-layer p3-carousel fade-in
Content Layer
background-color#F0F4F7
padding0 0 50px 0
Content Column
width10035.0%
id134064091987481581
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"

  P4: Mission Statement1984876883
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 Block
background-colortransparent
margin-45px 0 0 0
name
Desktop
border-width0
id
1987481583
class
gray-curve-top-right no-popup-images1984876884content-block
fade-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 Column
width29.999998%
id

right
Content Block
background-colortransparent
margin25px 5px 0 0 0-50px 0
nameMobile
border-width0
id3005147051984876885
collapsibleclasscollapse on desktopfade

HTML-

Image Removed

Content Column
width70%
id1986219987

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
 

transparent45px 25px 25pxborder-width2002943601
Content Layer
background-color
$mediumColor
padding
0
margin0
name#thisisconfluence
id
289770667
classfade-in
OUR MISSION
Content Column
width100%
id289770668
Content Block
background-colortransparent
marginpadding-25px 0 0 0
margin20px 0 10px border-width 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

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

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

Image AddedImage Removed

background-color
Content Block
transparentborder-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
background-color#F0F4F7
padding20px 0 60px 0
margin-50px 0 25px 0
nameP6: Brikit Platform
id1987481579
classgray-curve-top-right no-popup-images

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

Content Column
width35.0%
id1987481581
Content Block
background-colortransparent
margin25px 0 0 0
border-width0
id1981236594
classfade-up clean

Image Removed

Content Column
width6533.0%333332%
id11522859177227679
Content Block
25px 0px 0 0px
backgroundborder-colorwidthtransparentmargin0
id177610141
classclean fade-in
height60px

Image Added

Content Block
border-width0
id174278687177227681
classfade-up clean

We do it

Our experts deliver it.

OUR PLATFORM

blocktransparent-45px 01987481583
content-
layer
background-color
#F0F4F7
margin
75px 0 0 0
border-width
nameLogo Roll Title
id
1291140645
class
fade-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
gray-curve-top-right
Content Column
width100%
id1291140646
Content Block
border-width0
id1291140647
classclean

You're In Good Company

layer1290673791layerbackgroundcolor#F0F4F7
Content Layer
background-color#F0F4F7
padding0 0 120px 0
nameClient Logo Roll
id1290673791
padding0
margin25px 0 0 0
nameP7-A: Getting Started Title
background-positiontop right
id198588867
classwhite-dip-top
Content Column
width100%9.999999%
id1985888681290673793
Content Block
background-colortransparent
background-repeatno-repeatmargin50px 0 0 0
border-width0
background-imageLOGOS_Airbnb.png
background-positioncenter
id1985888691290908664
classfade-in clean
collapsiblecollapse on mobile
height30px
 Getting Started With Digital Workplace Design
content-
block
nameP7-B: Getting Started Details
id176468049
classno-popup-images
Content Column
width33.333332%
id176468050
Content Block
background-colortransparent
background-repeatno-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
Content Block
border-width0
id177600150
classclean fade-in
height60px

Image Removed

Content Block
border-width0
id177319421
classclean

Mentorship

Your time, our talent.

Action Button
margin25px
textGet Started
classsmall-button

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

Image Added

Image Added

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

Image Added

Image Added

Content Block
background-colortransparent
background-repeatno-repeat
nameMobile
Content Column
width33.333332%
id177227679
content-block
border-width0
background-positioncenter
id177610141460375022
classclean fade-in
height60px
clean
collapsiblecollapse on desktop

Image Added

Image Added

Image Removed

Content Block
borderbackground-widthcolor0transparent
id177227681
classclean

We do it

Our experts deliver it.

Content Layer
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460387106
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

background-color#F0F4F7
nameClient Logo Roll
id

Content Column
width129.500001%999999%
id12906737931290908663
Content Block
id20px
background-colortransparent
background-repeatno-repeat
border-width01290673794
background-imageLOGOS_Apple.png
background-positioncenter
id1290673794background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909086631290922015
Content Block
background-colortransparent
background-repeatno-repeat
background-size80px
border-width0
background-imageLOGOS_Barclays.pngid1290908664
background-positioncenter
id1290922016background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px20px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909220151290935638
Content Block
20px
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Cisco.pngid1290922016
background-positioncenter
id1290935639background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909356381290946817
Content Block
20px
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Coca-Cola.pngid1290935639
background-positioncenter
id1290946825background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909468171290963930
Content Block
20px
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Disney.pngid1290946825
background-positioncenter
id1290963939background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909639301290975233
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_EA.pngid1290963939
background-positioncenter
id1290975234background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px20px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909752331290986644
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Jaguar.pngid1290975234
background-positioncenter
id1290986645background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height20px30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id1290986644286507832
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Kroger.pngid1290986645
background-positioncenter
id286507833background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px20px
 
content-
Column
mobile-
hide
true
padding50px 25px
margin75px 0 0 0
nameP8: Testimonials
id1992920435
classgray-curve-top-right
width9.999999%
id286518368
content-
Content Column
width25.0%
id1992948437
content-block
background-colortransparent
padding20px
background-repeatno-repeatmargin60px 0 0 0
border-width0
id1992920437
classfade-right clean

What Others
Are Saying

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action Button
margin25px 0
textView All
classsmall-button

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>


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

Content Column
width75.0%
id1992920436
10000

Content Block
background-colortransparent
margin0 25px 50px 0
border-width0
id1992920438
classfade-in
height300px
Rotate Content
source-pageTestimonials
delay10000
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