Top

Text

Use any of the available classes of Base Stylesheets to quickly create a custom style.

(1) Paragraph

Font sizes at 14 pixels by default

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Font sizes at 12 pixels

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Font sizes at 16 pixels

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

 
		HTML Code:

		<div class="dsure-p-article">

			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

			<p> It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

			<p>
		   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
			</p>

		</div>


		<div class="dsure-p-article f12">

			<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

			<p>
			Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
			</p>

		</div>  

		<div class="dsure-p-article f16">

			<p>
			Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
			</p>

		</div>  



					

(2) Quote

Lorem Ipsum is simply dummy£º

¡°Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.¡±¡£ From UIUX Lab
 
		HTML Code:

		<p>Lorem Ipsum is simply dummy£º</p>
		<blockquote cite="http://www.website.org">
			¡°Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.¡±¡£
			<small>From <cite>UIUX Lab</cite></small>
		</blockquote>
					

(3) Heading

Heading

Heading

Heading

Heading

Heading
Heading
 
		HTML Code:

		<h1>Heading</h1>
		<h2>Heading</h2>
		<h3>Heading</h3>
		<h4>Heading</h4>
		<h5>Heading</h5>
		<h6>Heading</h6>
					

(4) Address

Name
Mr S Tan 200 Broadway Av WEST BEACH SA 5024 AUSTRALIA
BG 94107
Phone: 123 456 7890
Email
your@email.com
 
		HTML Code:

		<address>
		  <strong>Name</strong><br>
		  Mr S Tan 200 Broadway Av WEST BEACH SA 5024 AUSTRALIA<br>
		  BG 94107<br>
		  <abbr title="Phone">Phone:</abbr> 123 456 7890
		</address>

		<address>
		  <strong>Email</strong><br>
		  <a href="mailto:#">your@email.com</a>
		</address>
					

(5) Figure

Heading and Description
 
		HTML Code:

		<figure>
			<img src="css/images/335x260-2.jpg" width="150">
			<figcaption>
				Heading and Description
			</figcaption>
		</figure>
					

(6) HGroup

Site Title

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Content....

 
		HTML Code:

		<hgroup>
		  <h1>Site Title</h1>
		  <h2>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h2>
		</hgroup>

		<p>Content....</p>
					

(7) Date

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,quia dolor sit amet¡£

 
		HTML Code:

		<p>
			 Neque porro quisquam est qui dolorem ipsum quia dolor sit amet<time datetime="2014-02-1" pubdate>May 10, 2004</time>,quia dolor sit amet¡£
		</p>
					

(8) Typography

Left text

Center text

Right text

Blod text

Normal text

Blod text2

Italic text

Microsoft YaHei font

Underline text

Remove hyperlink underline

A 30 pixel indent

Font sizes at 22 pixels

Not wrap text

Black text

White text

 
		HTML Code:

		<p class="tl">Left text</p>
		<p class="tc">Center text</p>
		<p class="tr">Right text</p>  
		<strong>Blod text</strong>
		<strong class="f-w-normal">Normal text</strong>
		<span class="f-w-blod">Blod text2</span>
		<span class="f-s-italic">Italic text</span>
		<span class="f-f-yahei">Microsoft YaHei font</span>
		<span class="f-d-line">Underline text</span>
		<a href="#" class="f-d-none">Remove hyperlink underline</a>
		<div class="f-i30">A 30 pixel indent</div>
		<span class="f22">Font sizes at 22 pixels</span>
		<span class="noWrap">Not wrap text</span>
		<span class="f-c-black">Black text</span>
		<span class="f-c-white">White text</span>