Build a Flat Responsive Website from Scratch - Complete Course
Learn the whole process behind building a website - from theory and planning to a functional responsive layout.
 Enroll in Course for $97

Have You Ever Wanted To Build A Flat Responsive Website? Here’s How To Do It From Scratch!

Experienced Web Designer Teaches You The Techniques To Build a Website From Theory To Fact

Re: You’re Gonna Want To Build A Flat Responsive Website! And Here’s How To Do It From Scratch!

Dear friend,

Are you tired of seeing your website messed up on phones and tablets and getting frustrated because you want to fix it but you don’t know how to get it done?

Do you regularly find yourself buried nose-deep in books and articles about the concept of building a website that looks great on all gadgets?

Have you ever wondered why it looks so easy for other websites to generate a lot of income by looking as good on other devices as they do on your computer?... Or maybe even better?

I Totally Understand.

It’s okay. Either you’ve probably never heard of responsive websites or the latest web design trend, “Flat Web Design”, (which is used by Apple and other industry giants). Or you have heard of it but you’ve been getting crappy tips and tutorials on how to build one. In which case, you’re more at a loss than ever.

But don’t worry…

I’ve made a ton of Flat Responsive Websites, so help is on the way.

----------------------------------------------------------------------------------------------

Still Looking For Other Tutorials? Don’t Waste Your Time! I Got The Perfect Course For You!

You could go to the library and check out EVERY book ever written about “Flat Responsive Web Designs” or spend HOURS on the internet looking for tutorials that you can barely comprehend and actually PAY for some of them like I have. or.. Study this simple, beginner-friendly course that compiles everything I’ve learned about responsive websites and flat web designs into a few hour course. No crap and No bull. Just the lessons and techniques you need to start building a website that loads faster and resizes easily, and still looks sharp on high-definition screens.

Here’s Just a LITTLE of what you’ll discover…

  • Principles of Flat Web Design to help you understand the newest trend...
  • Planning and making a concept for a website by setting a goal and wireframing…
  • Designing in Photoshop and creating masterpiece graphics…
  • Converting PSD into a valid HTML & CSS for easy design control…
  • How to use Twitter Bootstrap to dynamically adjust your web page layout….
  • And much, MUCH more…

----------------------------------------------------------------------------------------------

This Course Is Not All Me…

I’ve received a lot of training and took a lot of advice from the BEST MINDS in web design... I read everything (both free and paid) on the subject of Flat Web Design, Graphic Design, and Responsive Websites, and then added my own personal experiences to make this course…

Don’t let the size (you could study this course in less than half a day) fool you. Over 4 years of experience went into this project.

It is definitely, the best there is, and the course is simple and FAST to learn. All you need is a small knowledge about HTML/CSS.

----------------------------------------------------------------------------------------------

Don’t Take Our Word For It!

"Amazing course well worth the money (unlike most of the courses here..unfortunately)

All you need to start producing well designed modern flat and responsive web sites."

-Matija Vuk

"It was my greatest pleasure to take this class, I had no idea how to do a flat website but Michael Burns enable me to expand my understanding."

- Matthew A Nolan

"Michael does a fantastic job answering all you need to know about creating a pixel-perfect, fully responsive website. After working through the course, you will have a website template that passes css and html W3C. validation. Michael shares helpful online resources and tools and emphasizes best practices for responsive web design. I highly recommend this course to any serious web developer."

- Michelle Phillips

"This is by far one of the best web design online course I ever watched. Michael is very good instructor, he is very patient in explaining things and doesn't rush with the lessons. The .psd design itself is very modern and you will not find similar design in any other online course."

- Alex Mateja

"Finally i can make a Good Responsive Website without needing Reflow or Dreamweaver or something else, if you take this Course then you get a Nice Skill."

- Luis Miguel Marques da Silva Pinheiro

"I found this course to be extremely helpful and very informative. I enjoyed completing it and found it easy to follow."

- Kim Gebbie

"This is a great course for anybody looking to learn the proper way or the way to build from scratch a flat responsive design website. This is also great to learn psd to html which is a highly needed skill by many employers...get to it!"

- Collin Morgan

"I learned so much during this course, it really is the best way to learn how to make a website from scratch. At the end you will have a very satisfying feeling, guaranteed!"

- Mathijs Lemmers

"One of the best features of the course is the progression from a wire frame layout to completed webpage - step by step, design to code. I'm looking forward to creating some responsive websites and exploring flat design. Many resources are provided with links to handy tools for developers. It's also great to be able to download lecture pdfs and video for viewing offline."

- Sue Bell

"As someone who started recently on the world of web designing

I've found this course very complete. It served me as an amazing starting point, especially if flat design and responsive matters."

- David Cortaberria

"To be honest I have never thought about building my own website from scratch, because I thought it is impossible to learn everything required do to that, but... after taking this course I fired up and I am already strongly considering to build my own site..well maybe not the whole thing but the front page definitely.

