4ha4vhuns0sct88fm236 preview

Build Flat, Responsive WordPress Site!

TWO courses For ONE Price

   Watch Promo

Bootstrap 101 Template

Are you scratching your head wondering how amateur designers or programmers can make powerful and modern websites, and be able to sell it to their clients and making their dreams come true?

It's not that these designers are super smart, but they do have good foundation to know how to hack different themes and provide powerful website solutions for their clients.

So what now? Do you go to school and spend the next four years to get foundation in design and programming?

I went to study programming and designing myself and from six years I studied, only about two years were productive and useful. And right now, we created a video course, where, in nearly 8 hours, you will learn Photoshop, HTML, CSS, Twitter Bootstrap and WordPress foundation.

Most of the tutors don't even have real-life experience, and are not designers, who actively deal with clients themselves.

I have done it for five years and I know what tools are being used by professionals TODAY in this rapidly changing web design industry. And I promise to teach to you how to use these tools and apply best practices professionals use in this very course!

We, at 1WD, are web designers ourselves and are still serving clients so we are able to show you EXACTLY what works and what doesn't, what's useful and what isn't!

With WordPress, You Can Build Basically Everything

Over 20% of all websites online are using WordPress as their Content Management System (CMS). And you will learn how to build WordPress website from scratch.

This knowledge will allow you to easily take free or paid WordPress themes, take HTML & CSS templates and build them into powerful solutions for your clients. With this knowledge, you will be able to get clients! You will make enough money online building websites to support yourself, your family, and your dreams!

Are you a graphic designer?

As a graphic designer, you still need to understand how basic code works for it helps during collaboration with coders when you know foundation of WordPress.

Are you ambitious and you have decided you can do basic coding and website customization yourself? It comes very handy to know CSS, because it's something that directly affects website design, look and style!

Every designer should know at least basics of CSS, and that's exactly what we cover in this course!

Your clients will only be happy to have an all-in-one solution, one go-to person for all their web related problems.

Are you a Programmer?

As programmer, you will receive Photoshop files. There will be times when you need to do quick fixes with images. And It will only help if you have basic knowledge and foundation about how to use Photoshop for web design. You won't be afraid to use Photoshop. You will learn how to design website yourself, giving you knowledge to get around Photoshop (for web design) as a professional if you choose to do so!

Are you ambitious and you have decided you will use Photoshop and be able to do all graphic design part yourself? Even if you don't want to be serious about design and just stick with programming, you can at least learn how to create basic website draft, wireframe, prototype to show to the client, when sending proposals.

Building a Portfolio Website

Most people online do need portfolio website for their company or personal brand. That's why we decided to teach you how to build a portfolio website from scratch. We do follow rules to create a professional portfolio website:

1. It must fulfill the core objective. Portfolio websites are usually built to present work and attract more clients. Website layout needs to help visitors take your intended action. Make it easy for visitors to see your services, portfolio and let them contact you.

2. Stick to simplicity. Keeping every element simple and intuitive is crucial to look professional. This helps visitors find exactly what they’re looking for on your website.

3. Be unique and personal. If it is a personal brand - don't hide! Show your unique personality. The more personal you get, the more trust you will create.

4. Have a blog. Having an active section, which is updated frequently helps to build relationships, trust and drive more traffic. Blog is a must in these days, even if it's just used for announcements, updates.

In this course, we won't teach you the basics about color, balance, usability or good composition. But we do use these principles and you will learn best practices effortlessly while going through the course.

Before creating this course we spent countless hours brainstorming and researching about what it takes to build EFFECTIVE portfolio website. Then we mixed it with our real-life experience from working with our past high-paying and demanding clients.

Result is this course, which we believe is thorough guide for beginners as well as professionals, who need to update their skills to stay competitive in 2015.

What You Will Learn

  • Principles of flat web design the most popular web design trend right now.
  • Planning and making the portfolio website concept.
  • Designing a complete portfolio website in Photoshop with all the necessary pages.
  • How to create dynamic portfolio.
  • Converting Photoshop design into valid HTML.
  • How to make a site responsive to look beautiful in all screens, phones and tablets.
  • How to convert static HTML site into a fully functional and dynamic WordPress website your clients can use and edit themselves afterwards.
  • Converting Photoshop design into valid CSS
  • How to use Twitter Bootstrap with WP-Bootstrap starter theme;
  • How to make a site responsive to look beautiful in all screens, phones and tablets;
  • Converting Photoshop design into valid CSS
  • How to use Twitter Bootstrap with WP-Bootstrap starter theme;
  • How to make a site responsive to look beautiful in all screens, phones and tablets;

Why Should I Learn WordPress?

  • 48% of Technorati’s Top 100 Blogs Are Managed With WordPress,
  • 74.6 Million Sites Depend on WordPress ( around 20% of all websites online)
  • There are 40 Translations of WordPress
  • WordPress Developers on Average Charge $50/hr

Some Brands Who Rely on WordPress


Matija Vuk

Amazing course well worth the money (unlike most of the courses out there..unfortunately) all you need to start producing well designed modern flat and responsive websites. Good job Michael!

Reis Caffrey

In-depth and rewarding. Great course for those who want to build fantastic flat-design websites! Highly recommended.

Matthew Tyndall

Definitely worth taking this course. The instructor knows what he is doing. He doesn't go too fast or slow. This is a very good course for understanding responsive web and HTML5. Even though the instructor provides you with the Photoshop file, I highly recommend following along, but creating your own site. You learn it better that way. If you just do exactly what he does, you don't truly learn how the code works. Play with the code he teaches to see what you can do with it. Good course.

