Step-1

I used HTML 5 to structure my website. I wanted to create my own website from scratch so i too help from multiple sources. So first of all I looked up some templates to know how I wanted my webpage to look like. For this I took help from a website and also from W3school

Step-2

With the help of CSS I styled my website. I used different stylying techniques like 'drop down list' on hovering over the text, 'image detail effect' on hovering over the image etc. For the drop down list I looked up at a youtube channel and for the image detail effect I looked up at adifferent website and as for the rest of the styling it was mostly trial and error and mostly looked up at W3school

For compressing the images I used an online compressor which compressed my images frpm 250 kb to 100 kb.

Step-3

Finally using Javasript I gave animation to my website. The only animation I used here was the 'rubber band effect' which on hovering over a text there is a rubber band effect, I used it in the heading for which I took help fromStack Overflow.