Style Guide

H1 - Lorem Ipsum is light heading

H2 - Lorem Ipsum is light heading

H3 - Lorem Ipsum is light heading

H4 - Lorem Ipsum is light heading

H5 - Lorem Ipsum is light heading
H6 - Lorem Ipsum is light heading
 

Normal
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. Excepteur sint occaecat cupidatat non proident.  Read More >

 

Blockquote

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Small Text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Horizonal Line

Color-1
#0085B2
Color-2
#AC7205

You can use the <mark> tag to highlight text.

<small> This line of text is meant to be treated as fine print.

<strong> and <B> This line rendered as bold text.

<del> and <S> This line of text is meant to be treated as deleted text.

<ins> and <u> This line of text is meant to be treated as an addition to the document.

<em> This line rendered as italicized text.

Color1 inside span

Color2 inside span

Button 1

Read More

Button 2

Read More  

Button 3

 Read more

Back 

Bordered Table

Date

 Description
May - Apr 2019 Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. 
May 2018 Cmet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
May 2018 Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit.
Line Table
Date Description
May - Apr 2019 Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. 
May 2018 Cmet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
May 2018 Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit.
Colour Table
Date Description
December 2019 - February 2010 Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. 
May 2018 Cmet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
May 2018 Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit.
Colour Table - with vertical line
Date Description In-charge
December 2019 - February 2010 Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit.  Prof YAU
May 2018 Cmet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque Dr CHEUNG
May 2018 Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Mr POON
Borderless Table
May - Apr 2019 Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. 
May 2018 Cmet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
May 2018 Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque  nascetur ridiculus mus. Lorem ipsum dolor sit amet consectetuer adipiscing elit.
 
Accordion
Curabitur pretium tincidunt lacus

Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.