You can view the design 🎨here.
• Landing page featuring dynamic animations using vanilla JavaScript and HTML partials for reusable components.
• Optimized user experience with parallax scrolling effects for various sections and image elements.
• Integrated lazy loading for images, significantly reducing initial load times and enhancing overall performance.
• Developed a modular, reusable CSS and JavaScript component structure, improving maintainability and scalability of the codebase.
• Implemented a fluid layout design that adapts seamlessly to various screen sizes, ensuring a consistent and engaging user experience across all devices.
HTML5, SCSS, JavaScript, BEM, Gulp, Webpack
- Clone the repository:
git clone https://github.com/sasholk/debonaire.git
cd debonaire- Install dependencies:
npm start- Start the development server:
npm run dev- Open http://localhost:8080 in your browser to view the app.