Template Name: Bootstrap 5 Responsive Shopping Cart Widget.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included: &ndash; HTML, Internal CSS, Images, and CDN.
This Widget is used on the eCommerce website to show products for sale. So here we made a responsive Shopping cart Widget in Bootstrap 5 with the help of CSS and Bootstrap components.
In this Widget, we used a simple grid and bootstrap card component with the helper class of bootstrap 5. Also, we modify bootstrap classes and use our own custom class on the responsive side. To make it responsive we used CSS media queries with the required CSS properties we used. Also, we used media queries to make this Widget mobile-friendly.
Make it yours now by using it, downloading it, and please share it.

Demo

Download Now

This Widget is used on the eCommerce website to show products for sale. So here we made a responsive Shopping cart Widget in Bootstrap 5 with the help of CSS and Bootstrap components.

Bootstrap 5 Responsive Shopping Cart Widget

Template Name: Page Not Found Template.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included: &ndash; HTML, Internal CSS, and Image.
Mostly page not found template is used to show for wrong URL users enter in visited websites. So here we design a responsive page not find a template with fully responsive for mobile and tablet views.
In this template, we just used a single image in text with the help of CSS properties and also used flex properties to make our element proper with all viewports. Here we used a single button and some text that is easy to read.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Mostly page not found template is used to show for wrong URL users enter in visited websites. So here we design a responsive page not find a template with fully responsive for mobile and tablet views.

Page Not Found Template

Template Name: CSS Sticky Table Header.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
In this element, we used a simple HTML table tag and normal CSS which is suitable for this table. The table is mostly used to show data in row format which is a better structure with columns and rows. So here we made CSS Sticky Table Header with a vertical scrollbar.
To make sticky use sticky CSS properties and height with overflow-y proprieties which are scroll on vertically. Also to make an awesome user interface we used top-level colours and google fonts. This is also responsive to the mobile view as well as the tablet's side.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

 simple HTML table tag and normal CSS which is suitable for this table. The table is mostly used to show data in row format which is a better structure with columns and rows. So here we made CSS Sticky Table Header with a vertical scrollbar.

CSS Sticky Table Header

Template Name: Plain Contact Us Form In HTML and CSS.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
Contact us is really important for a website owner form to get feedback from users. So here we designed the Plain Contact Us Form In HTML and CSS with a fully responsive to mobile view.
In this contact us form we used simple HTML tags and CSS properties. Here we used flex properties to make this element centre and also we used form fields to fill the form from users. Also, we used media queries to make this element responsive and attractive.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Contact us is really important for a website owner form to get feedback from users. So here we designed the Plain Contact Us Form In HTML and CSS with a fully responsive to mobile view.

Plain Contact Us Form In HTML and CSS

Template Name: Tailwind CSS Responsive Pricing Table.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
The pricing table is an import section if you have any product or you want a given service with given features that you have. So here we design a minimal and user-friendly Pricing Table in Tailwind CSS with the help of CSS and utility classes.
In this element, we used the grid system which is given in tailwind CSS, and also used the button and hover effects of CSS. Here we used a responsive grid class which is more helpful for making mobile view and tablet view attractive. Also here we customize classes with CSS properties.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

The pricing table is an import section if you have any product or you want a given service with given features that you have. So here we design a minimal and user-friendly Pricing Table in Tailwind CSS with the help of CSS and utility classes.

Tailwind CSS Responsive Pricing Table

Template Name: Shoelace Style Login and Registration Form.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
As you know w3hubs have so many login &amp; Registration forms in different views. Also, folks we used Different CSS frameworks to make these elements. So here we used the shoelace CSS framework to make these login and registration forms.
<h3>What is&nbsp;<a href="https://shoelace.style/">Shoelace style</a>?</h3>
shoelace style is a regular HTML element that we already use to make a website. But, this framework has custom HTML tags with proper documentation of each and every API, method and module described in detail. Following this framework is work in all javascript and CSS frameworks also with online CDN links.
In this element, we used CSS3 flex properties to make columns and also used media quries to make this element mobile-friendly. Here we just used an element that is given on shoelace style's official website. We used form, input, checkbox, and button element which is given in this framework and also used colour attribute which is more useful.
Make it yours now by using it, downloading it, and please share it.

shoelace style is a regular HTML element that we already use to make a website. But, this framework has custom HTML tags with proper documentation of each and every API, method and module described in detail.

Shoelace Style: Login and Registration Form

