Brikit

Page tree

Versions Compared

Old Version 15

changes.mady.by.user Darryl Duke

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
body

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

Image Removed

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

 

 

 

 

HTML Add Class
button-testbutton-testselector
Content Layer
padding0
margin-40px 0 50px 0
nameP1-B: Subhead + Action Button: Hero - Mobile
id1125960044282111053
classcleanhome-hero-mobile
Content Column
width100%
id1125960045282111054
1126393550
Content Block
padding40px 0 0 0
margin75px 0 25px 0
id282111056
border-width0
id1125960046
classclean p2no-header fade-up

with Digital Workplace Design

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

Content Block
background-colortransparent
border-width0
id

Action Button
margin25px0
linkdesignlearn:Digital Workplace Design
textLearn More
classsmall-button

 

 

Content Layer
name*Hidden* P1-B: Carousel
id1127242644
class clean white
background-color#F0F4F7
padding0px 0px 75px 0px
margin-50px 0 0 0
nameP2: Client Logo Roll
id1996575224
classgray-curve-top-right cleanhide-layer
Content Column
width12.500001%100%
id19965752261127242645
Content Block
background-colortransparent
padding25px 25px 25px 100px
margin25px 200px 0px 200pxbackground-repeatno-repeat
border-width0
background-imagesiemens-dark.png
background-positioncenter
id1996575228
classfade-in
height20px
 
0px
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 Column
width1229.500001%999998%
id19970561691984876884
Content Block
background-colortransparentbackground-repeat
margin5px 0 0 0no-repeat
border-width0background-imageapple-dark.png
background-positioncenter
id19970561711984876885
classfade-inright
heightcollapsible20pxcollapse on mobile
 

Image Added

1997099251content-block
Content Column
width12.500001%70%
id19970758531986219987
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktopbackground-repeatno-repeat
border-width0
id2002943601
classfade-in
collapsiblecollapse on mobile
OUR MISSION
Content Block
background-imagecolortransparent
margin-25px 0 0 0
nameDesktop
border-width0atlassian-dark.pngbackground-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

Content Block
background-colortransparent
nameMobilebackground-repeatno-repeat
border-width0
background-imagewalgreens-dark.png
background-positioncenter
id1997099252
classfade-in
height20px
 
Content Column
width12.500001%
id1997123901
id298800676
classfade-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

0eadarkcenter1997123902 
Content Layer
background-colortransparent
padding5px 0 45px 0
background-repeatno-repeat
margin
border-width
0
background-size105%
name*Hidden* P3: Digital Workplace Design
background-image
P4-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
border-width0px
id1131599172
classfade-in

Image Added

Content Block
background-colortransparent
border-width0
id1985128045
background-repeatno-repeat
border-width0
background-imagesamsung-dark.png
background-positioncenter
id1997139327
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
classwhite-curve-top-right
Content Column
width1270.500001%0%
id1998489107314026244
Content Block
padding45px 25px 0 25px
border-width0
id314026254
classfade-in
collapsiblecollapse on mobile
WORK FROM HOME SOLUTIONS
Content Block
background-colortransparent
margin-25px 0 0 0
border-width0
id314281652
background-colortransparent
background-repeatno-repeat
border-width0
background-imageneiman-marcus-dark.png
background-positioncenter
id1998489109
classfade-in
height20px
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
width1230.500001%000002%
id1998530584314231566
Content Block
id314231577
classfade-up clean

Image Added

Content Block
nameMobile
background-colortransparent
background-repeatno-repeat
border-width0
id
background-imagezillow-dark.png
background-positioncenter
id1998530585
classfade-in
height20px
 
Content Layer
314755903
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
nameP3-A: Title
id1127242644
classclean white-curve-top-right
Content Column
width100%35.0%
id11272426451987481581
YOU'RE IN GOOD COMPANY
Content Block
background-colortransparent
paddingmargin25px 0 25px0 0
border-width0
id1128088896
1981236594
classfade-up clean

Image Added

Content Column
width65.0%
id11522859
Content Block
background-colortransparent
margin25px 0px 0 0px
nameDesktop
border-width0
id1127242646174278687
classclean

Hundreds of companies use Brikit to:

Content Layer
padding25px 25px 155px 25px
nameP3-B: Carousel
id13406407
classp3-carousel fade-in
13406409
fade-up
collapsiblecollapse on mobile
OUR PLATFORM
Content Block
background-colortransparent
margin-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 Column
width100.0%
id

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"

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 Block
background-colortransparent
padding0
margin20px 0 10px 0
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
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
classno-popup-images
Content Column
width33.333332%
id176468050
Content Block
border-width0
id177584624
classclean fade-in
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
width33.333332%
id177227679
Content Block
border-width0
id177610141
classclean fade-in
height60px

Image Added

Content Block
border-width0
id177227681
classclean

We do it

Our experts deliver it.

Content Layer
margin0
container-padding0 50px
nameTemporary Links
id10
classfaster-better-together gray-curve-top
Content Column
columnalternate
width33.333%
id101
Content Block
id1011
classclean fade-in bullet-green
  • Creating an agile organization built on stability
  • Onboarding employees to accelerate productivity
  • Deploying rapid organizational change
Content Column
columnalternate
width33.333%
id102
Content Block
id1021
classclean fade-in bullet-red
  • Designing for employee experience and engagement
  • Eliminating information overload
  • Making every worker a knowledge worker
Content Column
columnalternate
width33.333%
id103
Content Block
id1031
classclean fade-in bullet-yellow
  • Collaborating with a common purpose
  • Aligning personal goals with company vision
Uniting diverse disciplines and individuals

