Premium food delivery landing page with responsive design, live menu filtering, smooth animations, FAQ accordion, and interactive UI built using HTML5, CSS3, and Vanilla JavaScript.
sticky Navbar hide/show on scroll (my original, using useState + useEffect), shadcn + next-themes(learned from codeSTACKr), frosty header (learned from Saraev Media)
** Not Responsive - Just HTML & CSS **
Welcome to the JavaScript Projects Showcase repository! This repository serves as a collection of innovative and practical JavaScript projects developed to showcase my expertise.
Responsive landing page with JS advanced DOM manipulations. Smooth scrolling, smooth section revealing, lazy-loading, sticky navbar, slider, flexbox, and CSS grid.
Vue 3 and Nuxt 3 compatible sticky block component
This project shows you how to build a beautiful and interactive coffee website with custom sections like header, home, about, Quality, variety, products, and footer. It also includes scroll animations, active links, and JavaScript features to make the site more dynamic.
This is a responsive MERN Stack Portfolio Website built using HTML, CSS, and JavaScript. It showcases my skills, projects, and technical expertise with a modern and professional UI design. The project is fully responsive and suitable for job applications and personal branding.
Welcome to html1 repository! This repository contains the HTML and CSS code . This project was developed using Visual Studio Code, a powerful and versatile source code editor.
In this video we will be creating a sticky Navbar using HTML, CSS and JavaScript
Sticky Navbar
اسکریپت هوشمند منوی چسبان (Sticky Navbar) با جاوا اسکریپت خالص | بهینهسازی شده برای جلوگیری از لرزش صفحه، دارای افکت گلسمورفیسم لایت
ANGULAR example of parent's background and foreground color transistion based on visible HTML section combined with a sticky nav bar for HTML sections.
This is the my Portfolio repo
Sticky-navbar using position: sticky; property
Frontend utils for your web-projects.
Add a description, image, and links to the sticky-navbar topic page so that developers can more easily learn about it.
To associate your repository with the sticky-navbar topic, visit your repo's landing page and select "manage topics."