diff options
Diffstat (limited to 'cerulean')
| -rwxr-xr-x | cerulean/index.html | 95 |
1 files changed, 48 insertions, 47 deletions
diff --git a/cerulean/index.html b/cerulean/index.html index 9e23f47a..2c5a64c5 100755 --- a/cerulean/index.html +++ b/cerulean/index.html @@ -83,8 +83,8 @@ <p class="lead">A preview of changes in this swatch.</p> <div class="subnav"> <ul class="nav nav-pills"> - <li><a href="#navbar">Navbar</a></li> <li><a href="#typography">Typography</a></li> + <li><a href="#navbar">Navbar</a></li> <li><a href="#buttons">Buttons</a></li> <li><a href="#forms">Forms</a></li> <li><a href="#miscellaneous">Miscellaneous</a></li> @@ -94,6 +94,53 @@ + +<!-- Typography +================================================== --> +<section id="typography"> + <div class="page-header"> + <h1>Typography</h1> + </div> + + <!-- Headings & Paragraph Copy --> + <div class="row"> + + <div class="span4"> + <div class="well"> + <h1>h1. Heading 1</h1> + <h2>h2. Heading 2</h2> + <h3>h3. Heading 3</h3> + <h4>h4. Heading 4</h4> + <h5>h5. Heading 5</h5> + <h6>h6. Heading 6</h6> + </div> + </div> + + <div class="span4"> + <h3>Example body text</h3> + <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> + <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p> + </div> + + <div class="span4"> + <h3>Example addresses</h3> + <address> + <strong>Twitter, Inc.</strong><br> + 795 Folsom Ave, Suite 600<br> + San Francisco, CA 94107<br> + <abbr title="Phone">P:</abbr> (123) 456-7890 + </address> + <address> + <strong>Full Name</strong><br> + <a href="mailto:#">first.last@gmail.com</a> + </address> + </div> + + </div> + +</section> + + <!-- Navbar ================================================== --> <section id="navbar"> @@ -151,52 +198,6 @@ </section> -<!-- Typography -================================================== --> -<section id="typography"> - <div class="page-header"> - <h1>Typography</h1> - </div> - - <!-- Headings & Paragraph Copy --> - <div class="row"> - - <div class="span4"> - <div class="well"> - <h1>h1. Heading 1</h1> - <h2>h2. Heading 2</h2> - <h3>h3. Heading 3</h3> - <h4>h4. Heading 4</h4> - <h5>h5. Heading 5</h5> - <h6>h6. Heading 6</h6> - </div> - </div> - - <div class="span4"> - <h3>Example body text</h3> - <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> - <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p> - </div> - - <div class="span4"> - <h3>Example addresses</h3> - <address> - <strong>Twitter, Inc.</strong><br> - 795 Folsom Ave, Suite 600<br> - San Francisco, CA 94107<br> - <abbr title="Phone">P:</abbr> (123) 456-7890 - </address> - <address> - <strong>Full Name</strong><br> - <a href="mailto:#">first.last@gmail.com</a> - </address> - </div> - - </div> - -</section> - - <!-- Buttons ================================================== --> |