Content Layer
background-color#F0F4F7
paddingmargin0 75px 0 50px 0 margin 0
nameP4: Mission StatementLogo Roll Title
id19848768831291140645
classgray-curve-top-right no-popup-images
Content Column
width29.999998%100%
id19848768841291140646
Content Block
border-width0
id1291140647
classclean

You're In Good Company

transparentmargin25px 0P5: Digital Workplace Design1986158269white-dip-top no-popup-images
Content Layer
background-color
#F0F4F7
padding
0 0 120px 0
border-width
nameClient Logo Roll
id1290673791
1984876885
classfade-right

Image Removed

Content Column
width70%9.999999%
id19862199871290673793
Content Block
background-colortransparent
background-repeatno-repeatpadding45px 25px 0 25px
border-width0
background-imageLOGOS_Airbnb.png
background-positioncenter
id20029436011290908664
classfade-in clean
collapsiblecollapse on mobile
height30px
 
OUR MISSION
Content Block
background-colortransparent
marginbackground-repeatno-repeat
nameMobile-25px 0 0 0
border-width0
background-positioncenter
id1986219988303569857
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
clean
collapsiblecollapse on desktop

Image Added

Image Added

Content Block
background-colortransparent
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
padding0
margin-50px 0 0 0
background-sizecover
name
background-positioncenter
id
460359982
class
column
fade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

content-
block
background-colortransparent
width100.0%
id1986158269
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460375022
Content Block
border-width0px
id1131599172
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

Image Removed

Content Block
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id1985128045460387106
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
collapsiblecollapse on desktop

Image Added

Image Added

Content Column
width9.999999%
id1290908663
Content Block
background-colortransparent
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
width35.0%
id1987481581
Content Block
background-colortransparent
background-repeatno-repeat
background-size80pxmargin25px 0 0 0
border-width0
background-imageLOGOS_Barclays.png
background-positioncenter
id19812365941290922016
classfade-up in clean
collapsiblecollapse on mobile
height30px
 Image Removed
Content Column
mobile-hidetrue
width659.0%999999%
id115228591290935638
THE BRIKIT PLATFORM
Content Block
background-colortransparent
background-repeatno-repeatmargin25px 0px 0 0px
border-width0
background-imageLOGOS_Cisco.png
background-positioncenter
id1742786871290935639
classfade-up
in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290946817
Content Block
background-colortransparent
marginbackground-repeatno-45px 0 0 0repeat
border-width0
background-imageLOGOS_Coca-Cola.png
background-positioncenter
id19874815831290946825
classfade-up

Digital Workplace Design transforms Atlassian Confluence into a powerful collaboration platform that connects your people to get work done.

Action Button
margin25px 0
textLearn More
classsmall-button
url#
 

Content Layer
padding0
margin25px 0 -25px 0
nameP7-A: Getting Started Title
background-positiontop right
id198588867
classwhite-dip-top
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
Content Column
width100%
id198588868
Content Block
margin50px 0 0 0
border-width0
id198588869
classfade-in clean

Getting Started With Digital Workplace Design

Content Layer
nameP7-B: Getting Started Details
id176468049
classno-popup-images
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290986644
Content Block
background-colortransparent
background-repeatno-repeat
Content Column
width33.333332%
id176468050
content-blockImage Removed
border-width0
background-imageLOGOS_Jaguar.png
background-positioncenter
id1775846241290986645
classclean fade-in clean
height60px
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
id176468051286507833
classfade-in clean
collapsiblecollapse on mobile
height30px
 

You do it

Your time, your talent.
Content Column
mobile-hidetrue
width339.333332%999999%
id177319420286518368
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Uber.png
background-positioncenter
id177600150286518379
classclean fade-in clean
collapsiblecollapse on mobile
height60px30px
Image Removed 
-blockborder-widthid177319421class

Mentorship

Your time, our talent.

small-buttonlayer#F0F4F750px 25px75px P8: Testimonials1992920435gray-curvetop-
content-layer
padding35px 25px 100px 25px
background-repeatno-repeat
margin
0
background-size
700px
name
clean
Action Button
margin25px
textGet Started
P8: Testimonials
background-image-themeDOCShome_jots2.png
background-positioncenter
id1992920435
classwhite-curve-top-right
class
Content Column
177227679
width3330.333332%0%
id1992948437
 
blockborder-0177610141
content-
Column
width
40.0%
id
1992920436
content-block
Content Block
background-colortransparent
padding10px
margin0 0 50px 0
nameDesktop
classclean fade-in
height60px

Image Removed

border-width0
id1772276811992920437
classfade-right clean
collapsiblecollapse on mobile

What Others Are Saying

We do it

Our experts deliver it.

content-
block
background-color
transparent
padding
10px
margin
0 0 50px 0
name
Mobile
border-width0
id
301227091
class
fade-
10000
right clean
Content Column
width25.0%
id1992948437
collapsiblecollapse on desktop

What Others Are Saying

Content Block
border-radius5px
box-shadow0px 0px 45px #e7e7e7background-colortransparent
padding20px30px 50px 0 50px
margin60px 0 0 50px 0
overflowvisible
nameDesktop
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

Content Column
width75.0%
id1992920436
515454208
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
Content Block
300px
background-colortransparent
margin0 25px 50px 0
border-width0
id1992920438
classfade-in
height
301335113
collapsiblecollapse on desktop
height410px

HTML Wrap
padding25px 10px
margin0 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content

delay10000

non-randomtrue
controls-horizontal-position

left

right
controls-vertical-positionbottom
controls-horizontal-margin

375px

125px
controls-vertical-margin

30pxinitial-delay

20px
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/

Platform

 

Company
Support
Brikit Services

Copyright © 2023 Brikit Inc. All Rights Reserved.

Powered by Atlassian Confluence and Brikit