The knowledge shared and learned on this course bring website building for me to the whole new level as it opens much more options. Since now I have used wordpress themes ready to go, but it can be pretty "pain in the ass" to find the right one for my projects. I have noticed that I always want something that doesn't exist on the market. But that doesn't matter now, because I did learn knowledge required to fulfill my crazy ideas."

- Matiss Bartulis

"I took some Web courses during my time at University of the Pacific. Once I stopped going, I was trying to do freelance web design/development on my own, but made the mistake of trying to learn and do at the same time. This course is helping me to understand how to incorporate web design with web development and after giving up for a period of time trying to master this, I found the confidence to pick it back up again and I thank you guys for this!"

- Jerome Biggins

"This course covers all of the necessary topics to produce a website. Excellent sources included, excellent videos and very easy to follow instructions!"

- Daniel Stanley

"Take this course if you ever had problems understanding responsive design, mobile first design and how to use bootstrap properly.

From planning to a complete product, learn step by step how to make a PSD file and convert that to valid HTML5 and CSS page!

Learn also how to tweak bootstrap and work responsively with media-queries.

I enjoyed if very much and learned a lot of tricks that you will learn too!"

- Eduardo Weidman Barijan

"Thank you so much Mr. Burns for this course! I've learned more in these last few hours compared to a few semesters at a state university."

- Monica Madrigal

"Great class!

Teaches you what you need to know to build an absolutely beautiful website! I highly recommend it!"

- Devin de Hueck

----------------------------------------------------------------------------------------------

My Double “You’ll Love It” Guarantee…

Guarantee #1: If for any reason you think my course isn’t the best $97 you’ve ever spent just send me an email within 30 days and I’ll gladly refund you whole 97 big cash dollars.

Guarantee #2: If you actually DO my course step-by-step and your results aren’t great, I’ll actually refund TWICE your money. All I ask is that you give me an honest effort. How is that for fair?

----------------------------------------------------------------------------------------------

I’ll Only Sell 500 Copies at this Price…

Time is Very Much “Of the Essence”… I can’t stress the time-sensitivity of this offer enough. Not only will the 500 courses go quickly (at which point the $100 discount will expire) and trust me, you don’t want to miss it… Click on the “Enroll” button below to join now to get instant access to my course 100% Risk-Free for just $97…


 Enroll in Course for $97
Your Instructor

Michael Burns is a web & graphic designer based in Philippines. He started designing during his college days with most of his skills and knowledge being self taught. He believes that learning web and graphic design can be learned online and is a matter of practicing really hard until the desired skills are acquired. Michael is also a Design Guru at www.1stwebdesigner.com. At 1stWebDesigner he teaches web and graphic design to beginners. He just loves sharing ideas with everyone.

Course Curriculum
Section 1 - Introduction
  What Is Flat Web Design
  Principles of Flat Web Design
  Tools you need (02:40)
Section 2 - Planning & Wire framing
  The Goal of the website
  Ascertain the elements
  AIDA Principle
  Whitespace
  Finding good Inspiration
  Conceptual Sketching
  Wire framing the Layout (15:07)
Section 3 - Designing in Photoshop
  1200 Grid (03:39)
  Baseline Grid (03:07)
  Setting up (02:52)
  The Header (08:10)
  Banner (15:44)
  Services (13:47)
  Latest Work (16:34)
  Creative Process (12:55)
  Testimonials (15:33)
  Call to Action (06:34)
  Footer (11:33)
Section 4 - Bootstrap
  What is Twitter Bootstrap (04:46)
  Installation (03:46)
  Gather Assets (06:35)
  Base Markup (04:48)
  Page Containers and Rows (08:00)
  Adding Containers for Content (07:32)
Section 5 - HTML Markup
  Coding the Header (07:54)
  Coding the Banner (04:57)
  Coding the Services (07:54)
  Coding the Latest Work (12:04)
  Coding the Creative Process (12:49)
  Coding the Testimonials (12:56)
  Coding the Call to Action (01:39)
  Coding the Contact Info (04:19)
  Coding the Footer (05:04)
Section 6 - Styling with CSS
  Global Styles & Typography (11:16)
  Styling the Header (17:41)
  Styling the Banner (12:04)
  Styling the Services (09:42)
  Styling the Latest Work (17:08)
  Styling Latest Work II (10:16)
  Styling Creative Process (17:37)
  Styling the Testimonials (14:50)
  Styling the Call to Action (06:20)
  Styling the Contact Info (05:14)
  Styling the Footer (04:28)
Section 7 - Responsive
  Break Point 768px Small Devices (15:04)
  Break Point 992px Medium Devices (Part 1) (12:19)
  Break Point 992px Medium Devices (Part 2) (11:30)
  Break Point 1200px Desktops (Part 1) (12:51)
  Break Point 1200px Desktops (Part 2) (11:00)
  Final Touches (10:44)
Section 8 - Validation
  HTML/CSS Validation (02:09)
FAQs
When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound?
After purchase, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy!
If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.