HTML Codex - Free HTML Snippets - Free Download

5 Best Bootstrap Footer Templates

HTML Codex — Sat, 11 Jul 2020 10:38:05 +0000

The footer section is a very important part of a website. It holds some specific and informative content of the websites. If you have some front-end design experience, you can easily build beautiful and creative footers by spending some time. But why should you spend so much time creating a footer section, if you can easily reuse the pre-written code by HTML Codex? Now we are going to share 5 cool Bootstrap footer templates here, which you can use for your website with just a few modifications. Using our pre-made footer templates will save your web development time.

You can found thousands of Bootstrap header and footer templates on the web. But our every footer template is an ideal Bootstrap footer example. These templates have several cool sections such as contact information, social links, about us, newsletter, gallery, project, vertical and horizontal navigation, and so on. The navigation is often very important for displaying the links of about page, contact, terms, privacy, sitemap, and so on. You will found the navigation in both horizontal and vertical layout in these templates. Every section is customizable from the code. You can also easily change the color that matches your website.

These 5 best Bootstrap footer templates are built with Bootstrap 4 which you can download and use free at cost. The clean and well-commented code of the Bootstrap 4 footer templates will help you to create your desired footer section easily and quickly. So download and chose your design from the Bootstrap footer examples and integrate it with your website.

Features of the Bootstrap footer templates

Clean and well-commented code
Bootstrap 4 framework
Free Font Awesome icons
Fully Responsive design
Well designed Newsletter form
Vertical and horizontal navigation
Images from the project gallery
Contact address with icons
Social links with icons
CSS3 hover effects
Compatible with all browsers
Easy to use

The post 5 Best Bootstrap Footer Templates appeared first on HTML Codex.

Best 5 HTML & CSS Timeline Designs

HTML Codex — Tue, 23 Jun 2020 05:46:55 +0000

The HTML and CSS timeline designs are an effective web element to display stories of companies, products, carriers, and so on. The continuous changes in stories over the period of time are displayed by timelines. Displaying the growth and transformations of your company or your carrier over the period of time will help your web visitors to know easily about you or your company. So the timeline designs are very important and useful web elements for modern and professional websites.

Now we are going to share the best 5 free CSS vertical timelines here that you can use for your personal and commercial websites even for your client’s websites. If you are looking for the professionally designed HTML timeline templates to display your legacy to the web users, these CSS timeline designs will help you. There are also very lightweight and simple timeline designs in this list that you can use for any type of website.

These HTML5 timelines are built with pure HTML and CSS, no Bootstrap, JQuery, or any other external plugins used. These are very lightweight, simple, plain, responsive, and vertical timelines that work well with all modern browsers and devices screen. These are also very easy to customize as required. Though the Bootstrap is not used in these CSS timelines you can integrate it with the websites built with Bootstrap. So pick one of the free HTML and CSS timeline code examples and start creating a beautiful timeline for your website.

Features of the HTML CSS timeline designs

Pure HTML and CSS code
Free Font Awesome 5 icons integrated
No Bootstrap, JQuery or any other plugins
Very clean and well-commented code
5 different designs with different colors
Very lightweight and simple timeline designs
Responsive and mobile-friendly designs
Compatible with all modern web browsers
Easy to customize and integrate with Bootstrap

The post Best 5 HTML & CSS Timeline Designs appeared first on HTML Codex.

Creative Login Form Templates

HTML Codex — Sat, 30 May 2020 13:23:59 +0000

Login forms are a very important part of the websites. The login process with the login form template is developed to deny access to premium content or anything of the websites. In the login process, you will probably have to register first by giving some of your personal information and then sign in by email and password. This process protects the websites from any misuse.

Now we are going to share three HTML login form templates here that are suited to build the lightweight, responsive, and good looking login pages of the websites. You will get source code with every download. Of course, you are free to use our every HTML login form template for personal and commercial purposes.

Another free HTML login template

Our every HTML login template is built with pure HTML and CSS, no Bootstrap, javascript or external plugins are used. These are very easy to customize and use as required. You will be able to develop a user-friendly and lightweight login process using our login page templates. Your clients will feel comfortable sign in into their accounts.

Whether it’s an online shop account login, access to the news site’s premium content, admin login, user login, or digital content download account login, our every HTML login page template is perfect for a user-friendly login feature of the websites. Let your web users and clients feel easy and user-friendly sign in into their web accounts built with our HTML5 login templates.

Features of the HTML login form templates

Pure HTML and CSS
No javascript or external plugins
Very clean and well-commented code
Desktop and mobile-friendly design
Compatible with all modern browsers
Simple, lightweight and easy to use

If there are any issues in our HTML5 login templates or you have any queries about the templates, please comment below.

The post Creative Login Form Templates appeared first on HTML Codex.

CSS Button Hover Effects

