w3hubs.com

3-column-preview-card-component-main

Frontend Mentor is one of the popular platforms for improving your frontend development skills. This website has frontend challenges for a developer who is given JPEG design files for mobile & desktop layouts.

404-Error-Page-Design-In-Tailwind-CSS

404 Error pages are mostly used to show some errors like URL broke or page not found view side. So here we made a 404 error page in Tailwind CSS with the help of the Utility class.

HTML

404-Error-Page-In-Bootstrap-4

HTML

Adblocker-Detected-Popup-In-Tailwind-CSS

Google chromes have many extensions for adblocker with different types of views. So as same we made here a simple Adblocker Detected Popup In Tailwind CSS.

HTML

Animated-3d-Buttons-In-Bulma

Bulma is a popular CSS framework that is built-in Sass(CSS preprocessor) with the help of a flexbox. So here made simple Animated 3d Buttons In Bulma and also we modify button with a help of CSS.

HTML

Animated-Text-Background-Effect-In-CSS

Animated Text Background Effect is mostly used to show any text any within different animations. So here made an awesome Animated Text Background Effect In HTML and CSS with the help of background images.

HTML

Animated-Typing-Effect-using-Typed.js

Typed.js is jquery plugins to make animation text effects to show text in typed format. so here we made these effects using Typed.js CDN link with the help of jquery string and loop features.

HTML

Blog-Section-In-Bootstrap-5

Previously we made a blog section in bootstrap 4, but here we made a blog section in bootstrap 5. Also, we used the same CSS properties. In this case, we remove font-awesome icons and also modify UI with CSS media queries.

HTML

Bootstrap-5-Custom-Alert

In this custom alert, we used unique background colours. Also, we modify the bootstrap class CSS properties in this custom bootstrap 5 alerts.

HTML

Bootstrap-5-Custom-Badges

Badges are mostly used for a show a piece of additional information is quick views. So here we made simple and custom Badges in bootstrap 5 and with the help of custom classes for background colors.

HTML

Bootstrap-5-Facebook-Login-Page

Facebook is a popular social media website that is connected with new people and also chats with them. So here we made Facebook Login Page in Bootstrap 5 with the help of CSS and Bootstrap 5.

HTML

Bootstrap-5-Gradient-Button-With-Hover-Effect

In this element, we use Gradient background color for buttons. Here we also modify bootstrap classes used in these frameworks.

HTML

Bootstrap-5-Neon-Buttons

Neon Buttons are like light animation effects which are made using box-shadow css properties. So here we try to make this neon light animation in bootstrap 5 button components.

HTML

Bootstrap-5-Neumorphic-Buttons

Bootstrap 5 has the best components to make a website in a short time with fully responsive. But here we made something different with button components. We made Neumorphic Buttons in bootstrap with the help of CSS and utilities classes of bootstrap 5.

HTML

Bootstrap-5-Neumorphism-Under-Construction-Pages

Under Construction, the page is used for the show if the website is a Construction side of the website is not ready for launch. So here we made responsive Under Construction Pages in Neumorphism CSS in bootstrap 5.

HTML

Bootstrap-5-Post-with-Thumbnails-Card

Thumbnails view posts are used for blog user-interface with different views. So here we try to make a simple interface using bootstrap 5 and CSS.

HTML

Bootstrap-5-Responsive-Contact-Us-Form-with-Social-Icons

In this contact us form we used social icons from font awesome and also we try to make an attractive user-interface of this form. So here we made responsive contact us form using bootstrap 5 and the help of CSS & fonts(font awesome).

HTML

https-w3hubs.com-bootstrap-5-button-loading-example-using-javascript-

Button loading is mainly used in after button click when the user clicks. So that kind of Loading button is used in commerce sites or payment websites. So here we made a button loading example using bootstrap5 and javascript.

HTML

jquery-number-scrolling-with-bootsrap

Jquery Counter is the best features of your website to make you more attractive and beautiful. In this jquery have delay and transition fully manage to your given values. This jquery count Up function when you scroll to a specific number with animated. This jquery is fully lightweight with zero number to scroll till the end. In this template, I used Jquery with bootstrap classes to make a more friendly template for the Number Scrolling. This Template I used Bootstrap classes with background images. It is entirely built in Bootstrap CSS framework Just We used Jquery plugin only.

HTML

Vuejs-Login-and-Register-Form

HTML

w3hubs

Config files for my GitHub profile.

Water-Ripple-Effect-on-Click-Hover-In-Jquery

In this element, we used Jquery water ripple effects plugins. We used CDN for these ripple effects on the click and hover side.

HTML

Web-Programming-Badges-HTML-CSS

The programmer is more passionate to do code and they mostly like badges on laptops/PC. But here we made Badges in HTML and CSS with the help of font-awesome icons.

HTML