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-13
  • 菜鸟世界杯送出50吨包裹 荷兰成国旗最大购买地菜鸟世界杯送出50吨包裹荷兰成国旗最大购买地-手机行情 2019-02-05
  • 2000多辆“高颜值”摩托车巡游街头 2019-02-05
  • 《找到你》姚晨马伊琍首谈“哭戏” 制片人回应抄袭质疑 2019-02-02
  • 动物园里迎端午 大熊猫爬上爬下吃“粽子” 2019-02-02
  • 人们还要计较消费资料和生产资料的配置,有“自由发展”吗? 2019-01-22
  • 俄罗斯世界杯:韩国不敌瑞典 英格兰绝杀突尼斯 2019-01-21
  • 自治区党委常委会研究部署自治区党政机构改革工作 2018-12-16
  • 实拍重庆"僵尸车集中营"  警察蜀黍喊“你”来认领! 2018-11-13
  • 诺奖背后的高校国际化思考 2018-11-08
  • 《人民日报》创刊70周年 各界人士送祝福 2018-11-04
  • 回复@艾鸣1:好不容易写了个主贴发出来,就为你自己立了一根耻辱柱!强坛的主贴是会保留很长时间的哦。 2018-11-04
  • 首届中国企业海外投资沙龙举行 2018-11-01
  • 回复@看着就想笑,不要以你现在满脑子的资产阶级的思想去度量共产主义社会人们的思想。呵呵! 2018-11-01
  • 外交部就朝美领导人会晤发表声明 2018-10-29
  • 6| 605| 902| 517| 404| 791| 503| 122| 754| 756|