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-08-23
  • 胆忒大!假冒中将欲登机 军地联手擒“李鬼” 2018-08-23
  • 苏格兰一中国留学生遭遇电信诈骗 损失数万英镑 ——凤凰房产海外 2018-08-22
  • C罗意外现身赛后发布会:这是我的生涯最佳时刻 2018-08-22
  • 激情世界杯 决战俄罗斯 2018-08-17
  • 在习近平新时代中国特色社会主义思想指引下---新时代新气象新作为 2018-08-02
  • 湖北治理违规提取公积金 防止用公积金炒房 2018-08-02
  • 一个社会是市场经济多还是计划经济多,不是建立搞市场经济就不发展公有制。 2018-07-01
  • 高清图集:习近平在山东考察 2018-07-01
  • 习近平点出“一带一路”取得积极成果的关键原因 2018-07-01
  • 给车加油时 不要把油箱加满 2018-06-30
  • 大陆学者:“31条”多维价值体现在三方面 2018-06-30
  • 445| 162| 31| 570| 577| 443| 886| 779| 375| 226|