Personal Portfolio website Using html and CSS | Website homepage design html CSS | CodeWithMe

  •  Personal Portfolio website Using html and CSS


Creating an attractive page will be difficult for those who are not experts in CSS. Without using CSS, you will not be able to make the web page, more attractive. So in order to make a web page, we need to have a knowledge of HTML and CSS. In this article, the main focus will be implementing CSS. In order to design a web page we need to first create an HTML web structure.

Creating structure: In this section, we will create a simple structure of web page by using <li> and <section> tags. So, this will create a simple interface which you can check by running the following code.


Please watch this video for more information:-


We have used classes like sectionsection-left which is used in CSS to give a proper styling, as it will make the web page more attractive.

CSS design: We will use CSS to give proper design effects to the HTML web structure that we have created in HTML code. The most difficult part is to display the picture in a different direction. Consider the picture is in the right direction and the text along with it is in the left direction. When we use flex-direction:row-reverse, the image which is on the right side will be shown on the left side and the text will be shown on the right side.


--Get Source Code--




Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.