Brikit

Page tree

Versions Compared

Old Version 113

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
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
Content Layer
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-blockid1137941049classhomecarousel
Content Block
margin45px 0 0 0
id1232962202
classclean no-popup-images

Image Removed

collapsiblecollapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin

0 200pxborder-width

10vh 0 0 0

class

scroll-arrow

Image Added

HTML-

wrap

height140px

Rotate Content
render-without-blockstrue
source-pageP1 Carousel
delay0
non-randomtrue
controls-horizontal-positionleft
controls-vertical-positiontop
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

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
classgray-curve-top-right no-popup-images
Content Layer
background-color#F0F4F7
padding0px 0px 75px 0px
margin-50px 0 0 0
nameP2: Client Logo Roll
id1996575224
classhide-layer gray-curve-top-right clean
Content Column
width12.500001%
id1996575226
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imagesiemens-dark.png
background-positioncenter
id1996575228
classfade-in
height20px
Content Column
width1229.500001%999998%
id19970561691984876884
Content Block
background-colortransparentbackground-repeat
margin5px 0 0 0no-repeat
border-width0
background-imageapple-dark.png
background-positioncenter
id1997056171
id1984876885
classfade-inright
heightcollapsible20pxcollapse on mobile
 

Image Added

Content Column
width12.500001%70%
id19970758531986219987
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktopbackground-repeatno-repeat
border-width0
background-imageatlassian-dark.png
background-positioncenter
id1997075854
classfade-in
height20px
 
Content Column
width12.500001%
id1997099251
id2002943601
classfade-in
collapsiblecollapse on mobile
OUR MISSION
content-content-block
background-colortransparent
margin-25px 0 0 0
nameDesktopbackground-repeatno-repeat
border-width0
background-imagewalgreens-dark.png
background-positioncenter
id1997099252
id1986219988
classfade-in
heightcollapsible20px
 
Content Column
width12.500001%
id1997123901
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
Content Block
Content Block
background-colortransparent
nameMobilebackground-repeatno-repeat
border-width0background-imageea-dark.png
background-positioncenter
id1997123902298800676
classfade-in
heightcollapsible20pxcollapse on desktop
 

Image Added

HTML-

wrap

padding

0px

id1997139326

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-widthimagesamsung-darkcenter1997139327 
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
1998530584
Content Column
background-colortransparent
width12100.500001%0%
id19984891071986158269
width12.500001%
id
Content Block
background-colortransparent
background-repeatno-repeat
border-border-width0
background-imageneiman-marcus-dark.png
background-positioncenter
0px
id1131599172id1998489109
classfade-in
height20px
 
Content Column

Image Added

Content Block
background-colortransparent
backgroundborder-repeatno-repeat
border-width0
background-imagezillow-dark.png
background-positioncenter
width0
id1985128045id1998530585
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
314026254
classfade-in
collapsiblecollapse on mobile
WORK FROM HOME SOLUTIONS
Content Block
background-colortransparent
margin-25px 0 0 0
border-width0
id1127242646314281652
classclean

Hundreds of companies use Brikit to:

Content Layer
container-padding0 50px
nameTemporary Links
id10
classhide-layer
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
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-images19848768842002943601
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

Content Block
background-colortransparent
margin25px 5px 0 0 0-50px 0
nameMobile
border-width0
id1984876885
classfade-right

Image Removed

Content Column
width70%
id1986219987
Content Block
background-colortransparent
padding45px 25px 0 25px
border-width0
id
300514705
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
 

transparent
Content Layer
background-color$mediumColor
padding0
margin0
name#thisisconfluence
id289770667
classfade-in
OUR MISSION
Content Column
width100%
id289770668
Content Block
background-colortransparent
padding0
margin-25px 20px 0 10px 0 0
border-width0
id1986219988
classfade-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
background-color
id289770678
classclean 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
margin0background-sizecover65px 0 15px 0
nameP5: Digital Workplace DesignP7-A: Getting Started Title
background-positioncentertop right
id1986158269
classno-popup-images white-dip-top
198588867
transparent
Content Column
background-color
width100.0%100%
id1986158269198588868
Content Block
margin50px 0 0 0background-colortransparent
border-width0px0
id1131599172198588869
classfade-in clean

Getting Started With Digital Workplace Design

Image Removed

block
content-
layer
padding25px 0 45px 0
nameP7-B: Getting Started Details
id176468049
classno-popup-images
Content Column
width33.333332%
id176468050
transparent
Content Block
background-color
border-width0
id1985128045177584624
classclean fade-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
height60px

Image Added

Content Block
border-width0
id176468051
classclean

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
background-colortransparent
margin
border-width0
id177610141
classclean fade-in
height60px

Image Added

25px 0px 0 0px
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
classgray-curve-top-right
Content Column
width100%
id1291140646
Content Block
border-width0
id1291140647
classclean

You're In Good Company

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
 

layerclasspopup-imagesgray-curve-top-right
Content Layer
paddingbackground-color0#F0F4F7
marginpadding25px 0 0 120px 0
nameP7-A: Getting Started Titlebackground-positiontop rightClient Logo Roll
id198588867classwhite-dip-top1290673791
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
background-colortransparent
background-repeat
Content Column
width33.333332%
id176468050
Content Block
no-
repeat
nameMobile
border-width0
background-positioncenter
id177584624303569857
classclean fade-in clean
heightcollapsible60pxcollapse 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
width33.333332%
id177227679
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460359982
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

content-block
Content Block
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id177610141460375022
classclean fade-in
height60px
clean
collapsiblecollapse on desktop

Image Added

Image Added

Image Removed

Content Block
borderbackground-widthcolor0
id177227681
classclean

We do it

Our experts deliver it.

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

Image Added

Image Added

background-color#F0F4F7
padding50px 25px
margin75px 0 0 0
nameP8: Testimonials
id1992920435
class

Content Column
width259.0%999999%
id19929484371290908663
Content Block
background-colortransparent
padding20px
margin60px 0 0 0
border-width0
background-repeatno-repeat
border-width0
background-imageLOGOS_Apple.png
background-positioncenter
id1290673794id1992920437
classfade-right in clean

What Others
Are Saying

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action Button
margin25px 0
textView All
classsmall-button

Content Column
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290922015
width75.0%
id1992920436
Content Block
background-colortransparent
background-repeatno-repeat
background-size80pxmargin0 25px 50px 0
border-width0
background-imageLOGOS_Barclays.png
background-positioncenter
id19929204381290922016
classfade-in clean
collapsiblecollapse on mobile
height30px300px
 rotate
contentsourcepageTestimonialsdelay
content-
Column
mobile-
hide
true
width9.999999%
id1290935638
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Cisco.png
background-positioncenter
id1290935639
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
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