Pinned Repositories
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.
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.
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.
Display-Current-Time-Using-HTML-CSS-And-JavaScript
In this Display Current Time, we were Using HTML, CSS And JavaScript. We used the javascript inbuild function for a time, and to display, we used javascript DOM. To show the live time, we used javascript setInterval functions.
Login-Form-In-Pug
Pug is an HTML template engine that is built in Node.js with easy to write code. One of the most popular HTML template engine which directs compile and generates an HTML file. Pug has a top-level of features like loop, conditions, operate, mixins and also different types of written tags. So here we designed a simple login form using Pug with some basic CSS.
Netflix-Home-Page-In-Bootstrap-5
Netflix is a streaming service which is provided online movies, web series, and tv shows platforms. Here we made a clone of the Netflix Home Page In Bootstrap 5 with the help of CSS.
Pug-Responsive-Navbar
Navbar is a powerful part of the website to show features and branding. So here made Navbar in Pug cli with the help of CSS and javascript.
Simple-Login-Form-Using-UI-KIT
A light-weighted fronted CSS framework with have a powerful and attractive elements collection. Also, have a great user-interface UI component with the best utility classes. This similar to bootstrap but UI-kit has solid collections of components.
Tailwind-CSS-Responsive-Pricing-Table
Pricing table is import section if you have any product or you want a give service with given features which you have. So here we design minimal and user-friendly Pricing Table in Tailwind CSS with the help of css and utlites classes.
w3hubs's Repositories
w3hubs/Netflix-Home-Page-In-Bootstrap-5
Netflix is a streaming service which is provided online movies, web series, and tv shows platforms. Here we made a clone of the Netflix Home Page In Bootstrap 5 with the help of CSS.
w3hubs/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.
w3hubs/Pug-Responsive-Navbar
Navbar is a powerful part of the website to show features and branding. So here made Navbar in Pug cli with the help of CSS and javascript.
w3hubs/Server-Maintenance-UI-In-HTML-CSS
Server Maintenance UI is used when the website is in maintenance or under construction(in progress). So here we made a minimal user interface of Server Maintenance UI In HTML/CSS.
w3hubs/Tailwind-CSS-Neumorphism-Login-and-Registration-Form
Login and Registration Form is the most important part of the website for users. So here we made Neumorphism Login and Registration Form in Tailwind CSS.
w3hubs/UiKit-Responsive-Starter-Template
Starter templates are ready-made layouts for making a website. Just you have to customize it with your own information. So here we made responsive starter template layouts in UiKit.
w3hubs/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.
w3hubs/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.
w3hubs/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.
w3hubs/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.
w3hubs/Bootstrap-5-Responsive-Pricing-Card
Pricing Card is used on the website to show product price with some features. So here we made Responsive Pricing Card in Bootstrap 5 with CSS3.
w3hubs/Bootstrap-5-Responsive-Sidebars-With-JavaScript
Sidebar or side navbar is mostly used in web application side in a vertical view with important link/menu. So here we made Responsive Sidebars in Bootstrap 5 With JavaScript.
w3hubs/Bulma-Modal-Login-and-Register-Form-with-Jquery
Modal is the best component in every CSS or frontend framework. So here we made the login and registration form in modal with the help of the Bulma CSS framework.
w3hubs/Changes-Color-Use-Any-Icons-and-Text-In-CSS-marker
:: marker is pseudo-element for use in list-item in ul, li side. So here we made this simple and useful pseudo-element with the help of CSS properties.
w3hubs/Cookies-Notification-Popup-In-Bootstrap-5
Cookies Notification is one type of popup that comes in a website or web page to visit for the first time on a website. So here we made an awesome user interface of Cookies Notification Popup In Bootstrap 5 with CSS3.
w3hubs/Frequently-Asked-Questions-In-HTML-CSS-and-JavaScript
Most websites have an faq section for user question and answer(query). So here we made Frequently Asked Questions in HTML, CSS, and JavaScript.
w3hubs/Gradient-Animation-Text-Effects-In-CSS
For Make Animation Text is too easy with the help of CSS keyframe animation rules. Here we made simple Gradient Animation Text Effects In CSS and HTML.
w3hubs/Infinity-Swiper-Effect-Using-Swiper.js
Swiper is a modern touch slider for mobile and desktop side you can use mouse scroll(right to left). So here we made a swiper slider using Swiper.js and the help of CSS and HTML with javascript.
w3hubs/LED-Loading-Effect-In-HTML-CSS
Loading Effects are very common and attractive for websites with different shapes/styles. So here we made LED type of Loading effects in CSS and HTML.
w3hubs/Neumorphic-Login-Form-In-Bulma
Neumorphic Design is a new trend in the user interface with a proper combination of background colors. So here we made Login form in Bulma with Neumorphic Effetcs.
w3hubs/Neumorphism-Pagination-Using-HTML-CSS
Pagination is used to show multiple data on a divided page with a number of formats. Here we made a simple and attritive UI for Neumorphism Pagination Using HTML/CSS.
w3hubs/Neumorphism-Social-Button-Icons
In these buttons, we used font-awesome icons with and CSS3 properties. Neumorphism is like gradients and shadows effects. So here we made Neumorphism Social Button Icons using HTML and CSS.
w3hubs/On-Hover-Animate-Image-Using-Freezeframe.js
Freezeframe.js is a jquery liberty which use to show animation gif images on hover. So here made on hover effects using gif image and this awesome plugin to make these pauses animated.
w3hubs/Rainyday.js---Raindrops-Effect-With-JavaScript
Rainyday.js is a JavaScript library that makes HTML5 canvas to render an animation. So here we made raindrops effects in the Rainyday.js library using CDN.
w3hubs/Responsive-Footer-In-LESS
Footer is defined important points like link, basic into, and social icons. So here we made the basic footer in less with the help of CSS properties and HTML.
w3hubs/Shoelace-Style-Left-Side-Navigation-Bar
The left side is mostly used in the admin panel or any product base website has to use. So here we made the left side navigation bar using Shoelace Style CSS frameworks.
w3hubs/Tailwind-CSS-Contact-Us-Form
Contact us form in a like faq form for sending any queries by the user to admin. So here we made a simple and minimal responsive Contact Us Form in Tailwind CSS.
w3hubs/Text-Shadows-Using-Shine.js
There have so many libraries to make beautiful effects a couple of times. So here we made shine effects in Shine.js which is DomElement library and help of CSS.
w3hubs/w3hubs
Config files for my GitHub profile.
w3hubs/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.