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

 

  • 沈杰:在北京打拼的“90后”台湾律师 2018-12-09
  • 骨灰级乐高迷用15000多块积木建成弹球机 2018-12-09
  • 2017年山西省“十强报刊”巡礼 2018-11-27
  • 有些人和你一样狗屁不懂、丢人现眼?[哈哈] 2018-11-27
  • 北京市安全生产督察组进驻三部门 开始为期三周安全生产督察工作 2018-11-16
  • 厦门思明启动公共场所空气质量监测云平台 影院空气一看便知 2018-11-16
  • 2016大学毕业生薪酬排行榜出炉 5所高校毕业生平均月薪过万 2018-11-11
  • 近期5省份省政府副职调整 3人为跨省任职 2018-11-11
  • 盘点:百名“红通”人员下落如何? 2018-11-05
  • 中国首位“地球卫士终身成就奖”得主诞生! 2018-11-05
  • 广州图书馆:大美 · 国风民歌音乐会 2018-10-09
  • 浙江:大学生就业实习平台启用 2018-09-17
  • 世界最大级别集装箱船“宇宙号”交付 2018-09-15
  • 国家税务总局河北省税务局正式挂牌 2018-09-14
  • 正心正念 爱国爱教 佛界楷模 2018-09-13
  • 378| 313| 887| 391| 178| 501| 155| 415| 165| 1| 326| 765| 921| 534| 183|