Code of my "Responsive Webpages" project.
-
Updated
Mar 30, 2024 - CSS
Code of my "Responsive Webpages" project.
QuickType Responsive Landing page
Natours is more than just a website; it's a testament to my journey in mastering advanced CSS and Sass.
FlexiCSS: A lightweight, responsive CSS framework with a customizable grid system, pre-built components, utility classes, and built-in accessibility features for fast and efficient web development.
"Trailer Preview" is a sleek and engaging project designed to showcase movie trailers in a captivating and user-friendly manner. With an intuitive interface, users can easily access trailers and enjoy a seamless viewing experience. The project focuses on simplicity and elegance, offering a preview of the movie world right at your fingertips.🎬🍿
Grocery store website https://royalfoodmarket.herokuapp.com/
This was the Internship task to rebuild the existing website using React.js to improve the performance. Loading time was improved from 87ms to 4ms .
Keyboard Responsive Landing Page
Easybank Landing Page: Explore a responsive design with captivating animations on load and scroll. Intuitive hover effects enhance user interaction, while a mobile-friendly burger menu ensures seamless navigation.
Company's website https://baywood.herokuapp.com/
This is the landing page for natours tours booking website
Secure, browser-based image compression - No uploads needed
This project is a React-based web application with a responsive design, featuring dynamic routing and API integration. It includes custom CSS for styling components and utilizes media queries for light and dark mode preferences.
Github pages home: React weather application. Gallery and slideshow with both manual and automatic controls. Gallery and a slideshow with manual controls that displays within a modal. Hand-coded HTML email template that looks great on various email clients, devices, browsers and sizes.
Demos for cross-browser issues with CSS and SVG blending modes in current browsers
🖼️ Web application that dynamically selects color schemes based on real-time weather conditions specific location. It provides a visually appealing way to integrate weather data with UI design, offering users an immersive experience that reflects current weather conditions through color.
Shadowizard is an open-source library for generating customizable box shadows using CSS. It allows developers to quickly and easily create visually appealing box shadows by providing a simple syntax for specifying the parameters of the shadow. With Shadowizard, developers can generate a wide variety of box shadows, including inset shadows.
A polyfill to make Cross Browser Support much easier!
Add a description, image, and links to the cross-browser-compatibility topic page so that developers can more easily learn about it.
To associate your repository with the cross-browser-compatibility topic, visit your repo's landing page and select "manage topics."