I developed this website in HTML and CSS to experiment with the Parallax scrolling effect and displaying multiple background images on a page. The site showcases India’s geographical location, history and culture and food.

HTML, CSS, Photoshop, Balsamiq

The Process

I used CSS background-attachment: fixed property to keep the images fixed while the text scrolls over them.


Navigation font: Roboto

Headings font: Roboto

Body font: Roboto

Color Palette


Challenges and Learning

I learned how to create Parallax scrolling using multiple images.