w3hubs's Projects
If you want to answer your customers with their queries. The contact us form the best way your websites related to customer support. Contact us form has minimum required fields such as First name, Last Name, Email address, Phone Number and Message to make your users or visitors easy to submitting within no more time. It is very simple but fully responsive contact us form with a plain yellow color background. Use hover effect to SUBMIT button. when a customer points their cursor to submit button background color automatically changed as a pink color and Also, use shadow effect.
Contact us form is mostly used in web pages for users to send messages. So here we made Contact Us Form In Materialize CSS with the help of CSS.
In this contact us form we simply made basic and minimal user-interface in HTML and CSS. Here we used background images and form to make these contact our elements.
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.
We used tailwind CSS flex classes and background colour classes in this cookies notification component. Also, we used buttons to allow and refuse cookies buttons.
Click button Copy text from the input is mostly used in websites. So here we made a simple UI for this element using Bootstrap 5 and components.
In this crud, we simply used an angular material table component. Here we used button components to make an action in the particular table row for update data or delete entire data.
CSS counter is mostly used on website loading as a loader. But here we made a CSS counter for knowledge or fun purpose for you. In this counter increment CSS, we used animations and also used after CSS pseudo-element.
If you have to use a different type of button in Gradient color with a minimal UI. Then you are in the right way, here we made an attractive CSS Gradient Button With Hover Effect with the help of CSS and HTML.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.
Text Portrait is too easy to make with CSS properties and images. So here we made awesome Text Portrait effetcs in HTML/CSS.
This is simple and easy animation for text to show loader-side. Here we try to make this animation using CSS properties and HTML.
The progress bar is mostly used to show in the website to show progress with value. So here we made a custom progress bar in HTML and CSS.
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.
Previously, we made faq in HTML and CSS with the help of javascript. So here we try to make the same thing in tailwind CSS with a new utilities class and the same javascript we used.
Most websites have an faq section for user question and answer(query). So here we made Frequently Asked Questions in HTML, CSS, and JavaScript.
PagePiling.js is a jquery plugin that creates an awesome full-screen smooth effect for websites. So here we made Full-Screen Scrolling Using PagePiling.js and the help of HTML and CSS.
Glassmorphism effects are trading CSS effects which make in CSS3 with the help of box-shadow and blur CSS properties. So here we made the Glassmorphism login form in HTML and 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.
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.
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.
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.
In this slider, we used HTML and CSS, and jquery. Here we used custom class and id to make a proper slide for every image.
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.
NES.css is a front-end CSS framework for crate and designed classic web user-interface like retro bit web apps. So here we designed simple Login and Registration Form Using NES.css. Also, we used CSS3 properties to make our elements more attractive.
As you know login is one of most priorities for your website users. So here we design a login form for you with beautiful CSS with a background image. In this template, we use box-shadow CSS properties for the show background image on login form like transparent and we used a bootstrap CSS framework to make this login form with given classes in this framework.
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.
Login & Signup Form is an important part of the website, where users can Signup and use website features. So here we made simple Login & Signup Form using bootstrap 5 CSS framework with the help of CSS properties.
Materialize is a modern browser responsive Front-end CSS framework and base of google marital design. So here we made a button kit of Materialize CSS with the help of Materialize CSS background classes & also we used some basic CSS properties.