How To Convert a Website to Bootstrap 4 – Case Study

by

How To Convert a Website to Bootstrap 4

Now that Bootstrap 4 has arrived, after some alpha and beta versions, more and more developers are moving their projects from version 3 to this new version.

So, to help you (and myself) learn this task, I decided to create this tutorial / case study where we’re going to convert a website from Bootstrap 3 to Bootstrap 4.

We’ll use as an example the Maren template and update it step by step. You can download the result at the end of this tutorial.

I had fun creating this case study, from converting the template to writing the article. I hope you have some fun too and hopefully learn one or two things.

Let’s begin!

Read more

12 New Bootstrap Themes to Launch Responsive Sites in 2020

by

12 New Bootstrap Themes to Launch Responsive Sites in 2020

It’s unbelievable that there are still so many non-responsive sites on the web. It has become of huge importance to make every piece of content that you provide on the pages of your site look well on all screen sizes.

The popularity of mobile devices continues to grow and today you will hardly find a person who doesn’t use a smartphone. It has become very convenient to search for information from the smaller screens of smartphones and tablets.

In order to boost user engagement and make your web resource more easy to browse, it’s necessary to make every piece of content and design element fully responsive. As many of you already know, this is possible with the help of the Bootstrap framework and its advanced features.

Responsive sites are not only more user-friendly but in a lot of cases they are ranked higher by search engines.

So, in today’s template collection, we’ll take a look at 12 new and premium Bootstrap themes from TemplateMonster that you can use to build a modern responsive website this year.

They are of different types and loaded with advanced features that will be particularly useful during the customization work. Let’s begin right away!

Read more

How To Create a Login Page For a Bootstrap Template

by

How To Create a Login Page For a Bootstrap Template

In our daily web design work it happens often that we find a good free resource, for example a form or a beautiful animated button, and we immediately think to integrate it in one of our sites.

Or it can happen that a client has purchased a premium template for his site and wants to add a login and a registration page.

So you search on the web and find a really nice and free login form, you download it and are ready to integrate it in your client’s template.

What happens oftentimes is that you find it difficult to integrate the form in your project, or it lacks support from the creator. This also happens with some of my free resources as you can see in some users’ comments on this site.

In today’s tutorial we’ll do something very similar. We’ll take a free login form here and integrate it in the Lancar Bootstrap template, to create a beautiful login page with fullscreen background.

And if I see that the tutorial is useful to you, in the future I’ll do more of these tutorials for my other free forms and resources.

Let’s begin!

Read more

Lancar Premium – Bootstrap Business Template

by

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

10 Bootstrap ECommerce Templates For Your Online Shop

by

Bootstrap ECommerce Templates

If you like to build websites using Bootstrap and your next project is a new eCommerce site for one of your clients, this time’s template collection might help you save some time.

In this article we’ll take a look at 10 premium eCommerce Templates made with the Bootstrap framework that come with many features, ready to use elements and with the latest web development techniques.

Let’s begin right away!

Read more

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

by

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

14 Beautiful Bootstrap Themes for Business and Services

by

14 Beautiful Bootstrap Themes for Business and Services

In today’s web design resources collection we’ll take a look at some other Bootstrap themes by TemplateMonster, this time for business and services.

If you own a services agency or a small business and you need to redesign or create a new website for your clients or yourself, take a look below, as you might find the right template to use for your project.

Let’s begin:

Read more