Sections .section.head .corset h1

Sections are just wrapper for content, they come with some nice states:

.hard-top

.dotted-top

.shine-top

.dark

.bright

.brand

.one

.two

.three

.blank

.bright + .speech

.brand + .speech

.shine-top .shine-bottom .compact

.shine-bottom .compact

.black

.rotated.top-left

Caution! rotated sections need the following css:
html, body { overflow-x: hidden; }

.black

.rotated.top-right

Caution! rotated sections need the following css:
html, body { overflow-x: hidden; }

.black

.rotated.bottom-left

Caution! rotated sections need the following css:
html, body { overflow-x: hidden; }

.black

.rotated.bottom-right

Caution! rotated sections need the following css:
html, body { overflow-x: hidden; }

.black

.rotated.both-left

Caution! rotated sections need the following css:
html, body { overflow-x: hidden; }

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

.image



with pictures makes more sensce ...

.rotated.both-right

Caution! rotated sections need the following css:
html, body { overflow-x: hidden; }

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

.image.fixed


with pictures makes more sensce ...










.black

.black

Sizes:

Class Padding-Top Padding-Bottom
50px 50px
.section-xs
.sctn-xs
.compact
10px 10px
.section-sm
.sctn-sm
.flatted
30px 30px
.section-lg
.sctn-lg
.fat
80px 80px
.section-xl
.sctn-xl
.fatter
120px 120px
.section-xxl
.sctn-xxl
200px 200px
.flat 0px 0px
.flat-top 0px
.flat-bottom 0px

.black

.black