PRODUCTION

Media

Misc visual media components like images, videos, audio, iframes, etc.

Alerts

Loader

Tooltips

Additional context window that can be added to any sort of UI experience so the user isn't confused.Testing what it looks like if the modal needs to be in the middle of the screen. This tooltip has a link!This is a float right version to see what happens if it is big and kinda off the screen. Additional context window that can be added to any sort of UI experience so the user isn't confused.

Tabs

  1. Tab 1
  2. Tab 2
  3. Tab 3
  4. Tab 4

Content 1 here

The tab content will be contained below each tab header. Excepteur nisi nulla sint amet incididunt exercitation commodo laboris id pariatur tempor labore minim.

Squiggle SVG



Grid

(this needs to be worked on)

Full width 1

Half 1

Half 2

Third 1

Third 2

Third 3

Fourth 1

Fourth 2

Fourth 3

Fourth 4

Sixth 1

Sixth 2

Sixth 3

Sixth 4

Sixth 5

Sixth 6

Twelfth 1

Twelfth 2

Twelfth 3

Twelfth 4

Twelfth 5

Twelfth 6

Twelfth 7

Twelfth 8

Twelfth 9

Twelfth 10

Twelfth 11

Twelfth 12

Example Parallax

Parallax Example

Background image stays static as the user scrolls down the page.


Common Section

Full width colored line, with a positioned image on the side with a hover effect.

floating logo

Example Subheading to Example Video

SVG section

Consequat irure occaecat mollit commodo deserunt eu ipsum Lorem adipisicing in eu esse. Qui eiusmod irure culpa aliqua incididunt exercitation eu cillum. Magna ullamco ut in veniam et excepteur esse cillum irure excepteur. Do in labore in amet. Commodo non nulla ad Lorem labore laborum sit nisi. Labore consectetur magna enim commodo laboris sint et. Ullamco exercitation commodo sit voluptate laborum magna eu quis aliqua irure exercitation adipisicing quis. Minim est reprehenderit duis esse ullamco mollit sint proident Lorem est adipisicing in Lorem. Ut deserunt adipisicing in laboris ad irure officia cupidatat laboris culpa consequat ea exercitation. Laboris nulla magna non dolor aliqua labore exercitation. Laborum duis labore reprehenderit veniam esse est sit do magna ullamco aute nostrud fugiat duis. Non nisi est aute fugiat. Qui pariatur dolore velit est est proident quis occaecat commodo ad aute id deserunt fugiat. Enim ad reprehenderit id eiusmod laborum qui anim aliqua veniam cillum sit pariatur reprehenderit voluptate.

Mollit commodo deserunt eu ipsum Lorem adipisicing in eu esse. Qui eiusmod irure culpa aliqua incididunt exercitation eu cillum. Magna ullamco ut in veniam et excepteur esse cillum irure excepteur. Do in labore in amet. ore exercitation. Laborum duis labore reprehenderit veniam esse est sit do magna ullamco aute nostrud fugiat duis. Non nisi est aute fugiat. Qui pariatur dolore velit est est proident quis occaecat commodo ad aute id deserunt fugiat. Enim ad reprehenderit id eiusmod laborum qui anim aliqua veniam cillum sit pariatur reprehenderit voluptate.