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-06-19
  • 国内最大风电供暖项目在灵丘启动 2019-06-18
  • 燕赵晚报:世界杯版“警方提醒”更接地气 2019-06-16
  • 不撞南墙不回头。痛定思痛。动辄把独立自主、自力更生,说成是崩溃边缘,是多么轻率、可笑。 2019-06-13
  • 进京通行证限次数!70.9万辆本地化使用外埠号牌车或将受影响 2019-06-13
  • 习近平:坚持绿色低碳,建设一个清洁美丽的世界 2019-05-28
  • 看着就想笑为什么会遭到很多网友非讲道理的攻击呢,首先就是他自己不讲道理,遇到无法说理的问题,就实行侮辱式的不讲道理的谩骂,才受到网友的围攻 2019-05-23
  • 广州计划于7月6日公布中考成绩 8日开始录取 2019-05-13
  • 南京栖霞古寺第十四届暑期佛学班开始报名了! 2019-05-13
  • 【济南天气】最新济南今天天气,实时提供济南气温、空气质量、24小时天气预报、生活指数查询 2019-05-08
  • 为完善全球治理贡献东方智慧 2019-05-03
  • 中超两将或联袂登场 非洲雄鹰能否再演黑马本色 2019-05-03
  • 全省手机报推广发行经验交流会在大悟召开 2019-04-27
  • 赵世炎:信仰之火永不灭 2019-04-25
  • 世界杯期间杭州要严查酒驾 这些地方是重点区域 2019-04-25
  • 660| 453| 943| 594| 124| 120| 688| 479| 187| 904|