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

 

 

  • 摩洛哥队主帅:平局都会失望 更何况被“乌龙绝杀” 2019-06-10
  • 新时代 新担当 新作为 2019-06-10
  • 回复@大雨582:没兴趣跟你扯了,智商达不到,再怎么说你也明白不了。 2019-06-04
  • 不怕玩阴的就怕来真的,小金的真威震四方,他那核弹是真敢甩啊,老特都惧 2019-06-03
  • 中国宗教研究学者:儒道佛三教关系为世界宗教发展提供新启迪 2019-06-03
  • 【学习时刻·经济实说①】清华大学国情研究院胡鞍钢:伟大的发展实践产生伟大的思想 2019-06-01
  • 【中国梦·大国工匠篇】鸡蛋上钻孔显真功 潜心坚守一线练就绝活儿 2019-06-01
  • 深化市校合作 助力乡村振兴 2019-05-31
  • 高校招生将更加尊重学生自主选择 2019-05-31
  • 波司登集团获第十二届人民企业社会责任奖年度环保奖 2019-05-20
  • 小地主思维方式泛滥的结果。还是王光美说得对:照现在看,毛主席当年是对的。 2019-05-15
  • 湖州:“最多跑一次”利民惠企提速15条出台 2019-05-15
  • 美帝拉拢人民,才能反对共产党。 2019-05-15
  • 人民网驻西班牙记者报道集 2019-05-14
  • 【新媒体矩阵】长城新媒体微信 2019-05-09
  • 166| 916| 676| 822| 909| 333| 574| 951| 166| 574|