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-03-19
  • 县名解析——黄河新闻网 2019-03-19
  • 端午假期扫尾 粽子价格大跳水 2019-03-17
  • 回复@老老保老张工:你做的单片机有人用,公司还会亏得需要换将? 2019-03-16
  • 日本佳子公主留学后回国 被称日本皇室"最美公主" 2019-03-16
  • 凤凰公映礼之《闪光少女》 2019-03-10
  • 辛鸣:习近平新时代中国特色社会主义思想是马克思主义中国化的最新成果 2019-03-10
  • 天津各界学习十九大精神--天津频道--人民网 2019-03-04
  • 十二届全国人大常委会第二十五次会议 2019-03-04
  • 两个不能否定,怎会是停留在30年前? 2019-03-03
  • 借“谈心”暗示罪犯行贿!“80后”监狱指导员沦为阶下囚 2019-01-28
  • 新车图解:全新大众CC 遇见最好的你 2019-01-07
  • По окончании 1-й сессии ВСНП 13-го созыва состоялась встреча премьера Госсовета КНР Ли Кэцяна с журналистами 2019-01-07
  • 中国空港经济区成对外开放“门户” 空港城市加速布局 2018-12-21
  • 计划确定之后,还需要落实,就要求计划所涵盖的所有因素都按预订的方案对接转化,尤其是计划所涉及的人一定要达到相应的要求并严格按计划开展活动…… 2018-12-21
  • 555| 146| 624| 194| 345| 624| 934| 162| 570| 859|