特点

Typography

This is a left-aligned image. (With NO Padding)
Lorem ipsum eu usu assum liberavisse, ut munere praesent complectitur mea. Sit an option maiorum principes. Ne per probo magna idque, est veniam exerci appareat no. Sit at amet propriae intellegebat, natum iusto forensibus duo ut. Pro hinc aperiri fabulas ut, probo tractatos euripidis an vis, ignota oblique ut nec. Ad ius munere soluta deterruisset, quot veri id vim, te vel bonorum ornatus persequeris. Pro hinc aperiri fabulas ut, probo tractatos euripidis an vis, ignota oblique ut nec. Ad ius munere soluta deterruisset, quot veri id vim, te vel bonorum ornatus persequeris.

This is a right-aligned image. (With NO Padding) Sea stet iudico cetero cu, ut mei ferri mnesarchum, at duo enim vivendum abhorreant. Usu eruditi veritus vivendo ut, ut cibo lucilius inciderint eam, ne hinc discere explicari sea. Nam iusto delicata ne, eam dolore singulis maiestatis ex. Cu eruditi dolorem accusam pri, ea vidisse aliquip forensibus eam, ut erant labore fastidii has. Cum quod saepe periculis ea, eos iuvaret maiorum moderatius eu, pro ferri scaevola mnesarchum ut. Pro hinc aperiri fabulas ut, probo tractatos euripidis an vis, ignota oblique ut nec. Ad ius munere soluta deterruisset, quot veri id vim, te vel bonorum ornatus persequeris.

Here is a couple of links, and how they will looked linked in text. This how bold will look in text, and italic in text, and underlined text.

use <blockquote><p>….</p></blockquote>

use <blockquote class=”qt”><p>….</p></blockquote> .This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me

h1-h6 Style:

This H1 Header Style. Just a Sample.

This H2 Header Style. Just a Sample.

This H3 Header Style. Just a Sample.

This H4 Header Style. Just a Sample.

This H5 Header Style. Just a Sample.
This H6 Header Style. Just a Sample.

h1-h4 class Style Background:

This H1 Header Style. <h1 class=”bg”>.

This H2 Header Style. <h2 class=”bg”>.

This H3 Header Style. <h3 class=”bg”>.

This H4 Header Style. <h4 class=”bg”>.

h1-h4 class Style Title:

This H1 Header Style. <h1 class=”title”>.

This H2 Header Style. <h2 class=”title”>.

This H3 Header Style. <h3 class=”title”>.

This H4 Header Style. <h4 class=”title”>.

h1-h4 class Style text-shadow White:

Combine Tags. <h1 class=”title bg tsw”>.

Combine Tags. <h2 class=”title bg tsw”>.

Combine Tags. <h3 class=”title bg tsw”>.

Combine Tags. <h4 class=”title bg tsw”>.

h1-h4 class Style text-shadow Gray:

Combine Tags. <h1 class=”title tsg”>.

Combine Tags. <h2 class=”title tsg”>.

Combine Tags. <h3 class=”title tsg”>.

Combine Tags. <h4 lass=”title tsg”>.

Drop cap: use <p class=”dropcap”>. This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.

Horizontal Rule: <hr class=”dotted” > solid/ double/

Here is an ordered list:

Types of ordered list:

<ol class=”roman”>

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

<ol class=”dec”>

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

<ol class=”alpha bg”>

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

<ol class=”deci”>

  1. Element
  2. Element
  3. Element
  4. Element
  1. <ol class=”alpha”>
  2. Item 2
  3. Item 3
  4. Item 4

Here is an unordered list:

  • Item
  • Item
  • Item
  • <ul class=”checkbox”>
  • <ul class=”arrow”>
  • <ul class=”star”>
  • <ul class=”check”>

Ico Style

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 creditcard message. Use <p class=”creditcard”>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 help message. Use <p class=”help”>Your help message goes here!</p>.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

This is a sample page message. Use <p class=”pages”>Your page goes here!</p>.

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

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

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

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

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

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

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

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

More List Styles

  • Headline

    <ul class=”headline width40 fl” >

  • Headline

    This is a theme of interpretation of the text.

  • Headline

    This is a theme of interpretation of the text.

  • <ul class=”table”>
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Div and Span Styles

Legend

This is a sample legend note. Use <div class=”legend”> <h4> Title </h4> <p> …</p> </div>.

<span>or <div class=”note”> This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.
<span>or <div class=”info”> This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.
<span>or <div class=”alert”> This is a theme of interpretation of the text.
<span>or <div class=”download”> This is a theme of interpretation of the text.
<span>or <div class=”tip”> This is a theme of interpretation of the text.

This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.Combine Tags with class “inset-right” or “inset-left”. Example: <span class=” info inset-right width50″>.This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.This is a theme of interpretation of the text, in order to make better use of the theme function. Let us design it, if you have a better suggestion, please contact me.

Possible Width Classes .width10, .width20, .width30 … .width80

abbr use: <abbr title=”abbr text.”>…</abbr>
We are Chinese, I like this country.

Form Styles

Form legend






评论已关闭。