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-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
  • 那你说说看,哪个国家什么时候是由劳动者主导的?[哈哈] 2019-03-28
  • 金华:舞动世界杯 我是颠球王 2019-03-18
  • 没换手机的恭喜了!马云打响第一枪! 2019-03-18
  • 想入不撞款的婚戒跟着我买这些小众婚戒就对了! 2019-03-16
  • 在端午品味文化的芳香 锐评 2019-03-10
  • 109| 5| 712| 826| 91| 903| 484| 427| 119| 982|