Modern Web Dev Project π
Features:
Delight in a frictionless browsing experience as the content elegantly glides in response to user interactions, thanks to the Locomotive Scroll library.
Experience a captivating first impression with a landing page that boasts a seamless transition, setting the stage for an engaging user exploration.
The website is made responsive for both desktop and mobile.
Elevate user interactions with links and buttons that come to life through a sophisticated underline hover effect, enhancing visual aesthetics.
Navigate effortlessly through the site with an intuitively designed menu system that elegantly pops up upon user click, ensuring smooth exploration.
Immerse users in an interactive wonderland as text transitions enchantingly and images playfully respond to cursor movements, adding a dynamic layer to user engagement.
Preview:
Play the video below for preview:
https://github.com/vedang685/ModernWebDev-CynthiaUgwu/assets/93223467/9e1c9c20-f9af-4653-9a62-cd43a593b1eb
Play the video below for preview:
https://github.com/vedang685/ModernWebDev-CynthiaUgwu/assets/93223467/c922ce1f-9f56-4f88-a660-0d020957b4cf
How to Use:
Clone this repository to your local machine using:
Copy code
git clone https://github.com/your-username/ModernWebDev-CynthiaUgwu.git
Open the project directory in your preferred code editor.
Explore the project's structure, including:
index.html: The main HTML file containing the landing page and smooth scrolling setup.
styles.css: The CSS file responsible for the visual styling and animations.
script.js: The JavaScript file handling interactive features, including the menu and animations.
images/: Directory containing images used in the project.
Customize and extend the project as desired, leveraging the power of HTML, CSS, JavaScript, GSAP, and Locomotive Scroll.
Inspiration Credits:
Cynthia Ugwu: Original inspiration behind the project's concept and design. Your ideas fueled my creativity and innovation.
Sheryian Coding School: A heartfelt thank you for providing the foundational knowledge and support that enabled me to create this website from scratch.
Get in Touch:
Connect with me on LinkedIn: https://www.linkedin.com/in/vedang685/
License:
This project is licensed under the MIT License.