![simple css website syntax simple css website syntax](https://1.bp.blogspot.com/-41o3Ttto4Ko/X2UD66e4IyI/AAAAAAAAARQ/0pO6cIf-8E0KJMorfOvm1jX7MAXYtpIQACLcBGAsYHQ/s16000/70.jpg)
After that, I did some necessary styling for all the elements in the content class. I also provided text-align property to get the content center of the viewport. for the content class, I used absolute position value and transform property to bring all the items of content class in the middle. Then i provided a relative position and 100% height value to all the div inside the box id. Then i have given the box div a width of 100% and a height of 100vh. I used lato as the default font fort he projects. Thus, I have provided the padding and margin to 0. In the CSS part, I have discarded the document's document's default padding and margin.
![simple css website syntax simple css website syntax](http://gdihouston.github.io/html-css-beginner/images/html-sample.jpg)
For the five pages (home, about, portfolio, services, and contact), I have taken five div and named them with a unique id. When we click over the nav item, it will take to the associated page with a slow transition effect. When we hover over the nav item, the background, and color, the anchor element will change. The above video is showing the finished version of the website on the website's homepage, where I have created a simple-looking navbar with a font-awesome icon in it.
Simple css website syntax how to#
Together we will build this simple looking website, and by doing that, you will learn some necessary skills of html5 and css3 like how to use fonts, images, navigations, some basic animations, etc.
Simple css website syntax code#
In addition to the blog, I will give you access to the source code that I am going to be using to use it in your project. In this blog, you will learn how to make a simple looking website using html5 and css3. In this tutorial of Simple Website Design layout, I have used plain HTML and CSS. Earlier I have shared a blog on how to Create a Simple Accordion Design using only HTML and CSS. Welcome Friends, In this blog, we will learn how to create a Simple Website layout Design using HTML and CSS.