India

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.

Tools:
HTML, CSS, Photoshop, Balsamiq



The Process

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

Typography

Navigation font: Roboto

Headings font: Roboto

Body font: Roboto

Color Palette

Responsive

Challenges and Learning

I learned how to create Parallax scrolling using multiple images.