Toggle Nav
1. layout
max-width:1200px; padding-left:50px; padding-right:50px;
2. Breakpoints
320px
480px
640px
768px (this breakpoint switches between mobile and desktop view)
1024px
1440px
3. colors
background color: white (#FFFFFF);
Puritan Green: #008066;
Border color: light gray (#cccccc);
Gray : #333333;
light gray: #666666;
4. Fonts
Header and all the text besides main paragraph using:
font-family: 'Quicksand', 'Helvetica Neue', Helvetica, Arial, sans-serif;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus interdum mauris sed venenatis. Sed ultricies, nulla sed laoreet dignissim, dolor nisl euismod elit, vitae varius diam mauris aliquet tellus. Nulla facilisis, enim suscipit interdum tristique, dolor dui viverra augue, sed vestibulum leo quam at lectus. Nunc posuere commodo bibendum. Suspendisse a ipsum risus. Praesent quam dolor, facilisis quis purus ut, hendrerit euismod lacus. Maecenas bibendum eros eget ultricies tincidunt. Main text paragraph using:
font-family: 'Open Sans', Arial, sans-serif;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus interdum mauris sed venenatis. Sed ultricies, nulla sed laoreet dignissim, dolor nisl euismod elit, vitae varius diam mauris aliquet tellus. Nulla facilisis, enim suscipit interdum tristique, dolor dui viverra augue, sed vestibulum leo quam at lectus. Nunc posuere commodo bibendum. Suspendisse a ipsum risus. Praesent quam dolor, facilisis quis purus ut, hendrerit euismod lacus. Maecenas bibendum eros eget ultricies tincidunt.
5. Headers
<h1 class="fancy"><span>Header One</span></h1>

Header One

<h2 class="fancy lighter"><span>Header Two</span></h2>

Header Two light

<h2 class="fancy"><span>Header Two</span></h2>

Header Two Dark

<h3>Header Three</h3>

Header Three

<h4>Header Three</h4>

Header Four

6. lists
  • element 1
  • element 2
  • element 3
  • element 4
9. input Field
10. selector

Get Top Insights
as Soon as They're Published

Stay informed about industry news, current events, and the
unique propoerties of Puritan's wide range of products that set us
apart from the rest.

Copyright © 2017 Puritan Medical Products. All rights reserved.Made in the USA