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-04-21
  • 动物园为红毛猩猩做中医点穴 对照人体找穴位 2019-04-21
  • 栗战书:执法检查要直面问题不搞评功摆好 让法律制度成为不可触碰的高压线 2019-04-19
  • 人到中年为何会发胖?它是一种病,得治! 2019-04-19
  • 习近平总书记文化思想的实践指向 2019-04-18
  • 中国主张熠熠生辉(望海楼) 2019-04-17
  • 七一党课:严书翰教授谈重温“不忘初心” 2019-04-16
  • 为世界和平贡献“上合力量”(钟声) 2019-04-13
  • 黔江:1000余亩蓝莓成熟 市民乐享“莓”好时光 2019-04-13
  • 王水平同志当选宜春市人民政府市长 2019-04-11
  • 候选企业:苏宁控股集团有限公司 2019-04-11
  • 中国学术“走出去”研讨会在杭州举行 2019-04-02
  • 恒动我“芯”—— HUAWEI WATCH尊赏沙龙即将亮相兰境艺术中心 2019-03-30
  • 昨夜涝洰河公园星光璀璨 首届尧都文化旅游节圆满闭幕 2019-03-29
  • 驻工商总局纪检组问责9名司局级干部 持续发力 2019-03-29
  • 300| 379| 768| 342| 855| 392| 256| 645| 821| 148|