Bootstrap Panel Example

Bootstrap Panel Tutorial

What is a Bootstrap Panel?

In this post I will present to you the Bootstrap panels. These components are used when you want to put your DOM component in a box. To get a basic panel, just add class .panel to the <div> element.

A Bootstrap panel is a bordered box that has padding around it.

The class for this is .panel and the content inside it is .panel-body

(more…)

Read More

Jumbotron Bootstrap Tutorial

Bootstrap Jumbotron Tutorial

In this post, I will present to you the Jumbotron and Jumbotron-Fluid, which are new components in Bootstrap 4. As the name suggest (jumbo+tron), the Jumbotron class can increase the size of headings and add margins for the content displayed on a landing page.

A jumbotron shows a big box that highlights some special information or content.

(more…)

Read More

Freelancer tips & tricks

22 Tips & Tricks for Freelancers

1. Be amazing at something

Most masters think that it takes at least 10,000 hours or more to be an expert at something, and even longer to be the BEST. I believe this depends on the learning skills and the abilities one has, as well as some other factors. It also depends on the fact that each person is different. It may be possible to master something within a few years if you have the abilities, but the most persistent people will keep going for 10 years and will always try to be the best.

Don’t try to attain perfection or be the “best”, but try to learn to excel or master your craft, and success will come on its own. You are still learning, to this day, and you will still be learning for the rest of your life.

(more…)

Read More

Free Bootstrap Themes, Templates and Kits

Free Bootstrap Themes, Kits and Templates for 2017

In this post, I will present you a list with top free Bootstrap themes, templates and kits, for 2017.

Bootstrap is an open-source Javascript framework developed by the team at Twitter. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. It is a combination of HTML, CSS, and Javascript code designed to help you build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3.

(more…)

Read More

Angularjs

Build an AngularJS Website in 4 Steps

In this blog I will show you how to pick up an existing codebase example to build your very own beautiful AngularJS Single-Page Website. Our example app is sure to delight as it’s geared towards the wedding planning market. This Angular JS single page wedding website makes it easy to edit content, update photos and plan for the big day. This example app is built using AngularJS and uses the Cosmic JS API for content management and updates.

(more…)

Read More

Programmers Guide

The Noob Programmer’s Guide: Job hacking and learning programming in 3 months

Introduction

I’ve created this programmer’s guide for practical reasons. The first is trying to help people who are willing to learn to code by guiding them step-by-step.

In this sense, I’ve been talking with people who got into programming without having any sort of technical background and then started working in the field after only 3 months.

(more…)

Read More

Bootstrap Table. Thinking at what type of code should I use

Bootstrap Table Made Easy

Using the Bootstrap Table is a simple way to design an elegant table. It is easy to make, it has style, it is mobile responsive and it is used for a wide palette of practical applications.

Bootstrap Table. What is good for?

Bootstrap Tables are a beautiful way to create calendars, date pickers, shopping carts, billing reports, admin dahsboards and so much more. In its essence, a bootstrap table it’s a great way to show data.

(more…)

Read More

Bootstrap Modal with HTML

How to create a working Bootstrap Modal with HTML

Bootstrap Modal is very popular and important for the User Interface (UI). In this tutorial, we will learn how to create a Bootstrap Modal in 2 minutes.  It offers you a way to make information available for the user, without crowding what he sees at once.

The Bootstrap Modal is one of the most popular plugins offered by Bootstrap. This is a multi-purpose popup built with HTML, CSS and JavaScript. Basically, the modal is a scripted element that overlays over a website page.

Using the Bootstrap Modal plugin it is one of the best ways to load content inside a popup screen without writing any JavaScript.

(more…)

Read More