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

 

  • 【济南天气】最新济南今天天气,实时提供济南气温、空气质量、24小时天气预报、生活指数查询 2019-03-17
  • 高清:埃及今晚对阵乌拉圭 萨拉赫有望登场 2019-03-14
  • 兰州新区构筑西北内陆开放高地 2019-03-14
  • 反校园暴力法,这个必须有 春城壹网 七彩云南 一网天下 2019-03-13
  • 2011责任中国十大嘉宾评选 2019-03-13
  • 尊重和保障宗教信仰自由的中国实践 2019-03-12
  • 端午假期虎门大桥最易拥堵 2019-03-12
  • 起底特大网络盗刷案:数亿人的秘密因一习惯被盗卖 2019-03-11
  • 栗战书主持召开十三届全国人大常委会第五次委员长会议 决定十三届全国人大常委会第三次会议6月19日至22日举行 2019-03-11
  • 紫光阁中共中央国家机关工作委员会 2019-03-02
  • 非遗展里的“甜蜜技艺” 2019-03-02
  • 美军或拨75亿专款 专家将加强美在亚太军事存在 2019-02-26
  • 损害生态环境被追责  这则中纪委通报不是抓老虎 2019-02-26
  • 愿中国核电逆袭之路,成为中华民族伟大复兴的一个缩影! 2019-02-19
  • 藏医保健常识:保肝护肝有讲究 2019-02-19
  • 923| 64| 556| 83| 182| 33| 329| 541| 390| 719|