Thanos Snap Effect Using HTML and CSS

Most of us have watched the movie Avengers : Infinity War where Thanos had killed half of the universe with just one snap. Here, in this tutorial we will be creating the... Read more »

Navigation Bar Using HTML & CSS | HTML & CSS Tutorial

In this article, we are going to create a simple Navigation Bar using HTML and CSS. Also we will make the navigation bar fixed at the top of the webpage. Follow this... Read more »

Rotating Fan Animation using HTML and CSS

In this article, we will be designing a simple Fan and rotate it using CSS. We will use animation property of CSS to rotate the wings of fan and create a fan... Read more »

News website Design with HTML, CSS and Bootstrap

In this article, we are going to design a plain, simple yet good looking website template for a news website or a blog. We will be using Bootstrap 5 and a little... Read more »

How to create Sticky Navbar on scroll

In this article, we are going to create a sticky navbar that sticks to the top of webpage when we reach its scroll position. Source Code <style type="text/css"> body{ background-color: #aacad6; margin:0;... Read more »

Parallax webpage design using HTML and CSS

Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling creating an illusion of depth in... Read more »

How to make Breadcrumb using HTML and CSS

Breadcrumb indicates the current page’s location within a navigational hierarchy that automatically adds separators via CSS. A simple HTML / CSS breadcrumb can be designed with the following code : <style> ul.bread{... Read more »

Responsive Blog List Design with overlay title

In this article, we are going to design a responsive blog list design using Bootstrap. The layout design comprises of a list of blog posts along with an image and title associated... Read more »

YouTube Clone Design Using HTML and CSS

In this article, we will provide a complete source code to make a website design like YouTube. We will make this webpage using HTML and CSS. Follow the following video for complete... Read more »

iPhone UI design using HTML and CSS

In this article, we are going to create an Apple iPhone like User Interface (UI) design using HTML and CSS. Download the images used in the webpage from here : Download Images... Read more »