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

 

  • 出海记|电池大战胜负已定? 日媒中企份额占全球六成以上} 2019-06-11
  • 朔州市农委安排部署扫黑除恶专项斗争工作 2019-06-01
  • 酒店美女试睡员竟有这惊人发现 瞠目一夜 2019-06-01
  • 安福交警殴打老人不属实 实则阻碍交警执行公务 2019-05-26
  • 大连征求党外人士对《政府工作报告》的意见建议 2019-05-26
  • 前5月新能源汽车延续高速增长态势 销量增141.6% 2019-05-22
  • 习近平要求把这项工作作为重大政治任务 2019-05-22
  • 山西日报传媒集团公司 2018年第一季度财务等重大信息 2019-05-07
  • 日照:前5个月日照税收比重居山东省第二位 2019-05-01
  • 人民的力量——一份大报,与一个大党、一个大国的故事 2019-04-19
  • 有兴趣的朋友可以去看咱的《机器人普及时代的生产关系》…… 2019-03-27
  • 中华人民共和国安全生产法 2019-03-27
  • 男子回家听到狗叫,眼前这幕却让他无比吃惊 2019-03-19
  • 台湾如何管理“路边摊” 2019-03-15
  • 杨石魂:先驱肝胆 义薄云天 2019-03-14
  • 833| 690| 674| 187| 898| 57| 625| 969| 807| 564|