In the Previous Bolg I Have Complete Till the header , h1 tags
*The Next Steps *
<section>
<h2>About Me</h2>
<p> I am a web developer </p>
</section>
<section>
<h2> Project</h2>
<ul>
<li>Potfolio</li>
<li>Landng Page</li>
<li>blog Template</li>
<li>Iot project</li>
</ul>
</section>
<section>
<h2>Contact</h2>
<p>Email:akilan48@gmail.com</p>
</section>
</header>
</body>
<footer>
<p>@2026AK</p>
</footer>
The above is HTML part
_From The Above _
Some new tags are there
<ul>- This tag is known as unorder list
<ol> - This is Known as order list
The CSS
/* border: 1px solid; */
margin-top:5vh;
width: 60%;
margin-left: 20vw;
border-radius: 25px;
background-color:beige;
padding-top: 10px;
padding-bottom: 10px;
}
h2{
margin-left: 20px;
padding-bottom: 10px;
}
p{
margin-left: 30px;
}
ul{
margin-left: 40px;
padding-bottom: 10px;
}
footer p {
/* border: 1px solid red;*/
background-color: black;
color: white;
text-align: center;
margin-top: 10px;
padding: 2px;
}
from the above
footer p {
/* border: 1px solid red;*/
background-color: black;
color: white;
text-align: center;
margin-top: 10px;
padding: 2px;
}
footer p{
This will follows by parent & child
so This will not impact on other
tag
** The final Output**

Top comments (0)