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

 

  • 广州图书馆:大美 · 国风民歌音乐会 2018-10-09
  • 浙江:大学生就业实习平台启用 2018-09-17
  • 世界最大级别集装箱船“宇宙号”交付 2018-09-15
  • 国家税务总局河北省税务局正式挂牌 2018-09-14
  • 正心正念 爱国爱教 佛界楷模 2018-09-13
  • 全国人大代表、猪八戒网创始人朱明跃谈共享经济与社会价值 2018-09-09
  • 估计明天就可以吃上端午节的菜了。 2018-09-01
  • 进去是旧衣 出来成新料 2018-08-21
  • 杭州退役女狙击手爱上摩旅 曾“单骑”出国游老挝 2018-08-19
  • 销量持续低迷 路虎即将停产揽胜极光双门轿跑版 2018-08-19
  • 落实责任把控源头 保障“舌尖上”的安全 2018-08-14
  • 各位版主及潇湘玉竹版主节日快乐! 2018-08-14
  • 池州一驾校教练醉驾教练车致人重伤后死亡被刑拘 2018-08-01
  • 羊肉-热门标签-华商生活 2018-07-17
  • Mazda3 掀背車贏得 Strategic Vision 全面品質大獎 2018-07-12