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.

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.

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-02-18
  • 倒着走能治腰颈椎痛?假的! 2019-02-10
  • 徐焰:一百二十年后,回望戊戌变法 2019-02-10
  • 太原设禁鸣路段 设备在测试中 2019-02-07
  • 你这帖子怎么像四两为你代笔的?[微笑] 2019-02-07
  • 王宝雨任天津市北辰区代理区长(简历) 2019-01-11
  • 热身赛-U17女篮73-68立陶宛 杨舒宇19分刘禹彤13分 2019-01-06
  • 11金4银!中国队包揽2018年跳水世界杯全部冠军 2019-01-04
  • 共享单车怎么骑过“过度竞争”这段路 2019-01-04
  • 应对排放新规 大众德国工厂计划短暂停产 2019-01-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-01-02
  • 天津日报数字报刊平台 2018-12-30
  • [心]——中国的有神论者代表不了无神论者!不知道有神论与无神论的世界观不相同吗?况且,各种无神论者的世界观还不一样呢!!!! 2018-12-30
  • 川航备降机组获“英雄机组”称号 机长获奖500万元 2018-12-08
  • 降低企业成本 智能科技产业 “海河英才”计划政策详解 2018-12-08
  • 672| 247| 374| 616| 188| 222| 393| 527| 513| 855|