HTML Codex — Thu, 07 May 2020 16:30:05 +0000

A button means action. Website visitors take any actions by clicking or tapping the buttons. The buttons are very important elements of websites. Web designers always try to give the buttons a custom and modern look. But designing button hover animations is a big hassle and time matters. In this case, a collection of CSS button hover effects can be a great solution for web designers to create a unique and modern CSS button animation on hover.

Some of our creative HTML snippets built with pure HTML and CSS you can download

CSS image hover effects

“Our Team” page HTML template

Pricing table HTML template

Product grid view in HTML

Now we are going to share a collection of CSS button hover effects that can be applied to links, buttons, logos, images, and so on. You can apply these CSS button designs easily to your own web elements to modernize and give a creative look.

Here you will get 30 button hover effects in 3 different categories that can be used to create the creative sliding effects, shadow effects, and border effects of buttons, links, and images. After all, you will get a very lightweight and creative collection of CSS button hover effects at the cost of free.

These CSS button effects or button animation effects are built with pure HTML and CSS. No Javascript or external plugins are used. Very simple but eye catchy CSS submit button effects use animations and transitions on the “before” and “after” pseudo-elements.

Features of CSS button hover effects

Pure HTML and CSS
No Javascript or external plugins
Very clean and well-commented code
30 different modern and creative hover effects
Sliding effects, shadow effects, and border effects
Usable to links, buttons, logos, images, and so on
Compatible with all modern browsers
Easy to customize
Ready to use

The post CSS Button Hover Effects appeared first on HTML Codex.

CSS Image Hover Effects

HTML Codex — Thu, 16 Apr 2020 13:38:44 +0000

CSS image hover effects are used to add an element of interactivity to websites. Probably using them are the best and easiest way to make a website more beautiful and eye-catchy. Most commonly, we see them used to highlight text and create different attractive animation over an image.

Now we are here to share the free CSS image hover effects of pure HTML5 and CSS3 with beautiful CSS animations that you can apply on unlimited images with headings, descriptions, and buttons. These simple image hover effects are really creative, responsive, lightweight and very easy to use. These can be used to create hover text over image gallery, team, portfolio and many more.

Download our popular free HTML snippets

Team page HTML template

Pricing table HTML template

Product grid view in HTML

You will find 10 different cool image hover effects with text in a single HTML page template. Every hover style is creative, simple and eye-catchy. These are fully responsive and work well on all modern devices screen. You can easily integrate them into your website to create an image hover overlay. Your valuable web designing time will be saved.

The image hover effects with text are built with pure HTML5 and CSS3. No Bootstrap, javascript or any other plugins have been used. Your web design project will be very easy with our CSS image hover effects because of the written codes for them are very clean and well-commented. You will find different codes for each hover effect.

Feature of the CSS image hover effects

Pure HTML5 and CSS3
No Bootstrap and javascript used
Free Google “Lato” font integrated
Free Font Awesome 5 icons integrated
10 different modern and powerful hover effects
Different codes for different hover effects
Creative, modern and responsive design
Compatible with all modern browsers
Easy to use

The post CSS Image Hover Effects appeared first on HTML Codex.

“Our Team” Page HTML Template

HTML Codex — Thu, 26 Mar 2020 07:26:18 +0000

“Meet the Team”/”Our Team” pages/sections are often built to list the staff/employers of a company, with their image and specific information. Now we are going to share a team page HTML template here that is suited to build “Meet the Team” pages/sections. Let’s go to detail.

An “Our Team” page/section helps to make a mutually trusting relationship with the clients. The visitors can easily know a bit about who runs the company as well as staff/employers through the “Team Page” on the website. In this case, if you sell your products and services through your website, it’s very essential to have an “Our Team” page/section on your website.

Our team page HTML template is built with pure HTML and CSS, no Javascript or any other external plugins used. The meet the team HTML template is very easy to customize due to its clean and well-commented code. You can easily build a “Meet the Team”/”Our Team” page/section using it.

There are 10 different designs in this HTML team page template. You can use any of them that fit with your website design. The template is also fully mobile-friendly. It works well with all browsers and modern devices screen.

The HTML team template includes many creative and amazing features. These creative features will attract your web visitors’ attention.

Features of the team page HTML template

Pure HTML5 and CSS3
No Javascript, Bootstrap or external plugins
Google Lato font integrated
Font Awesome icons integrated
Clean and well-commented code
Creative and fully responsive design
Compatible with all browsers and modern devices screen
10 different amazing designs
Well-designed and creative hover effect
Pure CSS Progress Bar on mouse hover
Social icons with individual colors
Very easy to customize and use

Although the Bootstrap framework is not used in this template you can easily integrate it with any website built with Bootstrap. So download and enjoy it.

The post “Our Team” Page HTML Template appeared first on HTML Codex.