In this tutorial we’ll be creating a real-world web site with pure HTML 5 and CSS 3 which may be used as a template for a internet design agency or other company internet site. Let’s take a good look at the result that is final:
The template that is website fully responsible and is comprised of three pages. The commencement web web web page seems like the immediate following:
If you’re accessing the internet site on a smaller sized display size the design will adjust correctly as you care able to see into the following screenshot:
Moreover the website template contain an About and an ongoing solutions web page:
Let’s explore the steps had a need to implement this site from scratch.
Applying The Begin Web Web Page
Into the following steps we’ll be using HTML that is plain 5 CSS 3 rule for execution. No extra framework is required. Let’s start with producing a fresh and empty task folder:
Turn into that newly produced task folder
and produce subfolders using the commands that are following
$ mkdir css $ mkdir img $ mkdir fonts
Because we should take advantage of Font Amazing icons, we must be sure that the symbol collection is included with our task. Head to http://fontawesome.io, down load the free package, unpack the archive and copy the files through the css and fonts folder towards the matching subfolders within the project.
Let’s begin coding with the addition of a file that is new.html to your root task folder and add the next html page: