Web Design Resources

Bootstrap 5 Contact Form (Free Template, AJAX, PHP)

by

Bootstrap 5 Contact Form

I’ve created different contact form templates and tutorials in the past, for example: Bootstrap Contact Forms: 2 Free Templates, Bootstrap Contact Form: How to Add a Dropdown (Select) Field, etc.

Today, I’ve designed another similar form, this time using the latest Bootstrap 5 framework.

The form is made by using Bootstrap’s ready-to-use classes and components as much as possible, and for its validation and sending emails, I’ve used AJAX, jQuery, and PHP.

Below you can see the live preview, the code, and download the template. Hope you find it useful!

Read more

Bootstrap 5 Testimonial Slider with Thumbnails (4 Templates)

by

testimonial slider bootstrap 5

Sometimes, when building websites you need to create a section where you show your best testimonials to create more “social proof” and help you get new clients or sell your products.

Bootstrap makes creating testimonial sliders quite easy with its ready-to-use components.

Today, I’ve created 4 different testimonial sliders with thumbnails using Bootstrap 5 and its Tabbed component.

I’ve also used one of these testimonial sliders in the Jona free business template.

So, below you can see the 4 different testimonial sliders. In the end, you can also download the templates. Enjoy!

Read more

10 Landing Page Templates To Promote Your Next Big Idea

by

10 Landing Page Templates To Promote Your Next Big Idea

Every advertising campaign you run can be helped with the use of an effective landing page which highlights all the advantages of your services or products, and as a result, captures many leads. In this case, a ready-made solution can be a good choice.

To help you with that, today I have a selection of landing page templates by TemplateMonster (affiliate link), designed for different business types and goals.

And if you want, here you can also see some of their best-selling landing page templates (aff. link).

So, let’s take a look at the templates of this collection!

Read more

9 Best Vue.js Admin Templates for Your Next Project

by

9 Best Vue.js Admin Templates for Your Next Project

Admin templates have come a long way and they are still constantly being developed and improved day by day.

Nowadays you can easily find the exact admin template you are looking for and it is even easier to implement it into your website. In a matter of hours, depending on the type of project, you can have a running website that the admin template helps you manage and run without much fuss.

There are different types of admin templates available and in some of our past selections we have looked at Angular, React and Ruby Admin templates. Today we will be looking at some Vue.js admin templates.

For those who are unfamiliar with Vue.js, it is a JavaScript front-end framework used for building UI and its most renowned feature is its ease of implementation. It was created by Evan You in 2014, who was inspired by working with Angular and was looking for a more lightweight framework.

Read more

How To Create a Website Quickly If You’re Not a Developer and Can’t Hire One?

by

web design for beginners

Here on Azmind we mainly use Bootstrap and WordPress to create websites for our own projects or for our clients. We may also use other platforms or CMS-s from time to time, like Joomla, Drupal, etc.

Being developers, we already know a thing or two about web designing, and if we don’t already know a certain technology, we can learn it in a matter of days and respond quickly to our clients requests.

But what about someone who is a beginner?

You know, a person that is not a developer and needs a website set up as soon as possible? Have you ever thought about it?

How can they have the website ready for when it’s necessary? Especially when they cannot afford to hire a professional developer or would rather set up the website themselves?

Well, to respond to these questions and needs today in this article we’ll take a look at 5 platforms and website builders which are very easy to use and even a beginner can create a beautiful website using them, with just a few clicks or drag & drops.

Some of what I’ve chosen are for creating blogs and others for business websites; surely there is something for everyone. Let’s see!

Read more

Bootstrap 4 Carousel: 3 Free Templates with Autoplay, Captions, Controls & Indicators

by

Bootstrap 4 Carousel: 3 Free Templates

Today’s free web design resource is a pack with 3 free Carousel templates made with Bootstrap 4 (version 4.2.1). They use the Bootstrap carousel component, are responsive and come with features like Autoplay, Captions, Controls and Indicators.

Also, the templates come with a logo section, navbar menu that changes the transparency as the user scrolls the page up and down, and some other example sections.

Below you can find the live demo and download links. Enjoy!

Read more

Bootstrap 4 Fieldset: 3 Examples + Free Templates

by

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