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-11-03
  • 2016年度“感动海淀”十大文明人物颁奖典礼举行 2018-11-03
  • 马钢与十七冶签订战略合作框架协议 2018-10-28
  • 公安部:网络服务提供者窃取信息最高将罚100万元 2018-10-28
  • 家装行业猫腻多:“低价全包”变身“加价全包” 2018-10-07
  • 拉萨市今年将完成新建改建公厕500余座 2018-08-06
  • 商务部新闻发言人就6月15日美方公布对华贸易措施发表谈话 2018-08-06
  • 拜腾豪华概念轿车亮相 L4级自动驾驶2021年上市 2018-07-23
  • 百商诚信商海创新—天山网 2018-07-23
  • 五莲科技局以“三大”助力动能转换 2018-07-16
  • 陕西·志丹“延安苹果”推介会在北京召开 2018-07-16
  • 2018年一季度互联网注册域名数量增至3.338亿个 2018-07-01
  • 日本大阪地震已致4人死亡 370多人受伤 2018-07-01
  • 屠呦呦,袁隆平都不是清华大学毕业,他们的科学贡献远大于清华大学毕业生。不要迷信名牌大学,要相信自己的努力。 2018-07-01
  • 感人!的哥带着患病父亲出车 孝心感动乘客 2018-07-01
  • 524| 359| 1| 122| 633| 897| 845| 355| 853| 568|