NAV BAR WITH FOOTER CSS

-

 <!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>
    *{
        margin: 0px;
        padding: 0px;
    }
    .nav{
        height: 100px;
        width: 2000px;
        background-color: crimson;
        position: sticky;

        /* this is search bar selector  */
        .sbar{
    height: 42px;
    width: 372px;
    padding:2px 2px 2px 2px;
    margin: -40px 0px 0px 500px;
    background-color: aliceblue;

    } }
    li{
        display: inline-block;
        padding: 15px 5px 5px 25px;
        margin: 10px 0px 0px 0px;
        text-align: center;
     
        a{
            text-decoration: none;
            color: aliceblue;
        }
    }

footer{
    margin: 423px 0px 0px 0px ;
    background-color: rgb(105, 216, 14);
    height: fit-content;
    width: 2000px;
    text-wrap:stable;
}

</style>
    <body>
        <div class="nav">
            <img src alt>
            <ul>
                <li><a href>HOME</a></li>
                <li><a href>SIGN IN</a></li>
                <li><a href>OUR COURSES</a></li>
                <li><a href>JOIN NOW</a></li>
            </ul>
            <div class="sbar"></div>
        </div>

<footer>
   Copyright Disclaimer: - Under section 107 of the copyright Act 1976, allowance is mad for FAIR USE for purpose such a as criticism, comment, news reporting, teaching, scholarship and research. Fair use is a use permitted by copyright statues that might otherwise be infringing. Non- Profit, educational or personal use tips the balance in favor of FAIR USE.
</footer>
    </body>
</html>

Comments

Post a Comment

Popular posts from this blog

HTML FORMS

-
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < H1 > Forms in HTML </ H1 >     < form action = "/submit.php" > < div >   < label for = "Name" > Name </ label >   < input type = "text" placeholder = "Enter name" > </ div > < div >     < label for = "Phone" > Phone </ label >     < input type = "tel" placeholder = "Enter phone no." >     </ div >     < div >     < label for = "Email" > Email </ label >     < input type = "email" placeholder = "Email" >     </ div >     < div >     < l...
Read more

FORM STYLING IN CSS

-
<! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > forms </ title >   </ head >   < style >     body {       margin : 0 ;       padding : 0 ;     }     .csf {       display : flexbox;       text-align : center ;       background-color : rgb ( 216 , 216 , 216 );       height : 400px ;       width : 550px ;       padding : 90px 0px 0px 15px ;       margin-left : 40% ;       margin-top : 10% ;       border-radius : 2px ;       border : 2px solid ;       font-size : 19px ;     }     input {       mar...
Read more