Typography

Heading: Lora

Lora Regular 400

Lora Regular Italic 400

Lora Bold 700

Lora Bold Italic 700

Paragraph: Open Sans

Open Sans Regular 400

Heading

H1 This is a very large header.

H2 This is a large header.

H3 This is a medium header.

H4 This is a moderate header.

H5 This is a small header.
H6 This is a tiny header.

Paragraph

P This is the paragraph text.

Lead paragraph

I am a lead Paragraph 



<p class="lead">I am a lead Paragraph </p>
Copy

Numbers as accolades

Styling built into the accolade snippet

13,800+
Undergraduate Students

Address

Jukka Korpela
jukkakk@gmail.com
Päivänsäteenkuja 4 A, Espoo, Finland

<address>
<a href="#">Jukka Korpela</a><br>
<a href="#">jukkakk@gmail.com</a><br>
Päivänsäteenkuja 4 A, Espoo, Finland</address>
Copy

Links

Link styling

Link styling

Document links - default

Download

External links - default

Google

Can be removed with class "no-ext"


<a class="no-ext" href="#"><img src="/facebook-icon.png" alt="facebook"></a>
Copy

Address icon links


607-777-2171
 607-777-4445
 Admissions Center


<a class="email" href="mailto:admit@binghamton.edu">admit@binghamton.edu</a>
	<a class="tel" href="tel:607-777-6407">607-777-2171</a>
	<a class="fax" href="fax:607-777-6407">607-777-4445</a>
	<a class="map" href="http://directory.binghamton.edu/directory/directory.bldg_profile?id=AM">Admissions Center</a>
Copy

Unordered List

  • item1
  • item2
  • item3

Ordered List

  1. item1
  2. item2
  3. item3

Definition Lists

Time
The indefinite continued progress of existence and events in the past, present, and future regarded as a whole.
Space
A continuous area or expanse that is free, available, or unoccupied.
The dimensions of height, depth, and width within which all things exist and move.


<dl>
  <dt>Time</dt>
  <dd>The indefinite continued progress of existence and events in the past, present, and future regarded as a whole.</dd>
  <dt>Space</dt>
  <dd>A continuous area or expanse that is free, available, or unoccupied.</dd>
  <dd>The dimensions of height, depth, and width within which all things exist and move.</dd>
</dl>
Copy

Steps List

  1. First

  2. Next

  3. Last



	<ol class="steps">
    <li class="step"><h3>First</h3></li>
    <li class="step"><h3>Next</h3></li>
    <li class="step"><h3>Last</h3></li>
</ol>
Copy

Block quote

It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people's lives.

Don Norman



<blockquote>It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people's lives.</blockquote>
<cite>Don Norman</cite>
Copy