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-05-08
  • 中超垫底队不要的外援或赴英超 贵州美女老板很尴尬 2019-05-08
  • 蚂蚁宝卡免流应用再升级:支付宝、微博将加入 2019-05-07
  • A站受黑客攻击:近千万条用户数据外泄 涉ID及密码等 2019-05-07
  • 新疆铁路端午小长假加开41列旅客列车 2019-04-14
  • “基因魔剪”安全性再遭质疑 2019-04-14
  • 新时代我国社会的主要矛盾及其现实意义 2019-04-13
  • 今年江西千万元公益金买服务 受益者将更广泛 2019-04-10
  • 苹果看好新款低价 LCD iPhone 它将成今年新爆款 2019-04-10
  • 好像经济问题翻遍所有的图书馆都找不出答案,原来经济关系就在《论十大关系》数千个言辞中。 2019-04-03
  • 塔吉克斯坦驻华大使:“上合八国”将凸显组织影响力 2019-03-26
  • 《父亲》和开放的中国 2019-03-19
  • 县名解析——黄河新闻网 2019-03-19
  • 端午假期扫尾 粽子价格大跳水 2019-03-17
  • 回复@老老保老张工:你做的单片机有人用,公司还会亏得需要换将? 2019-03-16
  • 617| 103| 488| 809| 415| 727| 800| 986| 675| 35|