Feedback Form in HTML with Star Rating
Are you looking for feedback form design? If yes, then you are in the right place. This tutorial explains how to create a feedback form with a star rating
Muhammad Asif
HTML Images Side by Side with Captions
This tutorial explains how you can place HTML images side by side with captions using CSS. Whether you are working on a gallery project or want to arrange your
How to Add Preloader in HTML Page
A preloader is one of the important elements of the user-friendly interface. It indicates that contents are still loading with an animated icon or text. In this tutorial, you
Responsive Testimonial Slider using HTML & CSS3
A few months back, we created a testimonial slider based on pure CSS. We’re back again with a similar tutorial but with a quite different style of a testimonial
HTML Password Field Show Characters
Do you want to show characters in the HTML password input field? Well! in this guide you will come to know how to display password characters rather than default
HTML Image Zoom on Click using JavaScript
A zoom image is one of the useful features of user-friendly webpage design. It allows users to view the image more clearly in detail. This image can be a
Navigation Bar Design Code with Demo
Are you working on a navigation menu and need the code? If yes! then you are in the right place. Here, you will come to know an easy way
Contact Us Page Design in HTML Code
A “Contact Us” page is one of the most important pages of a website that contains information on all basic contact information, including the contact form. This makes it
Photo Gallery for Website HTML Code with Demo
A Photo Gallery is a great way to integrate a set of images into a web page. It not only provides an easy way to view multiple images at
Image Slideshow in HTML CSS Code with Demo
Are you looking for the HTML & CSS source code for an image slideshow? Well! you are in the right place, here you’ll find complete source code for the
CSS Modal with Blur Background
A modal dialog is one of the useful UI elements to display instant information to the users. Staying on the same webpage, it can be used to show notification,
3D Images Slideshow using HTML and CSS
A 3D slideshow for images is the right option while creating a creative website design. It not only attracts the users but also provide a good user experience while
Pure CSS Tabs with Indicator Code & Demo
Do you want to create tabs with an indicator? If yes! then you are in the right place. Here you’ll learn how to create tabs with an animated indicator
Loading Text Animation CSS Code with Demo
In web designing, a loader is a visual element that displays when page content still loading. It gets users’ attention and makes it easier for them to wait for
HTML Range Slider with Ticks and Values
Ticks are useful marks along with the numeric values in the HTML range slider. These marks not only create range steps but also helps to identify the current value
Book Page Flip Animation CSS Code with Demo
Today, I’m going to share a CSS code snippet to create a book page flip animation. It’s a pure CSS single page flip animation to reveal content on mouseover
CSS Draw Rounded Border Animation
When we talk about creativity in web designing, the very first thing that comes to mind is CSS animation. No doubt, animated elements represent the creative design of a
Responsive Navigation with Centered Logo
Last morning, I was working on a project in which I had to place the brand logo in the middle of the navbar. I tried different methods to get
Responsive Navbar with Search Box using CSS
You may have seen many websites that has a search box inside the navbar. Off course! it provides the best user experience while browsing and searching site content. If
Search Icon Click Open Search Box Using CSS
A search box is one of the most used elements on a web page while browsing. Generally, a search box is located inside the navbar of most websites. But,