sunshine

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 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

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-02
  • 人民日报召开习近平新闻思想理论研讨会 2018-10-01
  • 吉利远景优惠0.5万元 购车有礼颜色可选 2018-09-23
  • [微笑]原因很简单:房产的升值是由关联资源的增加形成的,跟房屋的产权人没有任何关系,肯定就不能让其从中获利! 2018-09-23
  • 鄂州重拳治理“散乱污”企业 半年内关停数量比过去两年还多 2018-09-16
  • 阳泉首次颁布地方实体性法规 两部法规将于7月1日起实施 2018-09-13
  • 今起生效!游戏成瘾被世卫组织列入精神疾病 将被纳入各国医疗体系 2018-09-13
  • 两部门:工程专业学位调整为8个专业学位类别 2020年起按新类别招生 2018-09-11
  • 国务院关税税则委员会发布公告决定对原产于美国的500亿美元进口商品加征关税 2018-09-11
  • 一个连基本语句都不懂的人只会瞎扯,看着就想笑 2018-09-10
  • 长安街知事:中央督查组对党政一把手动真格 2018-08-28
  • 发现关中:苍鹭翩飞 铜川朱鹮野化放飞区的“原住民” 2018-08-28
  • 专访香港特区政府财政司司长陈茂波 2018-08-19
  • 没有Showgirl的E3展 才是游戏玩家的天堂 2018-08-19
  • 建国后,除了国家机构外,还有众多行业领域都冠以“人民”二字,人民铁道,人民邮电,人民电力,人民公安,人民币。。。 2018-08-14
  • 446| 546| 727| 120| 582| 575| 690| 614| 518| 128|