Matthew A Nolan

Well taught Michael Burns. It was my greatest pleasure to take this class, I had no idea how to do a flat website but Michael Burns enabled me to expand my understanding. In so that I signed up for at least four more courses and many free ones. thanks for the course.

Alex Mateja

Great Course. 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 designs in any other online course. The others are very basic and outdated. I have been learning web design for a time now and I saw a lot of courses so I know what I am talking about.

Luis Miguel Marques

Very Good Course. 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.

Collin Morgan

Great Tutorial - Take this Course. 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

Matiss Bartulis

I can take my crazy ideas to a whole new level...To be honest I have never thought about building my own website from scratch because I thought it is impossible to learn everything required to do 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. Haha. Thank you Michael for this straight forward course. Keep up the good work!

Tim Soulo

Today I got a text message from my friend. He wanted to tap into IT and he was asking me where to start. I told him he should start with learning HTML + CSS + Photoshop because the entry level knowledge that is required to start making money with web design jobs is quite low.

By looking at the breakdown of this course I can see that right after you've done with it you can go to Odesk.com and apply for the basic jobs. Just set an hourly rate of $10 and you'll easily earn the money you've invested in a day or two!! And from there you'll be profitable!

I mean it's a no brainer for those, willing to become a web designer and make money doing this kind of job for clients.

So guess what I told my friend? :) I sent him the link to this course right after I saw it. He was reluctant to pay, but that's the whole point - you never act on the knowledge that you've got for free. But once you put some money on the table - you're motivated to put your new knowledge to action and get your money back. That's a perfect motivation ;)

Eduardo Weidman Barijan

The tricks of responsive design explained! 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, convert that to valid HTML5 and CSS pages and then bring to WordPress! 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! Thank you very much!

Anna Birzgale

Awesome kickstarter for beginners to delve into web design, flat design and responsive design! I am very new to web design world and found it really hard to understand how to build website from sketch..to beautiful end result in your browser. What I enjoyed with this course is that Michael (instructor) is very "down to earth" and he explains everything in a very simple manner, which is awesome for beginner (me :)) Course was a bit long, so it took a bit of time to finish it, but then again I was looking for thorough course..so I guess I got what I asked for :)

Michelle Philips

Fantastic Course! Just what I was looking for!
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.

Enroll in Course $97

Your Instructor


1stWebDesigner consists of a team of designers, who have been professionally involved in Web Design for over a decade. Since the beginning of 1stWebDesigner, we have published around 2000 articles, videos helping you become a better web designer in this rapidly changing world.

Our articles have been viewed over 100 million times, we have a strong community of 200,000 followers in various channels. We love what we do and what we teach, so we keep on creating amazing educational content for You. This course is a result of listening to your needs and committed one years work.

Class Curriculum

Courses Included with Purchase

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.

Original Price: $47

Frequently Asked Questions

Is this course applicable for people that are already working with clients and building websites?
Absolutely. If you are programmer, you can learn your way around Photoshop. If you are designer, you can learn how you can code your own WordPress theme. However I must say if you have been keeping up with latest trends and your own studies, this course may be too simple, basic for you. This course will be the most effective for beginners and amateurs, who need to update their skills and practices to prepare for successful 2015.
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.
Can I download videos and view them offline?
Absolutely, every video is downloadable, so if you have slow Internet connection, it is recommended to download videos one by one to your hard drive and enjoy at your own pace.
Is there any specialized equipment or software that I need?
Only premium software we used in this course is Adobe Photoshop. You can get 30 day free trial and afterwards it is $20 per month. But either way for 30 days you can use it and learn it for free. All the other software and tools we use are free to download, WordPress is open source.
What if I have already bought your previous course how to build flat responsive website?
Great. If you can verify you've already purchased our previous course, email [email protected] for $20 coupon code you can apply to the course.

Course Package Inclusions

  • 2 hours of course videos on using Photoshop to design Portfolio website from scratch;
  • 1.5 hours of course videos on converting Photoshop web design to valid HTML;
  • 1.5 hours of course videos about styling Photoshop web design to valid CSS;
  • 2.5 hours of course videos about converting HTML&CSS website in fully functional and dynamic WordPress website.

All THIS + Bonus Inclusions

All additional *.PSD files

Final WordPress theme with additional styling and extra header image;

Additional videos from James Richman about high-level client finding strategies;

9 Interviews with web design experts like Chris Coyier, Brian Hoff, Joost De Valk, Ruben Gamez and Jacob Cass!

Bonus video about how to add animation and flare to the existing functional WordPress theme!

Our Best-Selling course how to create another flat responsive website from scratch! (with lots of basics covered!)

Bonus Interviews and Videos!

Alex Bilusic

Janet Brent

Lea Alcantara

Joost De Valk

Brian Hoff

Chris Coyier

Jacob Cass

Ruben Gamez

Bonus Videos from James Richman

How To Postiion Yourself To Get High Paying Clients + Real Case Study

3 Unique Selling Angles To Find New Clients

Learn The Right Way To Get Client Referrals and Get More Clients

2 Free Templates To Use When Reaching Out To New Clients or Getting Referrals

I'm about to offer you something the other design experts would never do for you.

If you implement knowledge you gained in the course and you still cannot find clients to hire you, I will not only refund your entire payment, I'll let you keep the course and I will send you back DOUBLE of what you paid.

All the risk is on my shoulders now.

Go ahead, test it out for yourself and you'll see why thousands of new designers and developers trust this training.

Get started now!