Strata 3 Web Patterns

Base web patterns and code for Strata 3 are detailed below.

Sliders

Slider with Banner

Banner height is dependent upon image height.

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

Slider with Description Below Image

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

Slider by Thirds

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

Slider by Halves

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

  • Lorem Ipsum Dolor Sit Amet

    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

    Read more about Lorem Ipsum

Slider Carousel with Images

Features

Background Cover with Banner Block

Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum

Background Cover

Image does not show at the smallest size.

Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum

Arrows

Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum


Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum


Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum


Points

Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum


Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum


Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Read more about Lorem Ipsum


Heroes

Commoveo te a neque amet paratus.

Commoveo te a neque amet paratus.

Feugait magna singularis iustum causa neo turpis plaga genitus. Ratis a sed a. Nutus melior in duis esse probo amet importunus eros macto wisi. Eum tation ad duis aliquam verto vel. Lucidus roto praesent plaga importunus dolor vulpes importunus lucidus.

2-UP

Commoveo te a
neque amet paratus.

Commoveo te a neque amet paratus.

Feugait magna singularis iustum causa neo turpis plaga genitus. Ratis a sed a. Nutus melior in duis esse probo amet importunus eros macto wisi. Eum tation ad duis aliquam verto vel. Lucidus roto praesent plaga importunus dolor vulpes importunus lucidus.

Blocks

Sed dignissim lacinia

Jumentum tation imputo vulputate capio luctus occuro. Secundum proprius praesent diam jugis tation. Melior utinam paratus velit nostrud velit genitus aliquip.

Sed dignissim lacinia

Dolor nonummy nibh veniam causa quidem nulla autem quibus demoveo. Suscipit diam abbas dignissim immitto pecus singularis genitus antehabeo. Jumentum wisi cogo ullamcorper eros dolore usitas velit.

Lorem Ipsum Dolor Sit Amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.

Center-Aligned with Icons

Sed dignissim lacinia

Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi integer lacinia sollicitudin massa.


Nam nec ante

Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.


Praesent blandit dolor

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.


Center-Aligned with Images

Left-Aligned

Sed Dignissim Lacinia

Jumentum tation imputo vulputate capio luctus occuro. Secundum proprius praesent diam jugis tation. Melior utinam paratus velit nostrud velit genitus aliquip.

Sed Dignissim Lacinia

Dolor nonummy nibh veniam causa quidem nulla autem quibus demoveo. Suscipit diam abbas dignissim immitto pecus singularis genitus antehabeo. Jumentum wisi cogo ullamcorper eros dolore usitas velit.

Sed Dignissim Lacinia

Voco regula suscipit jumentum dolore in blandit venio. Autem iusto praesent lobortis vel euismod ratis nulla indoles commoveo.

Sed Dignissim Lacinia

Jumentum tation imputo vulputate capio luctus occuro. Secundum proprius praesent diam jugis tation. Melior utinam paratus velit nostrud velit genitus aliquip.

Left-Aligned with Images

Curabitur tortor

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae, Morbi Lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum.

Pellentesque nibh

Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor sem massa mattis sem, at interdum magna augue eget diam.