In This week i work with the website body part and footer part to all the pages i have .

How to create a image that when i click inside it will link to another page .

First , create a <div class=container >

<a href="#" <img src="*"/></a>
(# put in the link you want to link to )
(*img you want to browse , make sure the images inside the images folder)

*For additional knowledge , how if  i did a responsive website i want the picture to be full screen ?

In bookstrap it has a function to make your photo to be flexible in all of the devices .

<img src="*" class=col-xs-12 col-sm-12 col-md-12 col-lg-12>

add col-xs-12 col-sm-12 col-md-12 col-lg-12 class to your img . What does this mean ?

col-columm
xs mean small devices md -tablet lg -desktop
in bookstrap, their separate the screen size in 12 columm so which mean 12 is full screen size.

if you did not want to create a full screen websize , you just need to add in the width and heigh of the img .

<img src="*" width="200" height="200">


For foother part , i create a form / question form to let the audience easy contact and keep in touch with XPM Welfare society .