This website template was originally created as a birthday gift for my best friend. It incorporates the concept of parallax scrolling. Please note that the website is not responsive and is optimized for the dimensions of the device it was initially coded on.
All media used in this website template has been carefully resized, reshaped, and sourced by me. This includes images and any other multimedia elements present on the site. I wanted to ensure that everything fits perfectly into the overall design and aesthetic of the website.
Given the non-responsive nature of this website, please refer to the #demo section to visualize its optimized appearance on the creator's screen. To view the website on your device, follow these straightforward steps:
Option 1:
Clone the repository from the provided GitHub link.
Open the cloned repository in Visual Studio Code.
Access the HTML file and utilize the Live Server extension to initiate website viewing.
Option 2:
Download the project as a zip folder and extract all files.
Launch Visual Studio Code and navigate to the project folder.
Activate Live Server on the HTML file to initiate website viewing.
Please Note:
The website lacks responsiveness and may exhibit errors during viewing.
It is optimized for a screen resolution of 1399x768.
Known bugs include:
Viewing the website in responsive mode may trigger errors where the gift image is broken, and the link does not work when clicked on.
To properly view the website:
Use Live Server to open the website.
Access developer options in your browser.
Opt for responsive design, choosing the Samsung Galaxy S20 Ultra device.
Rotate the view as necessary for accurate display.
By following these instructions, you can view the website locally on your device, albeit with the need for rotation to achieve accurate presentation.
Please click on the image below to watch the website demo: