1.Introduction

In this tutorial we are going to start with the introduction to the Responsive website features. We will learn on how to open the responsive website on the visual studio code. We shall also look on how to create HTML structure, loading it to the browser. We shall see on how to change the title of the web browser, link it to the CSS file and finally linking it to the font-awesome files.

2.Creation of a Navigation Bar

We are also going to learn on how to create a navigation bar and then load it to the web browser.

3.Creation of the Showcase areas

We are going to learn on how to create the main showcase area. Then we are going to learn on how to create the membership and pro-membership smaller boxes. We shall also create the Analytics, Development, Marketing and support Boxes.

4.Creating and images, h2 tags and paragraph tags

We are also going to learn on how to create a section know as the info section. We are also going to learn on how to add the first image. Header using the h2 tag and finally add a paragraph using the paragraph tag. We are also going to create another section known as the portfolio section. We shall upload a couple of images to it.

5.Creation of a Footer to the website

6.CSS Section and general styling

We will create CSS Variables using the root elements. We shall style the HTML tags. We will also style the body tags. We are also going to style the ‘btn ‘class under the top container section. We are going to apply different styles to the images. We shall style the main div holding the wrapper class.

7.We are also going to learn on how to style the navigation menu, ul, li tags and adding a hover feature to them.