UZFOR
Besthakker
Shu kodni css ni qayeridan quyish kerak paastki qism buu


  1. * {
  2.          box-sizing: border-box;
  3.       }
  4.       html, body {
  5.          margin: 0;
  6.          padding: 0;
  7.       }
  8.       body {
  9.          display: flex;
  10.          min-height: 100vh;
  11.          flex-direction: column;
  12.       }
  13.       main {
  14.          flex: 1 0 auto;
  15.       }
  16.       footer {
  17.          color: #fff;
  18.          background: #333;
  19.          position: relative; /* required to position the copyright at the bottom */
  20.          font-size: 80%;
  21.       }
  22.       .footer-copyright {
  23.          width: 100%;
  24.          height: 40px;
  25.          background: #111;
  26.          /* positions the copyright at the bottom of the footer */
  27.          padding: 10px;
  28.          position: absolute;
  29.          bottom: 0px;
  30.          left: 0px;
  31.       }
  32.       .footer-body {
  33.          margin-bottom: 40px;
  34.          padding: 30px;
  35.       }
  36.       .footer-body > div:first-child {
  37.          font-size: 150%;
  38.       }
  39.       .footer-body ul {
  40.          list-style-type: none;
  41.          margin: 0px;
  42.          padding: 0px;
  43.          text-align: center;
  44.       }
  45.       .footer-body li > a {
  46.          color: white;
  47.          text-decoration: none;
  48.          margin-bottom: 7px;
  49.       }
  50.    </style>
  51. </head>
  52. <body>   
  53.    <header></header>
  54.    <main></main>
  55.    <footer>
  56.       <div class="footer-body">
  57.          <div> Your Brand Here. </div>
  58.          <div>
  59.             <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis interdum dignissim nisl posuere efficitur. </p>
  60.             <ul>
  61.                <li><a href="#"> About </a></li>
  62.                <li><a href="#"> Contact </a></li>
  63.                <li><a href="#"> Terms & Conditions </a></li>
  64.                <li><a href="#"> Privacy Policy </a></li>
  65.             </ul>
  66.          </div>
  67.       </div>
  68.       <div class="footer-copyright">
  69.          © Copyright goes here. 
  70.       </div>
  71.    </footer>
0 Mavzuga qaytish