Section is part of page with separate background, has several paramaters that can be changed:
- “bg-2” class – define background-color, you can also use “bg-1”
- “topOrnament” class – adds fancy strip at the top of section (just remove class to disable it)
- “repeated” class – it will repeat background image (like brick background in “story” section, it is optional)
- data-topspace – top padding for section
- data-bottomspace – bottom padding for section
- scroll=”scroll” – background will scroll instead be fixed (optional parameter)
- data-image – path to background image, best resolution is 1920px x 1200px
In {Theme} we have 2 types of sections:
PARALLAX SECTION
HTML MARKUP:
1 2 3 4 5 6 7 8 9 |
<div class="bg-1 topOrnament section"> <div class="inner" data-image="./assets/images/demo-content/background-1.jpg"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">container</span>"></span> [section content] </div> </div> </div> |
SECTION
HTML MARKUP:
1 2 3 4 5 6 7 8 9 |
<div class="bg-2 topOrnament section"> <div class="inner repeated" data-topspace="20" data-bottomspace="20" scroll="scroll" data-image="flavours/pizza/images/content/background-6.jpg"> <div class="container"> [section content] </div> </div> </div> |