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-06-04
  • 凤凰独家冯仑曝马克思手稿拍卖细节 做生意也靠马哲 2019-06-04
  • 聚焦两会:委员建言关注乡村留守儿童身心健康 2019-06-01
  • 大学毕业生永远不过剩,这是民族素质问题 2019-06-01
  • 赵哲春季写真大公开 百变风格切换自如 2019-05-18
  • 关于开展对我市改革建言献策活动的启事 2019-05-18
  • 曹建明:坚持有腐必反,坚定不移“打虎”、“拍蝇”、“猎狐” 2019-04-29
  • 【学习时刻】农大校长柯炳生:推进农业供给侧改革,夯实“固本安民之要” 2019-04-29
  • 中华龙舟如何奋楫争先?习近平这些话要牢记 2019-04-28
  • 高校在陕招生出新政 快来看有没有你想报考的学校招生计划高校-西安新闻 2019-04-28
  • 动漫微视频:春天里的叮嘱与承诺 2019-04-26
  • 习近平:建设海洋强国,我一直有这样一个信念 2019-04-26
  • 国家邮政局局长马军胜:今年将实现寄递实名制全覆盖 2019-04-17
  • 君弘精益精牌讲师投资课 2019-04-17
  • 第五届自治区道德模范风采 2019-04-11
  • 332| 801| 940| 561| 357| 251| 491| 487| 302| 953|