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

 

 

  • 中国最古老地名5000年未改 还保留了世界唯一文化! 2019-06-07
  • 俄S500导弹秘密试射引多方关注 中国需要吗? 2019-06-07
  • 控制臂连接轴存隐患  保时捷召回30辆2015款918 Spyder 2019-06-03
  • 葛红亮:老“马”识途,中马关系不会逆转 2019-06-02
  • 降低企业成本 智能科技产业 “海河英才”计划政策详解 2019-06-02
  • 5G标准化进程的下一步是什么 2019-05-27
  • 冬奥永久场馆赛后实现可持续利用 2019-05-27
  • 震后十年·追忆与新生:要更加勇敢地努力生活 2019-05-19
  • 屠呦呦,袁隆平都不是清华大学毕业,他们的科学贡献远大于清华大学毕业生。不要迷信名牌大学,要相信自己的努力。 2019-05-18
  • 比贫穷更可怕的,是心穷 有故事的人 2019-05-15
  • 2018年东南大学将继续推进“金钥匙计划”与国际化办学 2019-05-15
  • 行云流水!上港教科书式反击 林创益斩亚冠处子球 2019-05-12
  • 粤港澳大湾区如何打通金融脉络? 2019-05-10
  • 鄱阳湖花海:文明仍应成为最美风景 2019-05-10
  • 联合国安理会发表声明 强烈谴责阿富汗恐怖袭击 2019-05-05
  • 720| 440| 386| 684| 61| 374| 847| 926| 612| 383|