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

 

  • 从追赶时代到引领时代——从深圳发展奇迹看中国改革开放40年 2018-10-10
  • 【理上网来喜迎十九大】国际政要学者积极肯定中国全面推进依法治国 2018-10-10
  • 习近平出席上海合作组织青岛峰会欢迎宴会并致祝酒辞 2018-10-05
  • 【十九大·理论新视野】动漫:“反腐压倒性胜利”怎样取得 2018-09-26
  • 黄瓜汁-热门标签-华商生活 2018-09-25
  • 乌鲁木齐水磨沟区开建两座立体停车库 2018-09-19
  • 迷你书屋,让阅读无处不在 2018-09-19
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2018-09-16
  • 男神变逗比,情侣约会中发生的尴尬趣事,如何巧妙化解? 2018-09-14
  • 母爱延绵 “妈妈走了,我要把店开得更好!” 2018-08-27
  • 网友给赣州市委书记留言获回复 共计10条 2018-08-26
  • 重庆动物园助动物“冰爽”度夏 2018-08-26
  • 神山冈仁波齐的转山之路文章中国国家地理网 2018-08-18
  • ——客观唯心主义哲学思想的幸福感和不幸福感则是:人的主观臆断的欲望能否在“神”的制约中满足“好”的感觉。“幸福”就是在“神”的制约中满足了人的主观臆断的欲望而达 2018-08-12
  • 习近平致人民日报创刊70周年的贺信 2018-08-11