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

 

  • 国家摄影影像时刊《眼睛》第498期:《川南小酒坊》眼睛胜天 2019-04-17
  • 紫光阁中共中央国家机关工作委员会 2019-04-16
  • 北京捷亚泰汽贸浓情端午 陪你玩赚假期-北京捷亚泰汽贸 2019-04-13
  • 当今的公知精英都引导人产生一个共识:干什么都不重要,钱就是“事业和面子”。为了钱,出售自己,很现实。因此,许许多多的人只“信仰人民币”。 2019-04-13
  • 我省各类创业孵化载体累计“毕业”企业3054家 2019-04-12
  • 湖北“儿子娃娃”的医疗援疆路 2019-04-12
  • 人人都有劣根性。精英群体利用大多数人的劣根性实现私利很合理,对么? 2019-04-09
  • “大功三连”指导员王金龙责无旁贷学习先行走在前列 2019-04-09
  • 建行信用卡账单分期助您理财 2019-04-09
  • 保护英烈权益要用好公益诉讼 2019-04-06
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-04-06
  • 【寄语】献给“最可爱的人”!八一节,您想对人民子弟兵说些啥? 2019-04-05
  • 日本大阪6.1级强震4死逾300伤 工厂及店铺恢复运营 2019-04-05
  • 工业生产数据揭示三行业投资价值 30只个股获逾10亿元资金布局 2019-03-31
  • 《新乌龙院之笑闹江湖》吴孟达郝劭文时隔24年再聚首 2019-03-28
  • 542| 241| 4| 884| 144| 764| 475| 112| 332| 806|