HTML+CSS Small project-3

 Basic Footer Design:-

HTML+CSS CODE


<!DOCTYPE html>
     
<html lang="en">
    <head>
       
    <meta charset="UTF-8">
       
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
         

      
    <title>Document</title>
    <!-- <link rel="stylesheet" href="web_app2.css"> -->
    <style>
        .footer{
    background-color: black;
    position: absolute;
    width: 97.1%;
    height: 50%;
    top: 50%;
    left: 0;
    bottom: 0%;
    right: 0%;
    color: white;
    font-size: 1.6rem;
    padding-left: 35px;
    word-spacing: 30px;  
    font-weight: 700;
    line-height: 70px;
    margin: 0em;
}

.footer_name{

    opacity:0.5;
    text-transform: capitalize;
}
.hr_style{
    width: 97.1%;
    color: gray;
}
    </style>

</head>
<body>
<h1 style="text-align: center; text-decoration: underline;">Footer design</h1>
<h5 style="opacity: 0.5; text-align: center;">Very Simple design of Footer</h5>
<h5 style="opacity: 0.5; text-align: center;">This is first project of Footer design 
which is looking very simple shows only texts or hr</h5>


<div class="footer"> 
<p class="footer_name">Proident sccsamus readymade jaminise rocketer  sidmerian<br> Exercitation wolfull Amoquino Ackopnizer philipino<br> 
   Tattooed freetumblr ethicalsar nakedler fantoniyo santonio.
</p>
<hr class="hr_style">
</div>
</body>
</html>

OUTPUT:-




Comments

Post a Comment

Please do not enter any spam link in the comment box.

Popular Posts