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-17
  • 君弘精益精牌讲师投资课 2019-04-17
  • 第五届自治区道德模范风采 2019-04-11
  • 中考期间 太原27个公共自行车服务点有人值守 2019-04-11
  • 延不延迟退休应取决于这个岗位是否后继有人,如果后继者正排着队等待入职,就不能延迟,如果某岗位后继乏人,才需延迟。尤其“用税者岗位”是有限的社会资源,新生 2019-03-17
  • 新加坡女孩环球旅游 用中国刺绣“画”遍全世界 2019-03-17
  • 西藏部署“三病”筛查救治工作 2019-03-12
  • 心慌别忍着 可能是房颤 2019-03-12
  • 上海抚州商会返乡考察团来抚考察 2019-02-20
  • 这些藏在主城中的小众公园 景美还免费 2019-02-20
  • 浦东新区:探索人民调解专业化 2019-01-04
  • 点击天山网 掌握全新疆 2019-01-04
  • “嫦娥”飞向月球背面,将会揭开哪些秘密? 2018-12-23
  • 无雨则旱,有雨就淹,成为常态。 2018-09-22
  • “港独”没出路!“梁天琦们”该醒醒了 2018-08-06
  • 305| 532| 721| 987| 301| 703| 452| 730| 530| 202|