Free Template Regy – Bootstrap Register Landing Page

Published on: May 13 2016 by Anli - Leave a Comment

Free Template Regy - Bootstrap Register Landing Page

Today’s web design resource is a new free Bootstrap template called Regy. It’s a registration landing page that you can use in your projects to present your application or service and offer the users the possibility to sign-up.

Regy comes with a responsive layout, modern and clean design, fullscreen backgrounds, CSS3 animations, Font Awesome icons, testimonials section, video section, etc.

Take a look below to find the full list of Regy’s features, the live preview link and the download link. Enjoy!

Read more …

15+ Best Premium Education WordPress Themes

Published on: May 10 2016 by Anli - Leave a Comment

15 Best Premium Education WordPress Themes

In the recent years online learning (or e-Learning) has seen a high growth as various schools, colleges and other education institutions are using internet to share the lessons with their students, or to integrate the class lessons with other relevant material. Also many professionists or consultants are offering their expertise creating online courses and selling them directly on their websites.

If you have created or are planning to create a website for any of these professional figures, you probably know that you need a content management system, more specifically a Learning Management System, to handle this type of site. And if you are a long time WordPress user, you would likely prefer to continue using it for this type of project too.

For this reason, in today’s post I’ve collected 15 (updated to 18) premium education WordPress themes from the most popular and with the best user reviews that, with the use of many plugins and integrations, can transform your website in an advanced learning management system. You can create lessons, quizzes, questions sections, handle teachers and students’ profiles, accept various types of payments, etc.

So, let’s begin:

Read more …

Bootstrap Tutorial: How To Create a Modal Video

Published on: May 05 2016 by Anli - 7 Comments

Bootstrap Tutorial: How To Create a Modal Video

Today’s article is a Bootstrap tutorial where we’ll learn how to easily create a Modal video, also known as “Pop-up video”. I’ll explain step by step and with the use of code examples how to make this video appear when the user clicks on a specific button or link inside our web page.

For this tutorial we’ll use Bootstrap Modals and, of course, HTML, CSS for styling the modal window, and JavaScript for the modal’s behaviour.

As usual, in the end you can preview and download all the code as a handy template to modify as you like.

Read more …

16+ Premium WordPress Themes for your Online Portfolio

Published on: May 02 2016 by Anli - Leave a Comment

WordPress Themes for your Online Portfolio

If you like to build websites with WordPress and you’re planning to create a portfolio site for yourself or your clients, today’s article is for you. In this post I’ve put together a list containing 16+ premium portfolio WordPress themes, chosen from the most popular and with the best user reviews on the web.

Among them you’ll find themes for designers, photographers, creative agencies, architects and other professionists that want to showcase their work in a beautiful and functional manner. Some of these themes offer also the possibility to set up an online shop and sell your products directly from your site, thanks to the integration with plugins like WooCommerce or Easy Digital Downloads. Let’s start with the themes:

Read more …

Bootstrap Select and Multiselect Input Fields: Best Plugins to Use + Examples

Published on: Apr 26 2016 by Anli - Leave a Comment

Bootstrap-Select-Multiselect-plugins-examples

Frequently in our everyday design and development projects, when working with Bootstrap forms, we need to use various select or multiple select input fields. Usually the native look and feel of these fields is ugly, changes from browser to browser, doesn’t match our desired design style and doesn’t offer advanced features.

So, what can we do? Is there a way to overcome these “problems”? Maybe with some jQuery plugin?

With these questions in mind, I made a research on the internet and I found two free plugins that go along with Bootstrap and can help us in these cases, which you can see below along with their main features and examples of what they can do. You can choose one or another based on the type of project you’re working on and characteristics you need.

Read more …

8 Best Premium Material Design WordPress Themes

Published on: Apr 23 2016 by Anli - Leave a Comment

8 Material Design WordPress Themes

In our last roundup article we saw some beautiful premium Material Design admin templates and we also learned what Material Design is: a set of specifics and directives used by Google’s designers to create the user interfaces of their applications for the web and for other devices, like the Android phones and tablets.

Today I’ll continue with this design style and present you a collection of 8 premium Material Design WordPress Themes created by independent designers that offer some nice features and can be used for different types of websites like: blogs, portfolios, corporate sites, creative agencies, one-page sites, educational sites, etc. Here they are:

Read more …

Bootstrap Contact Form: How to Add a New Dropdown (Select) Field

Published on: Apr 09 2016 by Anli - 2 Comments

Bootstrap Contact Form with Dropdown (Select) Field

After releasing many Bootstrap contact forms during the past few months, which you can find here, this is one of the recurring questions among the users of these forms:

How to add a new dropdown / select field to the contact form?

Some time ago I’ve written a tutorial about adding a new field to a Bootstrap contact form and particularly adding a dropdown field is not much different.

But, to some users this task might be confusing. That’s why today in this tutorial, I’ll explain step by step how to add a dropdown / select field to this Bootstrap contact form that I’ve chosen as an example (because I like that beautiful violet background).

At the end you can take the instructions below and apply them to my other templates, free and premium, to add new dropdown fields to the contact forms. They’re (almost) the same.

Let’s begin!

Read more …