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

 

  • 紧凑型SUV怎么选 四款合资车型推荐 2019-06-01
  • 回家!2018春运宣传片温暖出炉 2019-06-01
  • 到户就不是计划经济,统一经营坚持集体的是计划经济。 2019-05-28
  • 小米游戏鼠标正式开卖 支持有线无线两种模式 2019-05-28
  • “意象·丹青”中国画联展首场在长开幕 2019-05-28
  • 一语惊坛(5月16日):正在日益复兴强盛的中国,有能力引领世界繁荣发展! 2019-05-27
  • 中国革命为什么要有井冈山与延安呢 2019-05-27
  • 东嘎寺看藏戏文章中国国家地理网 2019-05-24
  • 石林旅行地中国国家地理网 2019-05-24
  • 彭佳慧街头拥吻小16岁嫩男 前夫首发声:一起保护这个家 2019-05-22
  • 脆皮-热门标签-华商生活 2019-05-20
  • 郑州日产召回60372辆帕拉丁 气囊存在隐患 2019-05-18
  • 神经。你还觉得下一个经济应该是按官分配么? 2019-05-18
  • 辽媒:郭帅盼周琦回辽篮 他是韩德君最佳接班人 2019-05-16
  • 山西:首批2亿元专项资金保障提升农村安全饮水工程 2019-05-16
  • 736| 12| 296| 278| 11| 588| 183| 278| 772| 742|