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:-