diff options
Diffstat (limited to 'simplex')
| -rwxr-xr-x | simplex/index.html | 94 |
1 files changed, 47 insertions, 47 deletions
diff --git a/simplex/index.html b/simplex/index.html index c58361f2..7f14806e 100755 --- a/simplex/index.html +++ b/simplex/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> @@ -93,6 +93,52 @@ </header> +<!-- 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 ================================================== --> @@ -151,52 +197,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 ================================================== --> |