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-12-04
  • 回复@老老保老张工:你才是老不要脸也!知道啥叫计划经济么?你自己的决定上报一下就叫计划经济?还能再老蚕点么? 2018-12-03
  • 端午节后乌鲁木齐市迎晴好天气 2018-12-03
  • 谁能管住身边的“蝇贪”?(原创)—公震的博客—强国博客—人民网 2018-11-28
  • 土豆姐姐冯小燕的新农人梦 2018-11-28
  • 【聚焦】介休上了农民日报 看看厕所革命的介休故事 2018-11-05
  • 中山八路总站 调整12公交线 2018-11-03
  • 进不了朋友圈,身份认同难。 2018-11-03
  • 头皮出油头屑严重 该怎么养发护发?-美食资讯 2018-10-27
  • 台州市全力筹备首届亚洲旅游影视艺术周 2018-10-26
  • 孕妇可以吹空调吗?安全须知要牢记 2018-10-21
  • 西部网(陕西新闻网)www.cnwest.com 2018-10-21
  • 白玉兰红毯群星璀璨 baby殷桃李沁陈乔恩斗艳 2018-10-20
  • 1至5月我区为企业和社会减负4200余万元 2018-10-20
  • 快来看一看,被中国报协点名的十九大融合传播优秀作品“优”在哪儿 2018-10-08
  • 947| 56| 552| 693| 456| 292| 708| 492| 696| 863|