Bootstrap 4 Fieldset: 3 Examples + Free Templates

Bootstrap 4 Fieldset: 3 Examples + Free Templates

When working on large projects, an important part of the website or app that we’re building is asking for input from the users.

We usually implement and achieve this with forms. But in a large project there is a lot of information that we must collect from the user, like for example when applying for a financial service through an online bank’s website.

To improve the user experience which has been a very important part of modern website and app design in the last few years, we have three options:

  • we can divide the form in steps like this,
  • we can group similar or related form fields together, usually using the HTML “fieldset” tag,
  • or we can use a combination of the two options above.

Today, in this article, we will take a look at option 2: we’ll see 3 examples of using form fieldset-s in Bootstrap 4 (v4.2.1).

At the end you can preview and download the templates.

Let’s begin!

Read more

Bootstrap 4 Header: Free Template with Menu and Search Box

Bootstrap 4 Header: Free Template with Menu and Search Box

Today’s free web design resource is a Header template made with Bootstrap 4 (version 4.2.1). It is very simple and comes with a logo section, navbar menu, search box, fullscreen background image and more. It also changes the transparency as the user scrolls the page up and down.

You can use it for inspiration or as a starting point to create your next website project, since the template comes with some other example sections, apart from the header.

Take a look below to find the live demo and download links. I hope you like it!

Read more

Bootstrap 4 Footer: Free Templates with Logo, Navbar Menu and more

Bootstrap Footer Templates

Today’s free web design resource is a pack of four Bootstrap 4 Footer templates. They are very simple and come with a logo section, navbar menu, fullscreen background image, social icons and more.

You can use them for inspiration or as a starting point to create your next website project, since each template comes with some other example sections, apart from the footer.

Continue reading below to find the live preview and download links. Enjoy!

Read more

Lancar Premium – Bootstrap Business Template

Lancar Bootstrap Business Template

Today I’m going to present you a new premium template made with Bootstrap, called Lancar, that you can use for a business, agency or portfolio site.

This is the premium (paid) version of the free Lancar template that I’ve released about two years ago.

While the free version is a one-page template, this new one is multi-page and comes with some new features, with updated CSS and Javascript libraries, updated code and better support. I’ve also planned to add new pages and features in the next versions.

Let’s take a look at the template!

Read more

Cosmic Landing – A Template Made With Cosmic JS, Bootstrap and PHP

Cosmic JS Landing Page Template Bootstrap PHP

Today I’m going to present you a new premium landing page template I’ve released lately that you can use to quickly present and promote a service, product, application. It’s made with Cosmic JS (more on this later), Bootstrap, PHP and, of course, HTML + CSS + Javascript (jQuery).

Unlike the majority of landing page templates available here on AZMIND which are simple HTML, this one is a bit different: it’s based on Cosmic JS which serves as a CMS (content management system) and stores all your content that will be shown in the landing page, just like WordPress but with some differences (more on this later).

As we’ll see below, this new template comes with various sections which can be activated / deactivated and sorted as you like on the page.

Let’s first explain what Cosmic JS is and, after that, we can see the new template and it’s features.

Read more

Bootstrap Navbar Menu with Icons: 2 Free Templates

Bootstrap Navbar Menu with Icons

Today’s free web design resource is a pack containing two Bootstrap Navbar Menus with Icons. These templates are very simple and come with a logo section on the left and a links section with icons on the right.

They come with different designs and animations, and are based on the default Bootstrap’s navbar component.

You can use them as a starting point to create the header section and the top menu of your next website project. These types of menus are used often by web designers in admin panels and dashboards.

Below you’ll find the live preview and download links. Enjoy!

Read more

Premium Template Rois: 20+ Bootstrap Landing Pages

Premium Template Rois: 20+ Bootstrap Landing Pages

In today’s article I’m presenting a new premium template called Rois. It is a package that contains 20+ Landing Page Templates, all made with the Bootstrap framework, responsive and multi-purpose, that you can use to present and promote your product, service or application.

With Rois you can promote a new course you’re launching, an eBook, an iPhone App, a Saas application, you can use it to test and validate a new product idea, you can create a “coming soon” page for a new website and many more.

It comes with a clean, elegant and modern design, different color schemes and has many features as you’ll see. Below you’ll find the full list of features, the live preview link and the purchase link.

Read more