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-06-06
  • “一带一路”倡议开辟宗教学研究新境界 2019-06-02
  • 南京研发应用交通违法市民“一键拍”举报平台 2019-06-01
  • “四大发明”是什么制? 2019-05-29
  • 定格——西部网图片频道 2019-05-29
  • 屈原作为一个浪漫诗人的确才华横溢,值得称道,但是他反对统一就得批评。是吧小作? 2019-05-23
  • 红旗H7优惠达4万元 定义国民自主豪华车 2019-05-23
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-05-17
  • 生态环境部环境规划院主任孙宁精彩发言 2019-05-17
  • 《一说到底》第196期:从守规惨死说如何杜绝“规则破窗者” 2019-05-12
  • 吉祥法师:佛陀的智慧就是人类最好的养生理念 2019-05-12
  • C罗戴帽单骑救主 葡萄牙33战平西班牙 2019-05-11
  • 【奋斗者说】“闯先生”汤明磊:垂直孵化深耕家庭经济 助创业者远行 2019-05-11
  • 先生们,当年潘大也不是一个人。 2019-05-10
  • 高清:俄罗斯世界杯揭幕战即将打响  场外各国球迷集结争奇斗艳 2019-05-07
  • 682| 681| 975| 194| 74| 741| 893| 869| 624| 16|