Profile

Layout

Menu Style

Cpanel

Hot news

ADORIANCO

Fire Fighting

Safety

 

+ More info...

Generator

Generator

 

+ More info...

Tube

Tube

 Stainless Steel / Carbon Steel Coil

Stainless Steel / Carbon Steel Plate & Sheet
Stainless Steel / Carbon Steel Tube
Stainless Steel / Carbon Steel Bar

+ More info...

Instrument

Instrument

 

+ More info...

Adorianco

Ores's Typography

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

This is an Heading 1

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.

This is an Heading 2

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

This is an Heading 3

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

This is an Heading 4

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

Special Content

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

#ja-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}

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

This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Ores bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words.

This is a sample Blockquote. Use <blockquote>Your quote goes here!</blockquote> to form a quote!
This is a sample Blockquote. Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!

Lists Style

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Condimentum quis.
  4. Congue Quisque augue elit dolor nibh.
  • This is a sample Unordered List.
  • Condimentum quis.
  • Lorem ipsum dolor sit amet consectetuer.
  • Congue Quisque augue elit dolor nibh.
  • This is a sample Arrow list.
  • Use <ul class="arrow"><li><span class="icon">&nbsp;</span>List's content goes here!</li></ul>
  • This is a sample Checklist.
  • This is a sample Star List.
  • Use <ul class="star"><li><span class="icon">&nbsp;</span>List's content goes here!</li></ul>
  • This is a sample Star List.
  • This is a sample Checklist.
  • Use <ul class="checklist"><li><span class="icon">&nbsp;</span>List's content goes here!</li></ul>
  • This is a sample Checklist.
  • This is a sample Phone List.
  • Use <ul class="phone"><li><span class="icon">&nbsp;</span>List's content goes here!</li></ul>
  • This is a sample Phone List.
  • This is a sample Address List.
  • Use <ul class="address"><li><span class="icon">&nbsp;</span>List's content goes here!</li></ul>
  • This is a sample Address List.

01This is a sample block number. Use <p class="blocknumber"><span class="bignumber-1">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="blocknumber"><span class="bignumber-1">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="blocknumber"><span class="bignumber-1">03.</span>Your content goes here!</p> to form a block number!

01This is a sample block number. Use <p class="blocknumber"><span class="bignumber-2">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="blocknumber"><span class="bignumber-2">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="blocknumber"><span class="bignumber-2">03.</span>Your content goes here!</p> to form a block number!

01This is a sample block number. Use <p class="blocknumber"><span class="bignumber-3">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="blocknumber"><span class="bignumber-3">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="blocknumber"><span class="bignumber-3">03.</span>Your content goes here!</p> to form a block number!

Paragraph Style

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

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

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

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

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

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

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

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

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

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

Bubbles

<div class="bubble bubble-l1 clearfix">
<div class="box-ct">
<div class="box tl">&nbsp;</div> <div class="box tr">&nbsp;</div> <div class="box bl">&nbsp;</div> <div class="box br">&nbsp;</div>
Buble's content goes here!
</div>
<span class="arrow">&nbsp;</span> <span class="author">Put author name here</span>
</div>
Put author name here
<div class="bubble bubble-l2 clearfix">
<div class="box-ct">
Bubble's content goese here!
</div>
<span class="arrow">&nbsp;</span>
<span class="author">Put author name here</span>
</div>
Put author name here
<div class="bubble bubble-d1 clearfix">
<div class="box-ct">
<div class="box tl">&nbsp;</div> <div class="box tr">&nbsp;</div> <div class="box bl">&nbsp;</div> <div class="box br">&nbsp;</div>
Buble's content goes here!
</div>
<span class="arrow">&nbsp;</span> <span class="author">Put author name here</span>
</div>
Put author name here
<div class="bubble bubble-d2 clearfix">
<div class="box-ct">
Bubble's content goese here!
</div>
<span class="arrow">&nbsp;</span>
<span class="author">Put author name here</span>
</div>
Put author name here
<div class="bubble bubble-hl1 clearfix">
<div class="box-ct">
<div class="box tl">&nbsp;</div> <div class="box tr">&nbsp;</div> <div class="box bl">&nbsp;</div> <div class="box br">&nbsp;</div>
Buble's content goes here!
</div>
<span class="arrow">&nbsp;</span> <span class="author">Put author name here</span>
</div>
Put author name here
<div class="bubble bubble-hl2 clearfix">
<div class="box-ct">
Bubble's content goese here!
</div>
<span class="arrow">&nbsp;</span>
<span class="author">Put author name here</span>
</div>
Put author name here

Boxes and Legends Style

This is a sticky. Use <p class="box-sticky">Your clip note goes here!</p> to create a clip note!

This is a download box. Use <p class="box-download">Your download goes here!</p> to create a download box!

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Legend style

Use <div class="legend"><h3 class="legend-title">Your title</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>

Legend style highlight

Use <div class="legend-hilite"><h3 class="legend-title">Your title</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>

Special Module Style

Use module suffix: _badge badge-top to put this badge on any module you like!
Use module suffix: _badge badge-new to put this badge on any module you like!
Use module suffix: _badge badge-pick to put this badge on any module you like!
Use module suffix: _badge badge-hot to put this badge on any module you like!

From Our Blog

Joomla! Community Portal The Joomla! Community Portal is now online. There, you will find a con... More detail
42 Really Funny And Creative Print Ads Suscipit suspendisse sed pat um a, enim ut montes vulputate tortor lu... More detail

Duplex & Super Duplex

UNS S32750 & UNS S32760

 Super Duplex Plate/Sheet
Super Duplex Seamless & Welded Tube
Super Duplex Seamless & Welded Pipe
Super Duplex Round Bar
Super Duplex Flanges F53/F55
Super Duplex Specialty Forgings




+ More info...

Pipe

Welded Carbon Steel Pipe

Seamless Stainless Steel Pipe

Welded Stainless Steel Pipe

Large Diameter Pipe

Seamless Carbon Steel Pipe



+ More info...

Pump

Centrifugal pump

Radial-flow pumps

Axial-flow pumps

Gravity pumps

Steam pumps

Valveless pumps

Velocity pumps

Hydraulic ram pumps

Flexible impeller pump

Gear pump

Rotary gear pump

+ More info...

 

Valves

Ball Valve

Gate Valves

Knife Gate Valves

Globe Valves

Check Valves

Butterfly Valves

Strainer

Needle Valves

Sight Glass

Diverter Valves

 

+ More info...

Statistics

OS : Linux J
PHP : 5.2.6-3ubuntu4
MySQL : 5.0.75-0ubuntu10
Oubuntu10
Time : 03:27
Caching : Disabled
GZIP : Disabled
Members : 4

License

 We are the only sole distributor and supplier of  "Dae JOO's" Korean tubes, in IRAN.

 

 

Support Center

 

  • Tel: (+98) 2188676525-6
  • Fax: (+98) 2189781854
  • Email: This email address is being protected from spambots. You need JavaScript enabled to view it.
  • Website: www.adorianco.com
You are here: Home Demo section Testimonials Ores's Typography