Water Security Corporation
Home >> style-guide

style-guide

This is a link, consectetuer adipiscing elit. Curabitur ac lorem. Ut non nisl sed lectus aliquet dictum. Pellentesquetm scelerisque vehicula orci123. Nunc leo odio, cursus in, viverra ac, aliquet in, mauris. Suspendisse blandit, elit strong/bold text, justo est vestibulum justo, a aliquam felis urna vel tortor. Fusce in turpis. PHP aliquam. Curabitur arcu. Phasellus tincidunt, tortor ac laoreet vehicula, dolor justo sagittis pede, ac luctus nisi risus et enim. Phasellus sollicitudin quam sed ipsum. Sed nibh neque, sodales adipiscing, accumsan eget, sagittis volutpat, mi. Vivamus mattis, lacus sed iaculis accumsan, risus ante dictum arcu, this is big text neque libero eget augue. In diam lacus, ultrices a, emphasis/italic text, viverra quis, turpis. Aliquam erat volutpat. Morbi gravida lorem. Duis libero lacus, ullamcorper dapibus, this is small text, egestas at, neque. Fusce luctus, diam et eleifend underlined text, strikethrough tincidunt pede, ut egestas massa tortor et felis. In hac habitasse platea dictumst.

Fusce in turpis. PHP aliquam. Curabitur arcu. Phasellus tincidunt, tortor ac laoreet vehicula, dolor justo sagittis pede, ac luctus nisi risus et enim. Phasellus sollicitudin quam sed ipsum. Sed nibh neque, sodales adipiscing, accumsan eget, sagittis volutpat, mi. Vivamus mattis, lacus sed iaculis accumsan, risus ante dictum arcu, this is big text neque libero eget augue. In diam lacus, ultrices a, emphasis/italic text, viverra quis, turpis. Aliquam erat volutpat. Morbi gravida lorem. Duis libero lacus, ullamcorper dapibus, this is small text, egestas at, neque. Fusce luctus, diam et eleifend underlined text, strikethrough tincidunt pede, ut egestas massa tortor et felis. In hac habitasse platea dictumst.

Fusce in turpis. PHP aliquam. Curabitur arcu. Phasellus tincidunt, tortor ac laoreet vehicula, dolor justo sagittis pede, ac luctus nisi risus et enim. Phasellus sollicitudin quam sed ipsum. Sed nibh neque, sodales adipiscing, accumsan eget, sagittis volutpat, mi. Vivamus mattis, lacus sed iaculis accumsan, risus ante dictum arcu, this is big text neque libero eget augue. In diam lacus, ultrices a, emphasis/italic text, viverra quis, turpis. Aliquam erat volutpat. Morbi gravida lorem. Duis libero lacus, ullamcorper dapibus, this is small text, egestas at, neque. Fusce luctus, diam et eleifend underlined text, strikethrough tincidunt pede, ut egestas massa tortor et felis. In hac habitasse platea dictumst.

H2 - Pellentesque lectus orci, sollicitudin quis

Maecenas vitae nibh. Nunc faucibus tempor lorem. Fusce vel dolor a diam vehicula congue. Sed at dui non sapien fringilla fringilla. Quisque a tellus. Aenean vitae orci ut libero ullamcorper sagittis. Ut enim ante, dignissim sodales, accumsan vitae, fermentum in, purus. Pellentesque lectus orci, sollicitudin quis, pulvinar sit amet, blandit nec, sem. TLA Mauris id nunc. Vestibulum sit amet lacus. Phasellus elementum erat eu felis. Integer aliquet leo id odio. Suspendisse facilisis nisi consectetuer est. Nam consectetuer justo quis ipsum. Nullam et dolor.

This is a blockquote. Phasellus elementum erat eu felis. Integer aliquet leo id odio. Suspendisse facilisis nisi consectetuer est. Nam consectetuer justo quis ipsum. Nullam et dolor.

