You are here / Features  /  Typography
 
Minimize
Headings and other elements styles

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Other elements styling

  • This is abbreviation <abbr> </abbr>
  • This is strong <strong> </strong>
  • This is emphasis <em> </em>
  • This is bold text <b> </b>
  • This is italic text <i> </i>
  • This is cite <cite> </cite>
  • This is small text <small> </small>
  • This is deleted text <del> </del>
  • This is inserted text <ins> </ins>
  • This is defining instance <dfn> </dfn>
  • This is user input <kbd> </kbd>
  • This is sample output <samp> </samp>
  • This is “inline quotation” <q> </q>
  • This is superscript <sup> </sup>
  • This is subscript <sub> </sub>
  • This is a variable <var> </var>

Lists Style

Lists Style

Social Icons

<div class="Social-Links">  <a target="_blank" href="#" class="icoFacebook"></a>  <a target="_blank" href="#" class="icoTwitter"></a>  <a target="_blank" href="#" class="icoMySpace"></a>  <a target="_blank" href="#" class="icoStumbleUpon"></a>  <a target="_blank" href="#" class="icoDigg"></a>  <a target="_blank" href="#" class="icoFlickr"></a>  <a target="_blank" href="#" class="icoIN"></a>  <a target="_blank" href="#" class="icoLinkedIn"></a>  <a target="_blank" href="#" class="icoYouTube"></a>  <a target="_blank" href="#" class="icoDelicious"></a>  <a target="_blank" href="#" class="icoBlogger"></a>  <a target="_blank" href="#" class="icoRSS"></a>  <a target="_blank" href="#" class="icoEmail"></a>  <a target="_blank" href="#" class="icoTumblr"></a>  <a target="_blank" href="#" class="icoFourSquare"></a>  <a target="_blank" href="#" class="icoReddit"></a>  <a target="_blank" href="#" class="icoVimeo"></a>  <a target="_blank" href="#" class="icoWordPress"></a>  <a target="_blank" href="#" class="icoBebo"></a>  <a target="_blank" href="#" class="icoTwitter2"></a>  <a target="_blank" href="#" class="icodnnskin"></a>  </div>

Blockquotes

"Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat."

Mark Johnson
President and CEO, R&D Services

Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.

Mark Johnson
President and CEO, R&D Services

Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.

Mark Johnson
President and CEO, R&D Services

Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.

Mark Johnson
President and CEO, R&D Services

Table

Column 01 Column 02 Column 03 Column 04
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development

Column 01 Column 02 Column 03 Column 04
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development

Column 01 Column 02 Column 03 Column 04
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development

Column 01 Column 02 Column 03 Column 04
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development
Lorem ipsum dolor commodo consequat nulla pariatur development

<table width="100%" cellspacing="0" cellpadding="0" class="black_table radius4">
<thead>
<tr>
<th style="width: 25%;">Column 01</th>
<th style="width: 25%;">Column 02</th>
<th style="width: 25%;">Column 03</th>
<th style="width: 25%;">Column 04</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem ipsum dolor</td>
<td>commodo consequat</td>
<td>nulla pariatur</td>
<td>development</td>
</tr>
</tbody>
</table>

Theme colors

 

Skin Layout

  • Boxed
  • Opened

Texture