Build a Responsive Website with a Modern Flat Design

Build a great looking flat design website using a simple but well coded template.
4.4 (266 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.
13,261 students enrolled
Start Learning Now
  • Lectures 15
  • Length 2 hours
  • Skill Level All Levels
  • 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 3/2014 English

Course Description

The days of PHP to HTML5 are dead. No longer do you need to cut up an entire design in Photoshop to use great looking templates for web design.

What You Will Learn

In this course, you will learn how to use a website template to create a responsive website using CSS and HTML5 without endless Photoshop slicing. New CSS functionality allows you to cut your design time in half, and this course shows you how.

How You Will Learn

You will learn by using a real responsive design template with a great looking flat design. You will be walked through every step of using this template, and by the end of the course you will be able to transfer these skills to any template on the market.

* Everything you need to work with the template is included in the course.

What are the requirements?

  • A computer
  • A good web template (one will be provided)

What am I going to get from this course?

  • Learn great front-end web design
  • Learn to use templates to make web design easier
  • Understand the use of new CSS conventions for easier design
  • Learn how to create responsive design using HTML5

Who is the target audience?

  • Web designers
  • Front-end web developers
  • New web developers and designers

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 and What You Will Learn

This lecture will show you a bit about what you will be building in this course.

The project files can be downloaded here.

Section 2: Working with the Design Elements

Here we shall take a closer on how an HTML web design looks like.


In this lesson, we shall know what foundation is. We shall also discuss the front end framework, its components and the tools we can use to make clean markups and start a great project.


Here we shall learn how to customize style sheets.


Adding a header to the website you're building using HTML.


Working with containers.


This time let us work on the logo and navigation.


Here we shall learn how to create buttons in HTML.

Section 3: Completing Our Website

To complete our website, let us now work on the top feature section.


More on the Features Section


Working with the recent works section.


Working with secondary buttons and finally completing our website.


Working with Fancy Lists

Section 4: Conclusion

Thanks for taking the course!

Request a Course

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 220,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Ready to start learning?
Start Learning Now