Vertical Card Sliding Animation using only HTML & CSS

Praveen Kumar
March 22nd, 2021
0
Metronic, Keenthemes, UI Design

Hey friends, today in this blog you’ll learn how to create Vertical Card Sliding Animation using only HTML & CSS. In this Vertical Card Slider, there are five minimal cards with profile image, username, user profession, and a follow button. All these cards slide vertically and appear one by one. On the webpage, there are only […]

Responsive Image Lightbox using HTML CSS & JavaScript

Praveen Kumar
March 21st, 2021
0
Metronic, Keenthemes, UI Design

Hey friends, today in this blog you’ll learn how to create Responsive Image Lightbox using HTML CSS & JavaScript. You may have seen image lightbox on many websites. Lightbox showcases images and videos by filling the screen and dimming out the rest of the web page. In the image lightbox, there are slide controls so […]

Responsive Vertical Timeline Design using only HTML & CSS

Praveen Kumar
March 20th, 2021
0
Metronic, Keenthemes, UI Design

Hey friends, today in this you’ll learn how to create Fully Responsive Vertical Timeline Design using only HTML & CSS. Generally, A timeline is a chart listing the important events for progressive years within a particular historical time. The vertical timeline is navigated with a vertical line and moves vertically when you scroll it. Nowadays, every […]

Responsive Personal Portfolio Website using HTML CSS & JavaScript

Praveen Kumar
March 19th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Fully Responsive Personal Portfolio Website using HTML CSS & JavaScript. I already shared many blogs on web design stuff like [Navigation Bar, Cards, Image Slider, Owl Carousel, Buttons, and many more] but still I’ haven’t created a full website and now it’s time […]

Skeleton Loading Screen Animation using only HTML & CSS

Praveen Kumar
March 18th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Skeleton Loading Screen Animation using only HTML & CSS.A skeleton loading screen is the user interface (UI) that doesn’t hold actual content; instead, it animates the page’s layout by showing its elements in shape similar to the actual content as it is loading and becoming […]

Responsive Footer Section Design with HTML & CSS

Praveen Kumar
March 17th, 2021
0
Metronic, Keenthemes, UI Design

Hey friends, today in this blog, you’ll learn how to create a Fully Responsive Footer Section using only HTML & CSS. . You may have seen a footer on every website that you’ve visited because the footer on any website is now compulsory. Footer is always set on the bottom of the main page or last […]

Working Calculator using HTML CSS & jQuery

Praveen Kumar
March 16th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to build a Calculator using HTML CSS & jQuery. Do you ever imagine what you can do you using JavaScript or jQuery? Javascript allows you to do all that you will never think about. At this time JavaScript is one of the most demanding programming languages. […]

Minimal To-Do List using HTML CSS & jQuery

Praveen Kumar
March 15th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Minimal To-Do List using HTML CSS and Javascript. Todo is a task management app or program to help you to stay organized and managed your day-to-day. You can add things that you have to do in the whole day, after completing those works […]

Star Rating Widget using only HTML & CSS

Praveen Kumar
March 14th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Star Rating Widget using HTML & CSS only..I am sure that, you have seen the star rating system or widget on many e-commerce websites and the app. I know that the review widget is dynamic, but their design created in HTML CSS & JavaScript […]

Pure CSS Emoji Star Rating Widget

Praveen Kumar
March 13th, 2021
0
Metronic, Keenthemes, UI Design

Hey friends, today in this blog you’ll learn how to create Emoji Star Rating Widget using only HTML & CSS. As you may know, A star rating is a rating question or widget that provides people a rate of an app, product, service, or something else with several stars. The number of stars can range […]

Animated Search Box using HTML CSS & JavaScript

Praveen Kumar
March 12th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create an Animated Search Box/Bar using HTML CSS & JavaScript.Search box is the most important graphical element present in every website. It works as the field for a query input or searches term from the user to search and retrieve related data from the database. […]

Search Bar with Autocomplete Search Suggestions in JavaScript

Praveen Kumar
March 11th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Search Bar with Auto-complete Search Suggestions using HTML CSS & JavaScript. A search box is a graphical UI element present in many websites. It works as the field for a query input or searches term from the user to search and retrieve related […]

Profile Card with Hover Animation in HTML CSS & JavaScript

