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

 

  • An advance booking of two hours can be made for Yangtze River Cableway tickets - Chongqing News - CQNEWS 2019-05-30
  • 施工震裂房子?我们这里也是!(图) 2019-05-22
  • 习近平致信祝贺人民日报创刊70周年 2019-05-08
  • 习近平新闻思想理论研讨会发言摘编 2019-04-30
  • 中美研究人员揭示艾滋病病毒颗粒组装过程 2019-04-26
  • 中澳男篮对抗赛收官 中国男篮红队终取一胜 2019-04-13
  • “飞越19国 往返3.5万公里 祖国接你回家”获第十二届人民企业社会责任奖年度案例奖 2019-04-13
  • 聚焦中央经济工作会议 2019-04-12
  • 税费“红包”助推高质量发展 2019-04-12
  • 莎拉-布莱曼新专辑《追梦人》发行 打造奇妙视听盛宴 2019-04-05
  • 马克思主义何以改变人类历史发展进程 2019-04-04
  • “大头儿子”著作权纠纷案二审开庭 2019-04-04
  • 2018年2月全国网络举报受理情况 2019-04-03
  • 第九届中国经济前瞻论坛在京召开 2019-04-03
  • 郁霞秋代表:乡村振兴战略让村民有了底气 2019-04-01
  • 879| 963| 490| 117| 175| 890| 198| 613| 305| 281|