Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 3 Beginners: Create a Professional Landing Page
Rating: 4.6 out of 5(339 ratings)
3,485 students

Bootstrap 3 Beginners: Create a Professional Landing Page

Learn how to create a clean, modern & professional responsive landing page for your app, portfolio, business or blog!
Created byAndy Clarke
Last updated 10/2017
English

What you'll learn

  • You will hand code and create a professional, clean & modern bootstrap responsive landing page
  • Project files to download and work with offline
  • Learn skill & knowledge to start building your own pages, and templates

Course content

15 sections • 55 lectures • 2h 40m total length

  • Introduction0:49

    A quick introduction and welcome to this bootstrap beginners course!

  • What is bootstrap?1:42

    We take a quick look at the bootstrap framwork and what it includes.

  • Final landing page1:50

    We look at the final landing page we will be creating over this course.

  • Bootstrap website0:16
  • The bootstrap Components1:01

    A look at the different components that are available to us within the bootstrap framework

  • The Grid System2:30

    A walk through the famous bootstrap grid system

  • Media Queries2:00

    We look at Media Queries, another famous feature of bootstrap to help style for specific devices.

  • HTML Editor1:52

    A quick look at different HTML editors available.

Requirements

  • Mac or PC
  • A HTML editor (I'll provide examples in lecture 7)

Description

Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the bootstrap framework.

Build a strong foundation in the Bootstrap framework with HTML & CSS with this tutorial for beginners.

  • Bootstrap components
  • Grid System & Media Queries
  • Custom fonts
  • Font-Awesome icons
  • Animate CSS & WOW js


This course will help you create a perfect bootstrap responsive landing page for your app, business, portfolio or blog. Having a little knowledge of HTML & CSS is ideal to get you started on the quicker route to Bootstrap, however it isn't essential. I will walk you through every step of code to ensure you have the right understanding and tools to further your learning after you have completed the course.

You will not only create a clean, modern professional looking bootstrap landing page, you will also add scroll spy, animation and Google Webfonts to make sure your website stands our from the crowd. We start by understanding the basics of bootstrap, how it works and how it is implemented. We will cover the famous grid system and media queries to ensure your new page looks it's best on all devices.

You will learn-by-doing which will help you understand all aspects of bootstrap and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure.

By the end of this course you will have created a slick, modern professional landing page using HTML and CSS that will work across all devices.

Who this course is for:

  • Students who want to create their first website
  • Bootstrap newcomers
  • Students with the basic understanding of HTML & CSS
  • Student wanting to brush up on their bootstrap skills

Report abuse