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

 

  • 【在行动】渝北用大数据讲好“数字中国”故事 三年后将现“独角兽” 2019-02-05
  • 百名红色通缉令三成多归案 海外追逃难在何处? 2019-02-05
  • 中国公民可72小时免签停留俄大城市?中俄正在协商 2019-02-02
  • 世界杯猜想:哪名新星会横空出世? 2019-02-02
  • 成都一小区交房半年电梯坏50余次:曾有8名学生被困 2019-01-31
  • 生产过剩之繁荣,浪费资源大不该。 2019-01-31
  • 阶级是过去私有制社会的产物,在现代公有制和私有制并存的社会主义社会,阶级已不复存,存在的是阶层。 2019-01-29
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-01-29
  • 北京下周气温屡破冰点 空气质量“小清新” 2019-01-22
  • 实用-热门标签-华商生活 2019-01-15
  • 光明日报:电影别得了票房丢了观众 2019-01-15
  • 互联网电视,谁来填补乐视之空? 2019-01-09
  • 党建飘“红” 产业透“绿” 民生添“彩”——江苏白塔村见闻 2019-01-09
  • “中天·钱报”助学行动第12季启幕 今年再助640学子起跑 2019-01-07
  • 3岁小孩骑童车绊倒老人算交通事故警察这样解释 2019-01-04
  • 798| 545| 802| 313| 436| 887| 35| 637| 685| 291| 910| 37| 378| 806| 713|