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-17
  • 习近平讲述如何为乡村振兴提供人才保障 2019-06-17
  • 【新时代·幸福美丽新边疆】镜像海南 2019-06-17
  • 广州市天河区人民法院公告专栏 2019-06-16
  • 花玉喜.blog的博客—强国博客—人民网 2019-06-16
  • 海关严打侵权护航俄罗斯足球世界杯 2019-06-16
  • 他贴子里的植树造林,就是一个历史的古迹 2019-06-15
  • 劫匪持枪抢劫金店 川渝警方联动20小时破案 2019-06-15
  • 东嘎寺看藏戏文章中国国家地理网 2019-06-15
  • 细胞癌变与“自毁蛋白”无处立足有关 2019-06-15
  • 安徽:法院强制执行  “老赖”耍赖无门 2019-06-14
  • 储大同 中国医学科学院肿瘤医院首席科学家 2019-06-14
  • 海宁:高质量打造新时代文明传习示范地 2019-06-14
  • 请问,建立市场经济后,原计划经济哪里去?改革后,我们还在实行计划经济,为何没有提及? 2019-06-14
  • 你烧香拜佛,天就会降大斯于你? 2019-06-13
  • 283| 910| 295| 928| 94| 391| 853| 986| 284| 175|