html template free download






css footer at bottom of page footer html css codepen




HTML CODE COPY

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
    <script src="mm"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <link rel="stylesheet" href="col.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>website</title>
</head>
<body class="bo">
    <script> 
        $(document).ready(function(){
          $("#flip").click(function(){
            $("#panel").slideToggle("slow");
          });
        });

$(document).ready(function(){
  $("#mm").click(function(){
    $("#panel").slideUp("slow");
  });
});

        </script>
    
    <style>

    </style>
        <header>
            <div >
                <i id="flip" class="fa fa-bars"></i>
                <div id="panel">
                      
                    <a class="new" href="">home</a> <br>
                    <a class="new" href="">about</a> <br>
                    <a class="new" href="">my channel</a> <br>
                    <a class="new" href="">help</a> <br>
                    <a class="new" href="">gallery</a> <br>
                    <i id="mm" class="fas fa-window-close"></i>
                </div>

            </div>
            <div style="margin-top: 0px;" >
                <h1 class="yam"><span style="color: rgb(240, 10, 56); margin-top: 0px;" class="" >MILAN</span>  YADAV</h1>
            
            </div>
            <div class="hed">  
                <a id="i1" class="juj" href="">home</a>   
                <a id="i2" class="juj" href="">account</a>       
                <a id="i3" class="juj" href="">login</a>     
                <a id="i4" class="juj" href="">help</a>     
                <a id="i5" class="juj" href="">cart</a>

            <a id="uuiioop" class="buttons" href=""><i class="fas fa-home"></i></a>
            <a id="tyu" class="buttons" href=""><i class="fas fa-user-circle"></i></a>
            <a id="ttyyuu" class="buttons" href=""><i class="fas fa-sign-in-alt"></i></a>
            <a id="rrttyy" class="buttons" hrf=""><i class="fas fa-question-circle"></i></a>
            <a id="bbnnm" class="buttons" href=""><i class="fas fa-shopping-cart"></i></a>
            
        </div>
       
    </header>
       <div>
           <img class="mmiill" src="https://blogger.googleusercontent.com/img/a/AVvXsEhpJZ1WzoWXqKC0KULHkv6Qr1yb5-67CoeJgkIl9ZCsnaqjfSSieUlJjipwPrhQ3QqsO69KCD74hGn4dJAzVqRKXA27qlF_QQb5AfxBmNCLlBsJ2qiExzGSgmMqmDmlch6a7NvyFBq6REL3uP3xaSxP20W_vhC43j5IIq0IF1Utect1lnMXPpjo4u0e=s320" alt="">
           <img class="mmiill" src="https://blogger.googleusercontent.com/img/a/AVvXsEjuYYdPM5leAADVu-6zLtAAQT6bY-qgze69G86S9uT7-wc-6Kv5AebDdn1nJ2wM_8Op3kFCFDm7zkaiUR0FAlSM_T6YsqIOXg98KnH1FOtHi-sUBz6FAWN8SwCNv9I5zXBIfxlTo7SFsslY3qB8tSDOdFe0Fv5HVgNzM01K6IKxHVvbZn_7lPuBqnz2=s320" alt="">
           <img class="mmiill" src="https://blogger.googleusercontent.com/img/a/AVvXsEgXggaV3f8vfgwj--VzDg1He7iLs-98GGWI_3IcJvex1QV5rFfyRQw3t8Kd-CntSNVh-pwIOoM3Xf_M7zPt-Cj75v77IblouTWWUUiAwa1LnB9UY0cJ2WlM9SZL-TbeHhn-jcBe_gVv3kai86HxGw2QrFcBoSUR6IwqCAciy0cJ93dANDjOGuv3cEAc=s320" alt="">
        <img class="mmiill" src="https://blogger.googleusercontent.com/img/a/AVvXsEg932F2NeXJCT5fE_ADxk_kYRPqoxkANf7Vvah71KJNVq5f8zeLk3RkhIeNMxaAY1cOud8oH06nW6ehEY12K_WFW839hWEghttDEcfSCcwMora35gMWMdP97TZGOnchVVw9wbSB5cEzHixIZTeemuF9Aa8pzdSZAjCxe6o0xW3LWGz3wpBgXhyJXTDc=s320" alt="">
       </div>

<div class="hgjghj">
    <img class="hftfgh"text-align: center; src="https://blogger.googleusercontent.com/img/a/AVvXsEg2bTdHuHOSiYNhG8F_f91EwPY2p6Z-DRW8vZey3dc0tXlKQKUHpZJ9SlpyzZVcEBc4BMBXTnuBQ6XcigIaO2i_r8ZB3gy0AQ3hBo3zKectT6-clzwdFHGwUvqqiVr6iNhPy07D8opsUtYaumhthnY8OlJGcpsj6vH-HjKkwlXQEu7w054lTNMNUzNR=s320" alt="">
    <img class="hftfgh" src="https://blogger.googleusercontent.com/img/a/AVvXsEiMcPYYczqLx1TSTw_JZakwuj26b-sASiavxcHHQn5oQt4c7_w1DXFJGvK4FBI0Qfky_0tBAwoUO9vLJaY4XxCaxRr7vZQwbj_qF5lgprSGEFqhReaTTuNhUphruzOycFPH7UgorSl1YusaAV6J-oxNdPGjfbwTA3NJ6t7KLBI4MawlCabxdy1xX4W-=s320" alt="">
</div>

<div class="box" >
    <form action="">
       <h1 class="yyuuiix">contact us</h1>
       <h4 class="rty">name</h4>
       <input class="ints" type="text" placeholder="name" name="" id="textinput">
       <h4 class="ttrr">email</h4> <br>
      <input class="dfghfd" type="email" placeholder="email" name="" id="">
       <h4 class="message" >messgae</h4>
       <textarea class="inareya" name="" id="" placeholder="message" cols="30" rows="10"></textarea>
<button class="fgh" >send</button>

    </form>
</div>

<div class="jjjolj">
  <div class="yyoopp">
    <li" class="gfh"><a class="tt" href="">home</a></li>
    <li class="gfh"><a class="tt" href="">about</a></li>
    <li class="gfh"><a class="tt" href="">policy</a></li>
    <li class="gfh"><a class="tt" href="">help</a></li>
    <li class="gfh"><a class="tt" href="">gallery</a></li>
  </div>
 
  <li id="hghjgj" class="jhjgg"><a  aria-colcount="book" class="ghjgg" href="https://fontawesome.com/v5.15/icons/facebook-square?style=brands"><i class="fab fa-facebook-square"></i></a></li>
  <li id="twitt" class="ggnn" ><a class="ter" href="https://fontawesome.com/"><i class="fab fa-twitter"></i></a></li>
  <li id="inst" class="ggnn"  ><a aria-colcount="ter" class="tagram" href="https://fontawesome.com/">  <i class="fab fa-instagram"></i></a></li>
  <li id="yout" class="ggnn" ><a class="tube" href="https://fontawesome.com/"><i class="fab fa-youtube"></i></a></li>
  <li id="snap" class="ggnn" ><a class="chat" href="https://fontawesome.com/"> <i class="fab fa-snapchat"></i></a></li>
  <div>
    
    <p class="liopp">Copyright © 2012 - 2021 MILAN, All rights reserved.</p>
  </div>
</body>
</html>





CSS CODE COPY