Wednesday, 25 December 2024
Typography
PDF Print E-mail

This page presents most of typographical aspects of Corporate template. Make your readers happy with great Typography and User Experience!

 

This is a sample info message. Use <p class="info">Your info message goes here!</p>.

This is a sample tips message. Use <p class="tips">Your tips goes here!</p>.

This is a sample error message. Use <p class="warning">Your error message goes here!</p>.

 

This is a sample audio message. Use <p class="audio">Your audio message goes here!</p>.

This is a sample webcam message. Use <p class="webcam">Your webcam goes here!</p>.

This is a sample creditcart sildenafil pfizer prix training message. Use <p class="creditcart ">Your creditcart message goes here!</p>.

This is a sample feed message. Use <p class="feed">Your feed goes here!</p>.

This is a sample email message. Use <p class="help">Your help message goes here!</p>.

 

This is a highlight phrase. Use <span class="highlight-1">Your highlight cialis pharmacie phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-2">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-3">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-4">Your highlight phrase goes here!</span>.

 

Below is a sample of <pre> or <div class="code">

#wrapper {
position: relative;
float: left;
display: block;
}

 

Two types of unordered lists (without class and with bullet class)

  • Element 1
  • Element 2
  • Element 3
  • Element 4
  • Element 5
  • Element 1
  • Element 2
  • Element 3
  • Element 4
  • Element 5

 Additional type of unordered list (with floating) with floated class:

  • Element 1
  • Element 2
  • Element 3
  • Element 4
  • Element 5

 

Ordered list:

  1. Element
  2. Element
  3. Element
  4. Element
  5. Element

 

This is a sample pin note. Use <span class="clear">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="clear-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="clear-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tadalafil terbinafine tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="color-7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

 

Adtel Ltd Info

Contact Us

APA Insurance Arcade, 3rd Floor 
Hurlingham Shopping Center

P.O. Box 25636-00603 Nairobi, Kenya

Tel: 254-(0)20-2875000, 254-(0)20 2719011,

Fax: 254-(0)20-2710540

Email: info@ad-tel.com