Responsive Horizontal Timeline in HTML CSS
This code project provides a complete solution for creating a responsive horizontal timeline using HTML and CSS. It includes HTML markup and CSS styles specifically…
Responsive Image Gallery with Number Listing
This code snippet helps you to create a gallery of images that can be viewed in a lightbox. The gallery consists of a div element…
Pure CSS Dropdown Menu with Submenu
How to Create Pure CSS Dropdown Menu With Submenu Create the HTML structure as follows: <div id="container"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">WordPress</a> <!-- First…
Tab Menu Bar in HTML
How to Create Tab Menu Bar In Html First of all, load the following assets into the head tag of your HTML document. <link rel='stylesheet'…
Navbar Fixed Top After Scrolling
How to Create Navbar Fixed Top After Scrolling First of all, load the following assets into the head tag of your HTML document. <link rel="stylesheet"…
Responsive Navbar With Dropdown
How to Create Responsive Navbar With Dropdown First of all, load the following assets into the head tag of your HTML document. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">…
CSS Image Gallery with Smooth Hover Scale Effect
The code snippet helps you to create an image gallery with a smooth scale effect on hover. The gallery is contained within a <div> element…
Bootstrap Image Gallery with Hover Effect
This code snippet helps you to create a Bootstrap image gallery with a fluid layout and overlay hover effect. It comes with several images with…
HTML CSS Navigation Bar With Mouse Hover Effect
How to Create HTML CSS Navigation Bar With Mouse Hover Effect Create the HTML structure as follows: <h1>Responsive Menu Effect hover on menu items! </h1>…
Make A Navbar Sticky After Scrolling Down
How to Create Make A Navbar Sticky After Scrolling Down Create the HTML structure as follows: <section id="screen1"> <p>Scroll down</p> <nav> <ul> <li><a href="#">Home</a></li> <li><a…
CSS Cards with 3D-Image View on Hover
This CSS code project helps you to create a card element that displays a 3D-image view, a title, and a character description when hovered over.…
jQuery Gallery with Image Zoom Effect
Yet another lightweight jQuery code snippet to create an image gallery with zoom hover effect. It arranges the images in a grid layout and zooms…