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-01
  • 安徽3年争取逾百亿资金 确保保障性安居工程建设 2018-12-01
  • 黄永富:“数字中国”将引领亚洲数字化进程 2018-11-30
  • 博物馆衍生品需根植于一流藏品之上 2018-11-30
  • 《国家人文历史》公告·资讯 2018-11-30
  • 阿来、麦家最近先后加入驻校作家行列 驻校作家做些什么 2018-11-30
  • 营收为负,毛利率却高达412.43% 透视上市公司财务数据“打架” 2018-11-29
  • 推进工作切忌以点“代”面 2018-11-29
  • 新华社评论员:保护生态环境 建设美丽中国——学习贯彻习近平总书记在全国生态环境保护大会重要讲话 2018-11-24
  • 千年不倒,豪宅碉楼 文章中国国家地理网 2018-11-19
  • 人民网春季糖酒会专访西藏高原之宝牦牛乳业股份有限公司董事长王世全 2018-11-12
  • 聂荣臻: 新中国国防工业的指挥者 主持“两弹一星”研究 2018-11-07
  • 意法领导人会面 呼吁在非洲建立难民问题处理中心 2018-11-06
  • 男子网约车上玩游戏睡着 到家后手机却找不到了 2018-11-01
  • 景德镇一道路泥泞坑洼找不到东家 区住建局牵头改造 现已完工 2018-11-01
  • 386| 442| 714| 115| 532| 505| 309| 840| 814| 965|