Convert a Template to a Website

I have a bootstrap template that I need to have customized. Images Main1, Main1, Main3 and Main 4 are all parts of the main (default) web page. I need the following: Main1 is too tall. It needs to be squeezed so that it is more obvious that there is more content below. main2 is OK Main3 is also OK. How it works: When someone clicks on the links under Our Portfolio, the images related to the subject move into position and all others are hidden. This is fine, no problem. When one of the images is clicked, it takes the user to a slideshow - slideshow1. More on that below. Main4: The images on the left are links to Flickr. I want these images to instead link to a page on my website, each image to a different web page. Slideshow1: Currently, clicking on the arrows moves to the next slide. This is fine, no problem. Clicking on the background returns to the main page. This is also OK. However, clicking on the image does nothing. I want to change this. Clicking on the image to go to another web page. That's it. There is no need to work with the images or content. Simply change the behavior to act as I have requested. All content is contained on one web page. I have all necessary files and will supply them when needed.