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

大乐透开奖查询

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

 

 

  • 新绛学府城幼儿园举办亲子环保时装秀 2018-12-11
  • 以古鉴今,习近平多次提及屈原 2018-08-15
  • 谋求共同发展的强大动力(钟声) 2018-08-15
  • 银行放贷慢,购房者要付房企违约金吗 2018-07-26
  • "三奇"领衔全明星中场 格子军团卷土重来未可知 2018-07-01
  • 国内最适合端午去的9个小众旅行地 千万别去错了 2018-07-01
  • 浦东新区:探索人民调解专业化 2018-07-01
  • 暑期档:国产战场史上最强 海外战场续集当道 2018-06-30
  • [网连中国]赛龙舟 包粽子 办诗会……全国各地品民俗迎端午 2018-06-30
  • 776| 281| 715| 388| 692| 275| 597| 745| 742| 642|