O'Reilly logo

Creating Flat Design Websites by Antonio Pratas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Developing our page

Now that we have our images ready, let's start creating our page. Just like with the design, we'll create from top to bottom, starting in the header and developing the layout down to the footer.

We are going to be using Designmodo Flat UI Free for this, so the first thing we need to do is to import the files we're going to use. If you haven't done it already, download this from http://designmodo.com/flat-free/. Visit the page and click on Download HTML. This will get you a ZIP file with the Designmodo Flat UI Free pack, Twitter Bootstrap 3, and some example files.

So, just as we covered earlier, let's start by creating our folder tree. Create the following folders: css, js, and img. We will also need extra resources, so create ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required