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

 

  • 风力发电机 藏身高楼中 2018-11-03
  • 苦口婆心,仁至义尽。丢掉幻想,准备斗争。 2018-10-09
  • “梁天琦们”该醒醒了(香江漫笔) 2018-09-27
  • 高波:科学把握我国发展的阶段性特征 2018-09-26
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2018-09-26
  • 央视羊年春晚导演“难产” 回应:应该是领导的意思 2018-09-25
  • 上影节展映片|《蝴蝶梦》:另类的黑色电影 2018-09-25
  • 蔡英文,赖清德,李登辉,陈水扁..... 2018-09-22
  • 西安培华学院招生与就业指导主任 鲍伟 2018-09-20
  • 家装行业猫腻多:“低价全包”变身“加价全包” 2018-09-20
  • “屎尿罐”炸日军工兵 地雷埋进鬼子据点 2018-09-14
  • 《侏罗纪世界2》将上映 “星爵”透露:和恐龙的关系“情同父女” 2018-09-14
  • 刘鹏:抓住“特色”的同时也要看淡“特色” 2018-09-09
  • 人民日报来论:治理秸秆焚烧要治本 2018-08-18
  • 以“党建”推动脱贫攻坚前进 2018-08-11
  • 593| 944| 6| 657| 897| 904| 544| 370| 770| 124|