Nulla malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque imperdiet dictum erat. Vestibulum turpis. Suspendisse rhoncus condimentum nisl. Proin volutpat pellentesque sem. Aenean viverra, nulla eu volutpat tincidunt, massa nulla pulvinar lorem, ac lobortis sem ipsum eget metus. Donec odio. Aliquam sollicitudin risus. Etiam et orci vitae enim feugiat posuere. Sed nisi. Nunc fermentum. Donec erat magna, elementum at, vulputate vehicula, ullamcorper quis, quam. Aliquam erat volutpat.


H2 - Pellentesque lectus orci, sollicitudin quis

Maecenas vitae nibh. Nunc faucibus tempor lorem. Fusce vel dolor a diam vehicula congue. Sed at dui non sapien fringilla fringilla. Quisque a tellus. Aenean vitae orci ut libero ullamcorper sagittis. Ut enim ante, dignissim sodales, accumsan vitae, fermentum in, purus. Pellentesque lectus orci, sollicitudin quis, pulvinar sit amet, blandit nec, sem. Mauris id nunc. Vestibulum sit amet lacus. Phasellus elementum erat eu felis. Integer aliquet leo id odio. Suspendisse facilisis nisi consectetuer est. Nam consectetuer justo quis ipsum. Nullam et dolor.

H3 - Pellentesque lectus orci, sollicitudin quis

Maecenas vitae nibh. Nunc faucibus tempor lorem. Fusce vel dolor a diam vehicula congue. Sed at dui non sapien fringilla fringilla. Quisque a tellus. Aenean vitae orci ut libero ullamcorper sagittis. Ut enim ante, dignissim sodales, accumsan vitae, fermentum in, purus. Pellentesque lectus orci, sollicitudin quis, pulvinar sit amet, blandit nec, sem. Mauris id nunc. Vestibulum sit amet lacus. Phasellus elementum erat eu felis. Integer aliquet leo id odio. Suspendisse facilisis nisi consectetuer est. Nam consectetuer justo quis ipsum. Nullam et dolor.

H4 - Pellentesque lectus orci, sollicitudin quis

  • Unordered List - Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Vivamus sed sapien nec velit laoreet pharetra.
  • Maecenas pellentesque quam sed nunc.
    • Suspendisse quis nisl a metus condimentum aliquam.
    • Phasellus suscipit ante sit amet pede.
    • Nam porta orci sit amet libero.
  • Suspendisse quis nisl a metus condimentum aliquam.
  • Phasellus suscipit ante sit amet pede.
  • Nam porta orci sit amet libero.
  • Proin a leo scelerisque magna lacinia vestibulum.
  • Quisque eleifend dictum dui.

Nulla malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque imperdiet dictum erat. Vestibulum turpis. Suspendisse rhoncus condimentum nisl. Proin volutpat pellentesque sem. Aenean viverra, nulla eu volutpat tincidunt, massa nulla pulvinar lorem, ac lobortis sem ipsum eget metus. Donec odio. Aliquam sollicitudin risus. Etiam et orci vitae enim feugiat posuere. Sed nisi. Nunc fermentum. Donec erat magna, elementum at, vulputate vehicula, ullamcorper quis, quam. Aliquam erat volutpat.

  1. Ordered List - Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Vivamus sed sapien nec velit laoreet pharetra.
  3. Maecenas pellentesque quam sed nunc.
  4. Suspendisse quis nisl a metus condimentum aliquam.
    1. Maecenas pellentesque quam sed nunc.
    2. Maecenas pellentesque quam sed nunc.
    3. Maecenas pellentesque quam sed nunc.
  5. Phasellus suscipit ante sit amet pede.
  6. Nam porta orci sit amet libero.
  7. Proin a leo scelerisque magna lacinia vestibulum.
  8. Quisque eleifend dictum dui.

H2 - Definition Lists

HTML
Hypertext Markup Language. The language used to write Web pages. Based on SGML and recently rewritten to follow XML guidelines.
pixel
A font height or size that is based on screen pixels or dots.
A single dot on a computer screen.
XHTML
Extensible HTML - HTML 4.0 rewritten to be compliant with XML rules.

H2 - Code Example Blah

<?php print 'Hello, World!'; ?>

H2 - Pre Formatted Text

             title            extension
Raha         Producer         8765
Kathy        Accountant       8924
Scarlett     Security Guard   8273

2017© Water Security Corporation, Inc.