Examples

This page contains examples of all the styled elements available as part of this design. Use this page for reference, whilst you build your website.

Headings

These are the different heading formats:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text

The following examples show how the text (within '<p></p>' tags) will appear:

This is an example of bold text

This is an example of italic text

This is a hyperlink

Lists

This is an unordered list:

  • Item 1
  • Item 2
  • Item 3
  • Item 4

This is an ordered list:

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

Images

images can be placed on the left, in the center or on the right:

example graphic

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

example graphic example graphic

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tables

Tables should be used to display data and not used for laying out your website:

ItemDescription
Item 1Description of Item 1
Item 2Description of Item 2
Item 3Description of Item 3
Item 4Description of Item 4

Form Elements

Form field example

Textarea example

Checkbox example

Dropdown list example

 

  • 我之所以要“反来复去说客观事实及其规律”,是因为你根本就不懂得尊重客观事实及其规律,总是无视客观事实及其规律而胡言乱语,你造谣造出来的“1+1=2”就... 2019-04-17
  • 四轮电动车销售火爆存安全隐患 专家:需建国家标准 2019-04-17
  • 江西居民年献血量从2吨增至128吨 2019-04-10
  • 上海国际电影节日本电影周开幕 2019-04-06
  • 聚焦中国网络空间战略 2019-04-05
  • 东嘎寺看藏戏文章中国国家地理网 2019-04-05
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-04-05
  • 人民日报评论员:凝聚不可战胜的中国力量 2019-04-04
  • 杭州控烟令修改草案拟允许室内设吸烟区,控烟专家:跌破眼镜 2019-04-04
  • 突发脑梗及时就医 离杭时这位日本织机专家泪流满面 2019-04-03
  • 人民日报评论员:大就要有大的样子 2019-03-28
  • 当代中国马克思主义、21世纪马克思主义的理论意蕴和思想力量 2019-03-20
  • 一代枭雄身后事:“曹操墓”认定过程缘何一波三折? 2019-03-20
  • 张靓颖晒短发照少女感爆棚 女星长短发造型大PK 2019-03-19
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-03-11
  • 565| 618| 120| 596| 338| 841| 514| 847| 347| 632|