Create Single Page Website using Twitter Bootstrap 3

Crash course for those who want to make a single page website using Twitter Bootstrap within 2 hours.
4.2 (111 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7,444 students enrolled
25% off
Take This Course
  • Lectures 13
  • Length 1 hour
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2014 English

Course Description

In this crash course we are going to learn how to build a responsive single page website using Twitter bootstrap.

I’m a fan of learn as you go approach. There is no point learning everything, unless you know how to apply it practically. In this course I’m going to help you to build up some core skills as web designer with minimal effort.

Beside Twitter bootstrap, I’ll teach you how to make use of Google Web fonts and some interesting CSS3 features.

By end of this tutorial, not only you will have a responsive single page site but also a template that you can re-design and re-sell to your potential clients. Also, you will know how many designers and developers do rapid development using Twitter bootstrap.

This is the site you will end up creating once you complete all the lessons

See you in next lesson.

What are the requirements?

  • Basic HTML and CSS

What am I going to get from this course?

  • Learn how to use Twitter bootstrap
  • Rapid Web Designing and Development
  • Create a Single page website

Who is the target audience?

  • Web developers
  • Web desingers
  • Freelancers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction

The website we gonna build is available at

What is NOT this course

The website we gonna build is available at

  1. Download WAMP
  2. Download MAMP
  3. Download Brackets
Section 2: Development - Navigation Bar

Download Bootstrap


Bootstrap Examples

  1. Chrome extension to spy the font
Section 3: Development - Body
About us Section

Bootstrap Grids

Easy way of placing Google Maps
Social Media and Footer
Section 4: Wrap up

Thanks for taking this course. Please give us the rating if you like this course and do share with your friends.

You may checkout Ryan's Build Your First Website in 1 Week with HTML5 and CSS3 course. This course covers the aspects of Bootstrap, HTML5 and CSS3. Even you will learn how to use fontawesome.

I wish you all the best and do drop me a message or a questions in forums if you have any. Feel free to ping me anytime.

Thanks once agian.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jay Mayu, Mobile Developer & WordPress Freelancer

Jay Mayu (J Mayooresan) is a Web Designer / WordPress Developer and also a Mobile Developer (Android & iOS). He has been working on various projects based on WordPress since 2006. By late 2012 he realised that the mobile app industry is going to be the next big thing. Jay Mayu picked up Android and iOS development along with WordPress ever since.

Since then he has been providing services to people on Android Mobile app development, iOS Mobile app development and WordPress sites development (Which includes WordPress theme development, WordPress theme customisation)

Here in Udemy, Jay teaches you on how to get the maximum out of WordPress, Android and iOS. Above all how to make a living out of these 3 major platforms.

Beside everything, Jay Mayu loves helping people. If you need any clarification within the courses Jay teaches or even outside the scope of it, feel free to private message him


Jay Mayu

Ready to start learning?
Take This Course