This is a project that showcases a parallax scrolling effect using HTML, CSS, and JavaScript. It tells a story about a dove's journey and incorporates various elements and transitions to create an immersive experience.
To get started with the project, follow these steps:
- Clone the repository:
git clone <repository_url>
- Open the
index.html
file in a web browser.
The project contains the following files and directories:
index.html
: The main HTML file that displays the webpage.style.css
: The CSS file that defines the styles and layout of the webpage.script.js
: The JavaScript file that adds functionality to the webpage.
Once you have the project running, you can scroll or use the navigation buttons to navigate through the different sections of the webpage. The horizontal parallax scrolling effect creates a smooth transition between the sections. You can also click on the "About me" link to access additional information.
The project uses the following resources:
- Ink Free: A font used for the title.
- Monotype Corsiva: A font used for the subtitles.
- Gill Sans and Gill Sans Medium: Fonts used for the paragraphs.
- Smile: Royalty-free music by Benjamin Tissot.