.
You are here: Home Template Typography Lists & Icons
Today isWednesday,22October,2014

Welcome to HoA-REC&N

Lists & Icons

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur
  4. Lorem ipsum dolor sit amet consectetur

Un-Ordered List

  • This is a sample Unordered List.
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Definition List

This is a sample Definition List.
Condimentum quis.
Congue Quisque augue elit dolor.
Congue Quisque augue elit dolor.

Special Unordered Lists

  •   This is a sample Arrow list.
  •   Use <ul class="ja-typo-list list-arrow"><li><span class="icon"> </span>List's content goes here!</li></ul> 
  •   This is a sample Arrowlist.
  •   This is a sample Star list.
  •   Use <ul class="ja-typo-list list-star"><li><span class="icon"> </span>List's content goes here!</li></ul> 
  •   This is a sample Starlist.
  •   This is a sample Check list.
  •   Use <ul class="ja-typo-list list-check"><li><span class="icon"> </span>List's content goes here!</li></ul> 
  •   This is a sample Checklist.
  •   This is a sample Phone list.
  •   Use <ul class="ja-typo-list list-phone"><li><span class="icon"> </span>List's content goes here!</li></ul> 
  •   This is a sample Phonelist.
  •   This is a sample Address list.
  •   Use <ul class="ja-typo-list list-address"><li><span class="icon"> </span>List's content goes here!</li></ul> 
  •   This is a sample Addresslist.
  •   This is a sample Mail list.
  •   Use <ul class="ja-typo-list list-mail"><li><span class="icon"> </span>List's content goes here!</li></ul> 
  •   This is a sample Maillist.

Icon Paragraph

 Use <p class="error"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="message"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="tips"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="key"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="tag"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="cart"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="doc"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="note"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="photo"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="mobi"><span class="icon"> </span>Your message goes here!</p> to make this.

Block Number

 01Use <p class="blocknumber blocknumber-1"><span class="bignumber">01</span>Your content goes here!</p> 

 02Use <p class="blocknumber blocknumber-1"><span class="bignumber">02</span>Your content goes here!</p> 

 03Use <p class="blocknumber blocknumber-1"><span class="bignumber">03</span>Your content goes here!</p> 

 AUse <p class="blocknumber blocknumber-2"><span class="bignumber">A</span>Your content goes here!</p> 

 BUse <p class="blocknumber blocknumber-2"><span class="bignumber">B</span>Your content goes here!</p> 

 CUse <p class="blocknumber blocknumber-2"><span class="bignumber">C</span>Your content goes here!</p> 

 aUse <p class="blocknumber blocknumber-3"><span class="bignumber">a</span>Your content goes here!</p> 

 bUse <p class="blocknumber blocknumber-3"><span class="bignumber">b</span>Your content goes here!</p> 

 cUse <p class="blocknumber blocknumber-3"><span class="bignumber">c</span>Your content goes here!</p> 

 IUse <p class="blocknumber blocknumber-4"><span class="bignumber">I</span>Your content goes here!</p> 

 IIUse <p class="blocknumber blocknumber-4"><span class="bignumber">II</span>Your content goes here!</p> 

 IIIUse <p class="blocknumber blocknumber-4"><span class="bignumber">III</span>Your content goes here!</p> 

 5Use <p class="blocknumber blocknumber-5"><span class="bignumber">5</span>Your content goes here!</p> 

 6Use <p class="blocknumber blocknumber-6"><span class="bignumber">6</span>Your content goes here!</p> 

 7Use <p class="blocknumber blocknumber-7"><span class="bignumber">7</span>Your content goes here!</p> 

 8Use <p class="blocknumber blocknumber-8"><span class="bignumber">8</span>Your content goes here!</p> 

 9Use <p class="blocknumber blocknumber-9"><span class="bignumber">9</span>Your content goes here!</p> 

 0Use <p class="blocknumber blocknumber-0"><span class="bignumber">0</span>Your content goes here!</p> 

HoA-REC&N on the social sphere

submit cv here

SUBSCRIBE TO NEWSLETTER




Quick Contact

Our Address

HoA-REC&N Headquarters, Gullele Botanic Garden - Find us on Map or Google map

(+251)(0)11 655 0226  This email address is being protected from spambots. You need JavaScript enabled to view it.  
P.O. Box 80773, Addis Ababa, Ethiopia