Praveen Kumar
March 10th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create an Animated Profile Card with Hover Animation using HTML CSS & JavaScript. What is a card, exactly? Well, they come in all sorts of shapes and sizes, but common cards will include information or content such as a title, a user name, a picture, […]

3D Flip Card on Hover using HTML & CSS

Praveen Kumar
March 9th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a 3D Card Flip Card on Hover in HTML & CSS. What is a card, accurately? Well, they come in all sorts of shapes and sizes, but common cards will include information such as a title, a user name, a picture, and several icons. […]

Pure CSS Responsive Cards Design with Hover Effect

Praveen Kumar
March 8th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Responsive Cards with Hover Effect in HTML & CSS only. Maybe you know what is a card on the website. If you don’t know about this, Often cards are used to organize listings of blog posts, products, services, etc. Section with border and content […]

CSS3 – Neumorphism Pagination Design

Praveen Kumar
March 7th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a CSS3 Neumorphism Pagination using only HTML & CSS. Pagination is the process of splitting the contents of a website, or a part of contents from a website, into discrete pages. Pagination is helpful when the website includes lots of content on a single […]

Awesome Pagination Design in HTML & CSS

Praveen Kumar
March 6th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Awesome Pagination Design using only HTML & CSS. Pagination is the method of dividing the contents of a website, into discrete pages. In this program (Pagination Design), there is a white pagination container with some texts and a gradient background-color as you have seen […]

Custom Warning Alert Notification using HTML CSS & JavaScript

Praveen Kumar
March 5th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Custom Warning Alert Notification using HTML CSS & JavaScript. A notification is a message, email, icon, or another symbol that appears when an application wants you to pay attention. The notifications are a method to let you know that something new has happened. […]

Popup Login Form Design in HTML & CSS

Praveen Kumar
March 4th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Popup Login Form Design using only HTML & CSS. Popup boxes (or dialog boxes) are modal windows used to inform or alert the user, or to get input from the user. Popup boxes restrict the user from accessing other features of a program […]

Popup Subscription Form using HTML CSS & Javascript

Praveen Kumar
March 3rd, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Popup Subscription Form or Modal Box using HTML CSS & Javascript. An email subscription is an option on a website that allows visitors to receive news and updates through email by specifying their email addresses in a subscription form.As you can see in […]

Custom Modal Box using HTML CSS & Javascript

Praveen Kumar
March 2nd, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Dialog or Modal Box using HTML CSS & Javascript. Maybe you have seen many types of modal boxes on many websites, Some peoples describe this is as a Dialog box also. For example, when we log out from Facebook there a confirmation appears […]

Neumorphism Profile Card UI Design using only HTML & CSS

Praveen Kumar
March 1st, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Neumorphism Profile Card UI Design using only HTML & CSS. A profile card is a card that carries saved profile content. Profile Cards let you select profile values consistently over all items on your website. Neumorphism, or soft UI, is a visible style that mixes […]

Neumorphism Keyboard Design using only HTML & CSS

Praveen Kumar
February 28th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to a Neumorphism Keyboard using only HTML & CSS. Neumorphism (aka neomorphic) is a comparatively new design trend and a term that’s made a good amount of buzz lately. It’s aesthetic is signalized by minimal and real-looking UI that’s kind of a new take on skeuomorphism.In this […]

CSS3 Neomorphic Social Media Buttons

Praveen Kumar
February 27th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Neumorphic Social Media Icons or Buttons using HTML & CSS only.The Social links and buttons enable your website visitors and content viewers to easily share your content with their social media connections and networks. Today in this blog, I’ll share with you a Neomorphic Social […]

Login Form UI Design using HTML & CSS

Praveen Kumar
February 26th, 2021
0
Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Neumorphism Login Form Design in HTML & CSS. The Neomorphism effect is a mixture of the current famous flat UI and the old skeuomorphic principles! The parts have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both […]

….

FLAT 50% OFF

Topics

Latest Posts

Templates - In Flask

Templates are the structure of a website. Here in Python Flask. templates are treated as the views, which means these…

Static Files - Flask

When you work for web development, you will need to use some files for javascript or CSS, here in FLASK…

Variables in Flask

In Flask, a variable is created using tags inside route() function. To create a variable you just need to put…

Flask - Binding URL

First thing that comes to mind when we hear binding is - I guess - BOOKBINDING / PAPER BINDING. Well,…