Brikit

Page tree

Versions Compared

Old Version 26

changes.mady.by.user Darryl Duke

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

 

 

#F0F4F7
content-layer
name*Hidden* P1-B: Carousel
id1127242644
class clean white-curve-top-right hide-layer
Content Column
width100%
id1127242645
Content Block
background-color
transparent
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
0px 75px 0px
background-color#F0F4F7
padding0 0 50px 0
margin0margin-50px 0 0 0
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

1997075853content-block
Content Column
width12.500001%70%
id19970561691986219987
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktopbackground-repeatno-repeat
border-width0
id
background-imageapple-dark.png
background-positioncenter
2002943601
classfade-in
collapsiblecollapse on mobile
OUR MISSION
Content Block
background-colortransparent
margin-25px 0 0 0
nameDesktop
border-width0
id1986219988id1997056171
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-imageatlassian-dark.png
background-positioncenter
id1997075854
classfade-in
height20px
 
Content Column
width12.500001%
id1997099251
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

0walgreensdarkcenter1997099252
Content Layer
background-colortransparent
padding5px 0 45px 0
background-repeatno-repeat
margin0
border-width
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
fade-in
height20px
 
Content Column
background-colortransparent
width12100.500001%0%
id19971239011986158269
Content Block
background-colortransparent
border-width0px
id1131599172
classfade-in

Image Added

Content Block
20px
background-colortransparent
border-width0
id1985128045
background-repeatno-repeat
border-width0
background-imageea-dark.png
background-positioncenter
id1997123902
classfade-in heightclean

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%
id1997139326314026244
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-imagesamsung-dark.png
background-positioncenter
id1997139327
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%
id1998489107314231566
Content Block
id314231577
classfade-up clean

Image Added

Content Block
nameMobile
background-colortransparent
background-repeatno-repeat
border-width0
background-imageneiman-marcus-dark.png
background-positioncenter
id1998489109
classfade-in
height20px
 
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
width1235.500001%0%
id19985305841987481581
Content Block
background-colortransparentbackground-repeat
margin25px 0 0 0no-repeat
border-width0
background-imagezillow-dark.png
background-positioncenter
id1981236594
classfade-up clean

Image Added

Content Column
width65.0%
id11522859
Content Block
background-colortransparent
margin25px 0px 0 0px
nameDesktop
border-width0
id174278687id1998530585
classfade-inup
heightcollapsible20px
 
Content Layer
nameP3-A: Title
id1127242644
classclean white-curve-top-right
1127242645
collapse 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%
id

Content Block
background-colortransparent
paddingmargin5px 0 -50px 0
nameMobile0 25px
border-width0
id3005147051128088896
YOU'RE IN GOOD COMPANY
Content Block
background-colortransparent
border-width0
id1127242646
classclean

Hundreds of companies use Brikit to:

Content Layer
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
class
padding25px 25px 155px 25px
nameP3-B: Carousel
id13406407
classp3-carousel fade-in
Content Column
width100.0%100%
id13406409289770668
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"

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
container-padding0 50px
nameTemporary Links
id10
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
  • Collaborating with a common purpose
  • Aligning vision with values
    • Uniting diverse disciplines and individuals

    Content Layer
    background-color#F0F4F7
    paddingmargin75px 0 0 50px 0
    margin0
    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 0Image RemovedP5: Digital Workplace Design1986158269white-dip-top no-popup-images
    Content Layer
    background-color
    #F0F4F7
    padding
    0 0 120px 0
    		border-width
    nameClient Logo Roll
    id
    		1984876885
    classfade-right
    1290673791
    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

    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 -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
    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
    Content Column
    width33.333332%
    id176468050
    Content Block
    border-width0
    id177584624
    classclean fade-in
    height60px

    Image Removed

    content-block
    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: Testimonials1992920435graycurve-top-
    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 #e7e7e7
    padding30px 50px 0 50px
    margin0 0 50px 0
    overflowvisible
    nameDesktop
    Content Block
    background-colortransparent
    padding20px
    margin60px 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

    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