This project is a responsive landing page for a mobile application, designed to provide an engaging user experience across various devices, including mobile phones, tablets, and laptops. The website features advanced CSS for a modern UI and JavaScript to enhance interactivity.
Live Demo: Live Demo UiFry
Figma Design Reference: Figma Link
-
Advanced UI/UX: Implemented using HTML, CSS, and JavaScript for dynamic and interactive elements.
-
Hover and Animation Effects: Eye-catching animations and hover effects to enhance user experience.
-
Dark Mode: Toggle between light and dark themes with a button. The chosen theme is retained using local storage, even after page reloads.
-
Responsiveness: Optimized for mobile phones, tablets, and laptop screens. (Note: Not fully responsive on very large screens and some mobile devices.)
-
Complete Section Implementation: Finalizing all sections as per the Figma design, including the footer.
-
Enhanced Responsiveness: Ensuring full responsiveness across a wider range of devices.
-
Smooth Scrolling: Adding smooth scrolling for navigation when clicking on navbar items.
-
Scroll-to-Top Button: Implementing a bottom-to-top arrow functionality for easy navigation.
To run this project locally:
git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name
Open index.html in your preferred web browser.
-
Dark Mode Toggle: Click the toggle button to switch between dark and light themes. The preference will be saved and applied on subsequent visits.
-
Responsive Design: Resize your browser to see the responsive layout adjustments for different screen sizes.
Name: Ananta Chattapadhyay
Email: [email protected]
LinkedIn: Ananta Chattapadhyay