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

 

  • 北京市北京京申宝4S店【在线咨询】 2019-04-23
  • 我国科学家发现混元兽 2019-04-15
  • 杰森·斯坦森:《巨齿鲨》水下拍摄难度大 2019-04-08
  • 泰安日报社社长戴冰祝贺人民日报创刊70周年 2019-04-08
  • 大量宋蒙战争时期遗物现身涪陵 2019-04-04
  • 性格决定命运!外向性格的人不易中风、患糖尿病 2019-04-02
  • 【中国梦·大国工匠篇】鸡蛋上钻孔显真功 潜心坚守一线练就绝活儿 2019-04-02
  • “一带一路”论坛 值得世界期待 2019-03-30
  • 夏天吃雪糕怕伤胃拉肚子 如何健康吃冷饮——食品安全频道——黄河新闻网 2019-03-27
  • 曹建明:为人民司法,自觉接受人民监督 2019-03-26
  • 【理上网来·喜迎十九大】十八大以来习近平总书记关于坚定理想信念的重要论述 2019-03-22
  • 焦点图片——黄河新闻网 2019-03-21
  • 雷政富狱中发声:否认漏罪举报 不服原判正申诉 2019-03-20
  • 全国楼市迎来反弹 5月份武汉新房价格上涨超1% 2019-03-20
  • 【20-30万】最新汽车报价 2019-03-17
  • 826| 101| 421| 536| 522| 181| 652| 559| 540| 818|