In order to make the website look more appeal to the general public, a slideshow has been added.

It is one of the build-in functions provided by Bootstrap framework which is called carousel . FYI, this framework is developed and maintained by Twitter and it has been named as one of the most popular framework.

While it is first developed and installed to the front page, it may be considered to be included in some other pages in the future as well.

Below is the example of how the slideshow looks like.

And please be noted that it is just an example and therefore we only show with a smaller size than the actual one we put on the front page.

Currently this section only uses one size of the picture which is 1280x500 pixel. And instead of placing the blur effect directly to the pictures, we currently use filter effect by CSS3 to make them look blur. However we may consider making all pictures blurred from the original photoshop source for a guarantee of consistency output to all viewers from different type of web browsers.

We have finally built-in all the pictures in this section as well as other sections with blur effect. And the effect itself is called Gaussian Blur in Adobe Photoshop .