Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim 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. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ad minim veniam quis nostrud exercitation ullamco laboris.
Usage
<section class="section-base">
<div class="container">
</div>
</section>
Settings
| Name | Type | Description |
|---|---|---|
| Light color | CSS |
Add the class light to the section to convert all colors to white. Use this feature for dark backgrounds.
Try it
Light
|
| Background color | CSS |
Add the class section-color to the section to apply the main background color.
Try it
Background color
|
| Full screen | CSS |
Add the class full-screen to the section to set the height of the section to full screen.
Use the attribute data-offset="123" to adjust the header height.
Try it
Full screen
|
| Full width | CSS |
Add the class section-full-width to make the section full width.Add the class section-full-width-left to make the section full width only on left.Add the class section-full-width-right to make the section full width only on right.Full width right and left sections require two col-lg-6 as main content.
Try it
Full width
|
| Center alignment | CSS |
Add the class section-center to the section to vertically center the content inside it.
Try it
Align center
|
| No padding | CSS |
Add the class no-padding-y to remove the vertical padding, the class no-padding-x to remove the horizontal padding
and the class no-padding to remove both padding. Add the class no-padding-top or no-padding-bottom to remove only the top or bottom padding.
|
| Code location | Information |
The sections must be placed inside the <main> </main> code block.
For more details visit the getting started page.
|