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

 

  • 川航备降机组获“英雄机组”称号 机长获奖500万元 2018-12-08
  • 降低企业成本 智能科技产业 “海河英才”计划政策详解 2018-12-08
  • 美俄再次上演制裁大戏 2018-10-21
  • 全方位布局!这一领域未来对浙江经济增长贡献率将超50% 2018-10-21
  • 第三届“三毛杯”(2014)中国漫画大展征稿启事 2018-10-18
  • 人民网评:奏响新时代的“长江之歌” 2018-10-18
  • 图解:关于中国梦,习近平总书记这十句话直抵人心 2018-10-16
  • 新生儿生理性黄疸 多吃多拉可助减退 2018-10-16
  • 增强学术自信 讲清中国道路(人民要论) 2018-10-15
  • 蔡徐坤粉丝破千万送福利 帅气运动装长腿吸睛 2018-10-12
  • 许嵩新曲《如约而至》发布 专辑名《寻宝游戏》曝光许嵩 如约而至 2018-10-02
  • 吉林省交通运输厅原党组成员、副厅长李恩会接受纪律审查和监察调查 2018-09-25
  • 扬帆起航新时代 凝聚民心释放中国红利 2018-09-24
  • 青少年沉溺网游调查一场毫无快感的“游戏” 2018-09-23
  • 重庆高校陆续公布招生计划、专业设置情况和新政策 2018-09-23
  • 685| 90| 12| 708| 33| 156| 615| 579| 600| 703|