Discipline will take you places motivation can't

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Predefined Classes

These are the classes you’ll use in the outer container, your section.

  • section-xxl (For extra, extra large sections and small banners)
  • section-xl (Extra large sections with plenty of spacing)
  • section-l (Large sections and the one I use for most sections)
  • section-m (Medium sections)
  • section-s (Small sections)
  • section-xs (Extra small sections)
  • section-xxs (Extra extra small sections)
  • section-hero (control the VH for hero banners, by default is set to 100vh)
  • section-full (Creates a full width section removing padding on the sides, add another section class to add padding on the top and bottom)
  • section-narrow (Creates a narrow section giving the content in the section 1000px)
  • section-narrow-xs (Creates an extra narrow section giving the content in the section 720px)
  • section-offset (Use for banners with overlay headers. This will offset the top padding)