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

 

  • 高通二十一世纪课堂项目获第十二届人民企业社会责任奖年度案例奖 2019-04-19
  • 忻州 端午节假期旅游收入达59962万元--黄河新闻网 2019-04-18
  • 【理上网来喜迎十九大】推动中国经济乘风破浪行稳致远 2019-04-18
  • 球爹语出惊人:詹姆斯定会来湖人 我儿子能让他变更好 2019-04-17
  • 让安心手环更“智慧” 2019-04-17
  • 别让“屈原留下三天端午假”的段子再流传 2019-04-16
  • 聚焦全国网络安全和信息化工作会议 2019-04-16
  • 重庆:被误以为特色民宿的“最美公厕” 2019-04-16
  • 靠山山倒不如靠自己。远水救不了近火,这样的简单道理都不懂该有这样一劫 2019-04-15
  • 脸上长痘代表对应内脏有问题?专家:未发现相关性 2019-04-15
  • 主持人资料库――李佳明 2019-04-14
  • 美国佷聪明,他总是在他的贸易伙伴将要出现经济问题的时候,找个由头溜了。 2019-04-14
  • 战斗民族的称号,果然不是吹出来的,不错。希望我国球队也可以如此 2019-04-14
  • 习近平同伊朗总统鲁哈尼举行会谈 2019-04-13
  • 日均处理快件超一亿三 2019-04-13
  • 400| 338| 564| 194| 832| 659| 468| 830| 456| 419|