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

山东群英会走势图今天

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-10-30
  • 南六环汽油罐车轮胎起火 北京大兴消防成功处置化险为夷 2018-10-30
  • 两队防守均是薄弱环节 进攻快VS球风猛谁占优? 2018-10-26
  • 穗青少年三棋锦标赛下月举行 2018-10-24
  • 人民网评:致敬马克思,理论的生命力在于不断创新 2018-10-24
  • 全球最自由的民族:无国籍,每天自然醒,天天吃鲍鱼 ——凤凰网房产 2018-10-16
  • 逛博物馆丨4000多年前,才是榆林最“土豪”的时候 2018-10-09
  • 毕业当援疆 去祖国最需要的地方 2018-10-08
  • 《国风·秦韵》庆祝2018年文化和自然遗产日惠民演出开演 2018-10-08
  • 延安:“幸福院”+“一岗双助”实现助老扶贫双赢 2018-10-08
  • 对话川美前院长罗中立:揭秘《父亲》创作历程 2018-10-06
  • 先学别人后自己创造创新,先进口后出口等都是发展的必然。只有这“先”而没有那“后”就发展不了。 2018-10-06
  • 广西宣讲十九大:唱支山歌进乡村 唱到田头唱到心 2018-10-02
  • 法制日报:巨额奖金被冒领戳中行业痛点 2018-09-29
  • 新元素注入新冒险 《侏罗纪世界2》霸气归来 2018-09-29
  • 865| 788| 170| 437| 126| 287| 824| 368| 281| 261|