Layout Examples
Jumbotron Heading Text
Jumbotron on top of background image with responsive spacing - from small spacing on small screens to extra large spacing on extra extra large screens.
Full width info background
Lead paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elementum augue sed tempor. Pellentesque condimentum tortor ut aliquet gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dictum tortor.
Proin laoreet condimentum quam, vel imperdiet tortor imperdiet nec. Sed augue purus, sollicitudin sed neque nec, viverra condimentum sem. Nam dui sem, molestie sit amet felis vitae, pharetra bibendum arcu. Pellentesque imperdiet magna ac nibh tristique bibendum. Ut consequat diam id volutpat semper. Sed vel ultrices velit, sit amet cursus metus.
Full width background image with opacity
Lead paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elementum augue sed tempor. Pellentesque condimentum tortor ut aliquet gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dictum tortor.
Proin laoreet condimentum quam, vel imperdiet tortor imperdiet nec. Sed augue purus, sollicitudin sed neque nec, viverra condimentum sem. Nam dui sem, molestie sit amet felis vitae, pharetra bibendum arcu. Pellentesque imperdiet magna ac nibh tristique bibendum. Ut consequat diam id volutpat semper. Sed vel ultrices velit, sit amet cursus metus.
Full width white background
Lead paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elementum augue sed tempor. Pellentesque condimentum tortor ut aliquet gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dictum tortor.
Proin laoreet condimentum quam, vel imperdiet tortor imperdiet nec. Sed augue purus, sollicitudin sed neque nec, viverra condimentum sem. Nam dui sem, molestie sit amet felis vitae, pharetra bibendum arcu. Pellentesque imperdiet magna ac nibh tristique bibendum. Ut consequat diam id volutpat semper. Sed vel ultrices velit, sit amet cursus metus.
Full width light background
Lead paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elementum augue sed tempor. Pellentesque condimentum tortor ut aliquet gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dictum tortor.
Proin laoreet condimentum quam, vel imperdiet tortor imperdiet nec. Sed augue purus, sollicitudin sed neque nec, viverra condimentum sem. Nam dui sem, molestie sit amet felis vitae, pharetra bibendum arcu. Pellentesque imperdiet magna ac nibh tristique bibendum. Ut consequat diam id volutpat semper. Sed vel ultrices velit, sit amet cursus metus.
Full width image background
Lead paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elementum augue sed tempor. Pellentesque condimentum tortor ut aliquet gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dictum tortor.
Proin laoreet condimentum quam, vel imperdiet tortor imperdiet nec. Sed augue purus, sollicitudin sed neque nec, viverra condimentum sem. Nam dui sem, molestie sit amet felis vitae, pharetra bibendum arcu. Pellentesque imperdiet magna ac nibh tristique bibendum. Ut consequat diam id volutpat semper. Sed vel ultrices velit, sit amet cursus metus.
Full width primary color background
Lead paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elementum augue sed tempor. Pellentesque condimentum tortor ut aliquet gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dictum tortor.
Proin laoreet condimentum quam, vel imperdiet tortor imperdiet nec. Sed augue purus, sollicitudin sed neque nec, viverra condimentum sem. Nam dui sem, molestie sit amet felis vitae, pharetra bibendum arcu. Pellentesque imperdiet magna ac nibh tristique bibendum. Ut consequat diam id volutpat semper. Sed vel ultrices velit, sit amet cursus metus.