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

天天彩选4模拟投注器

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

 

 

  • 150秒!速览习主席青岛峰会精彩瞬间 2018-10-07
  • 违法和不良信息举报受理和处置管理办法 2018-10-07
  • 特色小镇里的税收服务 定海国地税多措并举提升效能 2018-08-10
  • 笑博士的“企业发展计划”,是基于私有制的企业计划。因此,笑博士,是制订不了市计划,省计划,更别说国家计划的。他的最大无知,是不知社会主义是以公有制为主体的国家, 2018-08-07
  • 端午假期要来了!收藏这份指南,避开人山人海--旅游频道 2018-07-11
  • 纸尿裤卫生巾等纸制品新国标发布 2018-06-26
  • 王牧的专栏作者中国国家地理网 2018-06-25
  • 934| 967| 466| 989| 894| 827| 45| 161| 286| 862|