Build a Responsive Website with a Modern Flat Design
4.4 (315 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.
14,946 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build a Responsive Website with a Modern Flat Design to your Wishlist.

Add to Wishlist

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 (315 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.
14,946 students enrolled
Last updated 2/2017
English
Price: Free
Includes:
  • 2 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • A computer
  • A good web template (one will be provided)
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.

Who is the target audience?
  • Web designers
  • Front-end web developers
  • New web developers and designers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 17 Lectures Collapse All 17 Lectures 02:05:37
+
Introduction and What You Will Learn
1 Lecture 06:48

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

The project files can be downloaded here.

Introduction and What You Will Learn
06:48
+
Working with the Design Elements
7 Lectures 57:08

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

Looking at the Design
10:20

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.

Foundation Front-End Framework
13:55

Here we shall learn how to customize style sheets.

Custom Stylsheets
04:01

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

Headers
03:21

Working with containers.

Containers
05:46

This time let us work on the logo and navigation.

Logo and Navigation
15:41

Here we shall learn how to create buttons in HTML.

Buttons
04:04
+
Completing Our Website
5 Lectures 59:56

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

Top Feature Section
12:22

More on the Features Section

Features Section
13:23

Working with the recent works section.

Recent Works Section
19:53

Working with secondary buttons and finally completing our website.

Secondary Buttons and Finishing Up
04:12

Working with Fancy Lists

Fancy Lists
10:06
+
Conclusion
2 Lectures 00:35

Thanks for taking the course!

Conclusion
00:13

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.3 Average rating
12,779 Reviews
239,666 Students
187 Courses
230,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.