Template Name: Neumorphic Fixed Top Navbar In Bootstrap 5.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
Neumorphic is a popular effect using CSS with some CSS important properties. So here we made a responsive Neumorphic Fixed top Navbar In Bootstrap 5 with the help of CSS3 properties.
In this element, we also modify bootstrap 5 classes and also modify the toggle icon which works only on the responsive screen side. Here we used box-shadow CSS properties which are the most important properties and also we used a custom background colour. Also, we used media queries to make this navbar mobile-friendly.
Make it yours now by using it, downloading it, and please share it.

Neumorphic is a popular effect using CSS with some CSS important properties. So here we made a responsive Neumorphic Fixed top Navbar In Bootstrap 5 with the help of CSS3 properties.

Neumorphic Fixed Top Navbar In Bootstrap 5

Template Name: Tailwind CSS Dynamic Tabs.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, Jquery and CDN.
Tailwind CSS is a popular and minimal utility-based CSS framework. So here we made Dynamic Tabs in Tailwind CSS with the help of CSS and jQuery.
In this element, we used the list component and utility class and jquery to make it dynamic. Here we used a custom class for active tabs and also used modified HTML tags with the help of CSS. we use jquery CDN and the click function of jquery which help to make this element dynamical. These are responsive tabs with a mobile-friendly.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Tailwind CSS is a popular and minimal utility-based CSS framework. So here we made Dynamic Tabs in Tailwind CSS with the help of CSS and jQuery.

Tailwind CSS Dynamic Tabs

Template Name: Bootstrap 5 Loading Buttons.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
Bootstrap has a huge element to make an attractive website user-friendly. Recently bootstrap 5 was released with some changes that the Bootstrap team made and that is awesome.
Here we used the bootstrap 5 component which is the button and spinner to make these loading buttons and also we modified the bootstrap classes that are used in this component.
In this element, we just used one custom class for colour and in others, we modify classes that are based on colours. Also, we removed the hover background colour effects on the outline buttons. On the spinner side, we modify the animation speed and the button modifies to the width side.
Make it yours now by using it, downloading it, and please share it.

Bootstrap has a huge element to make an attractive website user-friendly. Recently bootstrap 5 was released with some changes that the Bootstrap team made and that is awesome.

Bootstrap 5 Loading Buttons

Template Name: Bootstrap 5 Login Form.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included: &ndash; HTML, Internal CSS, Svg (undraw.co), and CDN.
As you know recently bootstrap launched the Bootstrap 5 alpha version with new inserting features. So here we made one login form using the Bootstrap 5 CSS framework with basic CSS properties.
In this element, we used the grid and also used new upgrade input fields in Bootstrap 5. Also, we used one block button which covers entries blocks, and also we used utility classes of bootstrap 5. Here we also used media queries to make this login form fully responsive and user-friendly.
Make it yours now by using it, downloading it, and please share it.

As you know recently bootstrap launched the Bootstrap 5 alpha version with new inserting features. So here we made one login form using the Bootstrap 5 CSS framework with basic CSS properties.

Bootstrap 5 Login Form

Template Name: Angular Horizontal Tabs.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, External SCSS, and Angular CLI.
Previously we made <a href="https://w3hubs.com/angular-vertical-tabs/" target="_blank" rel="noreferrer noopener">Angular Vertical&nbsp;Tabs</a>&nbsp;using the same CLI but now here we made Horizontal tabs using HTML and CSS with the help of angular CLI. In these tabs, we used simple SCSS features and basic HTML tags.
Here we also used an HTML list tag and CSS flex-box properties to make this list in the same line. we used the angular&nbsp;OnInit&nbsp;lifecycle method to set a tabs value on clicks it will change. Here we used one active class with simple CSS like colour and the same font which looks simple and attractive.&nbsp;
Make it yours now by using it, downloading it, and please share it.

Previously we made Angular Vertical Tabs using the same CLI but now here we made Horizontal tabs using HTML and CSS with the help of angular CLI. In these tabs, we used simple SCSS features and basic HTML tags.

Angular Horizontal Tabs

Template Name: Responsive Checkout Form In Bootstrap 4.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included: &ndash; HTML, Internal CSS, Images, and CDN.
The checkout form is mostly used on the eCommerce website or any selling product website. So here we design an awesome Responsive Checkout Form In Bootstrap 4 with CSS3 and HTML5.
In this form, we used a grid class of Bootstrap and also used utility classes like padding, margin, and alignment classes. Here we modify the input filed a class and also a button with custom colours. For making responsive we used media queries only for custom classes like padding-left &amp; for container widths mobile-side.
To make the grid column full-width, we used bootstrap col-* classes. This is a fully responsive and mobile-friendly user interface.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

The checkout form is mostly used on the eCommerce website or any selling product website. So here we design an awesome Responsive Checkout Form In Bootstrap 4 with CSS3 and HTML5.