Footers Components in Asitrastudio library

Footers from asitrastudio

<section class="py-12 md:py-20 bg-black">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap -mx-4 mb-32">
      <div class="w-full xl:w-3/12 px-4 mb-12 xl:mb-0">
        <a class="inline-block" href="#">
          <img src="asitrastudio-assets/logos/logo-asitra-white.svg" alt="">
        </a>
      </div>
      <div class="w-full sm:w-1/2 xl:w-2/12 px-4 mb-10 xl:mb-0">
        <h5 class="text-lg text-white mb-4">About</h5>
        <ul>
          <li class="mb-2"><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Contact</a></li>
          <li class="mb-2"><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Blog</a></li>
          <li class="mb-2"><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Our Storry</a></li>
          <li>
            <a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">
              <span class="mr-2">Careers</span>
              <span class="inline-block px-2 py-1 text-xs bg-blue-500 text-white uppercase rounded-full">Hiring</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="w-full sm:w-1/2 xl:w-3/12 px-4 mb-10 xl:mb-0">
        <h5 class="text-lg text-white mb-4">Company</h5>
        <ul>
          <li class="mb-2"><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Press</a></li>
          <li class="mb-2"><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Brand Assets</a></li>
          <li class="mb-2"><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Changelog</a></li>
          <li><a class="inline-block text-lg text-coolGray-500 hover:text-coolGray-400" href="#">Help centre</a></li>
        </ul>
      </div>
      <div class="w-full xl:w-4/12 px-4">
        <h4 class="max-w-sm text-2xl text-white mb-9">Join our newsletter to stay up to date on features and realases</h4>
        <div class="sm:flex max-w-xl">
          <div class="mb-3 sm:mb-0 mr-3">
            <input class="w-full py-5 px-8 text-coolGray-500 bg-black border border-coolGray-800 rounded-full" type="email" placeholder="Enter your email">
          </div>
          <div class="sm:flex-shrink-0">
            <button class="inline-block w-full sm:w-auto py-5 px-8 text-center font-medium text-coolGray-600 bg-coolGray-900 hover:bg-coolGray-800 rounded-full transition duration-200" type="submit">Subscribe</button>
          </div>
        </div>
      </div>
    </div>
    <div class="flex flex-wrap -mx-4">
      <div class="w-full xl:w-1/3 px-4 mb-6 xl:mb-0">
        <span class="text-sm font-medium text-coolGray-500">© 2023 Realestate.co</span>
      </div>
      <div class="w-full xl:w-1/3 px-4 mb-6 xl:mb-0">
        <div class="sm:flex -mb-2 items-center">
          <a class="inline-flex mb-2 mr-8 items-center font-medium text-white hover:text-coolGray-400" href="#">
            <svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16.0809 1.78777C15.5109 2.03477 14.9219 2.20577 14.2949 2.28177C14.9409 1.90177 15.4349 1.29377 15.6629 0.552768C15.0549 0.913768 14.3899 1.16077 13.6869 1.31277C13.1169 0.704768 12.2999 0.324768 11.4069 0.324768C9.67786 0.324768 8.29086 1.73077 8.29086 3.44077C8.29086 3.68777 8.30986 3.91577 8.36686 4.14377C5.78286 4.02977 3.50286 2.77577 1.96386 0.894768C0.861859 2.87077 2.09686 4.50477 2.91386 5.05577C2.41986 5.05577 1.92586 4.90377 1.50786 4.67577C1.50786 6.21477 2.59086 7.48777 3.99686 7.77277C3.69286 7.86777 3.00886 7.92477 2.59086 7.82977C2.98986 9.06477 4.14886 9.97677 5.49786 9.99577C4.43386 10.8318 2.87586 11.4968 0.880859 11.2878C2.26786 12.1808 3.90186 12.6938 5.66886 12.6938C11.4069 12.6938 14.5229 7.94377 14.5229 3.83977C14.5229 3.70677 14.5229 3.57377 14.5039 3.44077C15.1499 2.96577 15.6819 2.41477 16.0809 1.78777Z" fill="currentColor"></path>
            </svg>
            <span class="ml-3">Twitter</span>
          </a>
          <a class="inline-flex mb-2 mr-8 items-center font-medium text-white hover:text-coolGray-400" href="#">
            <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M10.0018 4.8916C7.73315 4.8916 5.89648 6.73027 5.89648 8.99694C5.89648 11.2656 7.73515 13.1023 10.0018 13.1023C12.2705 13.1023 14.1072 11.2636 14.1072 8.99694C14.1072 6.72827 12.2685 4.8916 10.0018 4.8916ZM10.0018 11.6616C8.52915 11.6616 7.33715 10.4689 7.33715 8.99694C7.33715 7.52494 8.52982 6.33227 10.0018 6.33227C11.4738 6.33227 12.6665 7.52494 12.6665 8.99694C12.6672 10.4689 11.4745 11.6616 10.0018 11.6616Z" fill="currentColor"></path>
              <path d="M13.2988 1.05026C11.8268 0.981591 8.18082 0.984924 6.70749 1.05026C5.41282 1.11092 4.27082 1.42359 3.35015 2.34426C1.81148 3.88292 2.00815 5.95626 2.00815 8.99692C2.00815 12.1089 1.83482 14.1343 3.35015 15.6496C4.89482 17.1936 6.99815 16.9916 10.0028 16.9916C13.0855 16.9916 14.1495 16.9936 15.2395 16.5716C16.7215 15.9963 17.8402 14.6716 17.9495 12.2923C18.0188 10.8196 18.0148 7.17426 17.9495 5.70092C17.8175 2.89226 16.3102 1.18892 13.2988 1.05026ZM15.6288 14.6316C14.6202 15.6403 13.2208 15.5503 9.98349 15.5503C6.65015 15.5503 5.31348 15.5996 4.33815 14.6216C3.21482 13.5036 3.41815 11.7083 3.41815 8.98626C3.41815 5.30292 3.04015 2.65026 6.73682 2.46092C7.58615 2.43092 7.83615 2.42092 9.97415 2.42092L10.0042 2.44092C13.5568 2.44092 16.3442 2.06892 16.5115 5.76492C16.5495 6.60826 16.5582 6.86159 16.5582 8.99626C16.5575 12.2909 16.6202 13.6356 15.6288 14.6316Z" fill="currentColor"></path>
              <path d="M14.2718 5.68869C14.8017 5.68869 15.2312 5.25918 15.2312 4.72935C15.2312 4.19953 14.8017 3.77002 14.2718 3.77002C13.742 3.77002 13.3125 4.19953 13.3125 4.72935C13.3125 5.25918 13.742 5.68869 14.2718 5.68869Z" fill="currentColor"></path>
            </svg>
            <span class="ml-3">Instagram</span>
          </a>
          <a class="inline-flex mb-2 items-center font-medium text-white hover:text-coolGray-400" href="#">
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M13.1004 13.0993V8.30161C13.1004 5.94368 12.5928 4.14249 9.84186 4.14249C8.51552 4.14249 7.6313 4.86297 7.27106 5.55069H7.23831V4.35536H4.63477V13.0993H7.35294V8.7601C7.35294 7.61388 7.5658 6.51679 8.97401 6.51679C10.3658 6.51679 10.3822 7.81038 10.3822 8.8256V13.083H13.1004V13.0993Z" fill="currentColor"></path>
              <path d="M0.212891 4.35538H2.93106V13.0994H0.212891V4.35538Z" fill="currentColor"></path>
              <path d="M1.57195 -9.15527e-05C0.704104 -9.15527e-05 0 0.704012 0 1.57186C0 2.43971 0.704104 3.16019 1.57195 3.16019C2.4398 3.16019 3.14391 2.43971 3.14391 1.57186C3.14391 0.704012 2.4398 -9.15527e-05 1.57195 -9.15527e-05Z" fill="currentColor"></path>
            </svg>
            <span class="ml-3">Linkedin</span>
          </a>
        </div>
      </div>
      <div class="w-full xl:w-1/3 px-4 xl:text-right"><a class="inline-block text-sm mr-12 font-medium text-coolGray-500 hover:text-coolGray-400" href="#">Terms of Use</a><a class="inline-block font-medium text-sm text-coolGray-500 hover:text-coolGray-400" href="#">Privacy Policy</a></div>
    </div>
  </div>
</section>

Footers from asitrastudio

Bulma

asitrastudio

<section class="section py-12 py-20-tablet has-background-dark">
  <div class="container">
    <div class="has-mw-xl has-mw-none-widescreen mx-auto">
      <div class="mb-20 columns is-multiline">
        <div class="column is-12 is-3-widescreen mb-12 mb-0-widescreen">
          <a class="is-inline-block has-text-grey" href="#">
            <img class="image is-fullwidth" style="height: 21px;" src="asitrastudio-assets/logos/logo-asitra-white.svg" alt="">
          </a>
        </div>
        <div class="column is-2-widescreen is-6-mobile mb-10 mb-0-widescreen">
          <h5 class="has-text-white mb-4 is-size-6">About</h5>
          <ul>
            <li class="mb-2"><a class="is-inline-block has-text-grey-light" href="#">Contact</a></li>
            <li class="mb-2"><a class="is-inline-block has-text-grey-light" href="#">Blog</a></li>
            <li class="mb-2"><a class="is-inline-block has-text-grey-light" href="#">Our Storry</a></li>
            <li>
              <a class="is-inline-block has-text-grey-light" href="#">
                <span class="mr-2">Careers</span>
                <span class="tag is-primary has-text-white px-2 py-1 is-uppercase" style="font-size: 12px;">Hiring</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="column is-3-widescreen is-6-mobile mb-10 mb-0-widescreen">
          <h5 class="has-text-white mb-4 is-size-6">Company</h5>
          <ul>
            <li class="mb-2"><a class="is-inline-block has-text-grey-light" href="#">Press</a></li>
            <li class="mb-2"><a class="is-inline-block has-text-grey-light" href="#">Brand Assets</a></li>
            <li class="mb-2"><a class="is-inline-block has-text-grey-light" href="#">Changelog</a></li>
            <li><a class="is-inline-block has-text-grey-light" href="#">Help centre</a></li>
          </ul>
        </div>
        <div class="column is-12 is-4-widescreen">
          <h4 class="has-mw-sm has-text-white is-size-5 mb-9" style="letter-spacing: -0.02em;">Join our newsletter to stay up to date on features and realases</h4>
          <div class="has-mw-xl">
            <div class="field is-flex-tablet">
              <div class="control mr-0-mobile mr-3 mb-2 mb-0-tablet">
                <input class="input" type="email" placeholder="Enter your email" style="border: 1px solid #2E2E2E">
              </div>
              <div class="control">
                <button class="button is-dark has-text-grey has-background-black-ter is-fullwidth is-rounded" type="submit">Subscribe</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="columns is-multiline">
        <div class="column is-12-tablet is-4-widescreen">
          <span class="is-size-7 has-text-grey">&copy; 2023 Asitrastudio</span>
        </div>
        <div class="column is-12-tablet is-4-widescreen">
          <div class="is-flex-tablet -mb-2 is-align-items-center">
            <a class="has-text-white mb-2 mr-8 is-inline-flex is-align-items-center has-text-weight-medium" href="#">
              <svg width="17" height="13" viewbox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.0809 1.78777C15.5109 2.03477 14.9219 2.20577 14.2949 2.28177C14.9409 1.90177 15.4349 1.29377 15.6629 0.552768C15.0549 0.913768 14.3899 1.16077 13.6869 1.31277C13.1169 0.704768 12.2999 0.324768 11.4069 0.324768C9.67786 0.324768 8.29086 1.73077 8.29086 3.44077C8.29086 3.68777 8.30986 3.91577 8.36686 4.14377C5.78286 4.02977 3.50286 2.77577 1.96386 0.894768C0.861859 2.87077 2.09686 4.50477 2.91386 5.05577C2.41986 5.05577 1.92586 4.90377 1.50786 4.67577C1.50786 6.21477 2.59086 7.48777 3.99686 7.77277C3.69286 7.86777 3.00886 7.92477 2.59086 7.82977C2.98986 9.06477 4.14886 9.97677 5.49786 9.99577C4.43386 10.8318 2.87586 11.4968 0.880859 11.2878C2.26786 12.1808 3.90186 12.6938 5.66886 12.6938C11.4069 12.6938 14.5229 7.94377 14.5229 3.83977C14.5229 3.70677 14.5229 3.57377 14.5039 3.44077C15.1499 2.96577 15.6819 2.41477 16.0809 1.78777Z" fill="white"></path>
              </svg>
              <span class="ml-3">Twitter</span>
            </a>
            <a class="has-text-white mb-2 mr-8 is-inline-flex is-align-items-center has-text-weight-medium" href="#">
              <svg width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.0018 4.8916C7.73315 4.8916 5.89648 6.73027 5.89648 8.99694C5.89648 11.2656 7.73515 13.1023 10.0018 13.1023C12.2705 13.1023 14.1072 11.2636 14.1072 8.99694C14.1072 6.72827 12.2685 4.8916 10.0018 4.8916ZM10.0018 11.6616C8.52915 11.6616 7.33715 10.4689 7.33715 8.99694C7.33715 7.52494 8.52982 6.33227 10.0018 6.33227C11.4738 6.33227 12.6665 7.52494 12.6665 8.99694C12.6672 10.4689 11.4745 11.6616 10.0018 11.6616Z" fill="white"></path>
                <path d="M13.2988 1.05026C11.8268 0.981591 8.18082 0.984924 6.70749 1.05026C5.41282 1.11092 4.27082 1.42359 3.35015 2.34426C1.81148 3.88292 2.00815 5.95626 2.00815 8.99692C2.00815 12.1089 1.83482 14.1343 3.35015 15.6496C4.89482 17.1936 6.99815 16.9916 10.0028 16.9916C13.0855 16.9916 14.1495 16.9936 15.2395 16.5716C16.7215 15.9963 17.8402 14.6716 17.9495 12.2923C18.0188 10.8196 18.0148 7.17426 17.9495 5.70092C17.8175 2.89226 16.3102 1.18892 13.2988 1.05026ZM15.6288 14.6316C14.6202 15.6403 13.2208 15.5503 9.98349 15.5503C6.65015 15.5503 5.31348 15.5996 4.33815 14.6216C3.21482 13.5036 3.41815 11.7083 3.41815 8.98626C3.41815 5.30292 3.04015 2.65026 6.73682 2.46092C7.58615 2.43092 7.83615 2.42092 9.97415 2.42092L10.0042 2.44092C13.5568 2.44092 16.3442 2.06892 16.5115 5.76492C16.5495 6.60826 16.5582 6.86159 16.5582 8.99626C16.5575 12.2909 16.6202 13.6356 15.6288 14.6316Z" fill="white"></path>
                <path d="M14.2718 5.68869C14.8017 5.68869 15.2312 5.25918 15.2312 4.72935C15.2312 4.19953 14.8017 3.77002 14.2718 3.77002C13.742 3.77002 13.3125 4.19953 13.3125 4.72935C13.3125 5.25918 13.742 5.68869 14.2718 5.68869Z" fill="white"></path>
              </svg>
              <span class="ml-3">Instagram</span>
            </a>
            <a class="has-text-white mb-2 is-inline-flex is-align-items-center has-text-weight-medium" href="#">
              <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.1004 13.0993V8.30161C13.1004 5.94368 12.5928 4.14249 9.84186 4.14249C8.51552 4.14249 7.6313 4.86297 7.27106 5.55069H7.23831V4.35536H4.63477V13.0993H7.35294V8.7601C7.35294 7.61388 7.5658 6.51679 8.97401 6.51679C10.3658 6.51679 10.3822 7.81038 10.3822 8.8256V13.083H13.1004V13.0993Z" fill="white"></path>
                <path d="M0.212891 4.35538H2.93106V13.0994H0.212891V4.35538Z" fill="white"></path>
                <path d="M1.57195 -9.15527e-05C0.704104 -9.15527e-05 0 0.704012 0 1.57186C0 2.43971 0.704104 3.16019 1.57195 3.16019C2.4398 3.16019 3.14391 2.43971 3.14391 1.57186C3.14391 0.704012 2.4398 -9.15527e-05 1.57195 -9.15527e-05Z" fill="white"></path>
              </svg>
              <span class="ml-3">Linkedin</span>
            </a>
          </div>
        </div>
        <div class="column is-12-tablet is-4-widescreen has-text-right-widescreen"><a class="mr-12 is-inline-block is-size-7 has-text-weight-medium has-text-grey" href="#">Terms of Use</a><a class="is-inline-block is-size-7 has-text-weight-medium has-text-grey" href="#">Privacy Policy</a></div>
      </div>
    </div>
  </div>
</section>

Footers from asitrastudio

Bootstrap

asitrastudio

<section class="py-12 py-md-20 bg-dark">
  <div class="container">
    <div class="mw-xl mx-auto mw-xl-none">
      <div class="row mb-20">
        <div class="col-12 col-xl-3 mb-12 mb-xl-0"><a class="d-inline-block" href="#"><img class="img-fluid" style="height: 21px;" src="asitrastudio-assets/logos/logo-asitra-white.svg" alt=""/></a></div>
        <div class="col-auto col-sm-6 col-xl-2 mb-10 mb-xl-0 pe-10 pe-sm-0">
          <h5 class="fs-7 text-white mb-4" >About</h5>
          <ul class="list-unstyled">
            <li class="mb-2"><a class="d-inline-block text-light-dark" href="#" >Contact</a></li>
            <li class="mb-2"><a class="d-inline-block text-light-dark" href="#" >Blog</a></li>
            <li class="mb-2"><a class="d-inline-block text-light-dark" href="#" >Our Storry</a></li>
            <li><a class="d-inline-block text-light-dark" href="#"><span class="me-2" >Careers</span><span class="badge px-2 py-1 fs-10 bg-info text-white text-uppercase" >Hiring</span></a></li>
          </ul>
        </div>
        <div class="col-auto col-sm-6 col-xl-3 mb-10 mb-xl-0">
          <h5 class="fs-7 text-white mb-4" >Company</h5>
          <ul class="list-unstyled">
            <li class="mb-2"><a class="d-inline-block text-light-dark" href="#" >Press</a></li>
            <li class="mb-2"><a class="d-inline-block text-light-dark" href="#" >Brand Assets</a></li>
            <li class="mb-2"><a class="d-inline-block text-light-dark" href="#" >Changelog</a></li>
            <li><a class="d-inline-block text-light-dark" href="#" >Help centre</a></li>
          </ul>
        </div>
        <div class="col-12 col-xl-4">
          <h4 class="mw-sm text-white mb-9" >Join our newsletter to stay up to date on features and realases</h4>
          <div class="d-sm-flex mw-xl">
            <div class="w-100 mb-3 mb-sm-0 me-3">
              <input class="form-control border-secondary" type="email" placeholder="Enter your email"/>
            </div>
            <div class="flex-shrink-0">
              <button class="btn w-100 h-100 btn-secondary" type="submit" >Subscribe</button>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-xl-4 mb-6 mb-xl-0"><span class="fs-9 text-light-dark" >&copy; 2023 Realestate.co</span></div>
        <div class="col-12 col-xl-4 mb-6 mb-xl-0">
          <div class="d-sm-flex mb-n2 align-items-center"><a class="d-inline-flex mb-2 me-8 align-items-center text-white fw-medium" href="#">
              <svg width="17" height="13" viewbox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.0809 1.78777C15.5109 2.03477 14.9219 2.20577 14.2949 2.28177C14.9409 1.90177 15.4349 1.29377 15.6629 0.552768C15.0549 0.913768 14.3899 1.16077 13.6869 1.31277C13.1169 0.704768 12.2999 0.324768 11.4069 0.324768C9.67786 0.324768 8.29086 1.73077 8.29086 3.44077C8.29086 3.68777 8.30986 3.91577 8.36686 4.14377C5.78286 4.02977 3.50286 2.77577 1.96386 0.894768C0.861859 2.87077 2.09686 4.50477 2.91386 5.05577C2.41986 5.05577 1.92586 4.90377 1.50786 4.67577C1.50786 6.21477 2.59086 7.48777 3.99686 7.77277C3.69286 7.86777 3.00886 7.92477 2.59086 7.82977C2.98986 9.06477 4.14886 9.97677 5.49786 9.99577C4.43386 10.8318 2.87586 11.4968 0.880859 11.2878C2.26786 12.1808 3.90186 12.6938 5.66886 12.6938C11.4069 12.6938 14.5229 7.94377 14.5229 3.83977C14.5229 3.70677 14.5229 3.57377 14.5039 3.44077C15.1499 2.96577 15.6819 2.41477 16.0809 1.78777Z" fill="white"></path>
              </svg><span class="ms-3" >Twitter</span></a><a class="d-inline-flex mb-2 me-8 align-items-center text-white fw-medium" href="#">
              <svg width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.0018 4.8916C7.73315 4.8916 5.89648 6.73027 5.89648 8.99694C5.89648 11.2656 7.73515 13.1023 10.0018 13.1023C12.2705 13.1023 14.1072 11.2636 14.1072 8.99694C14.1072 6.72827 12.2685 4.8916 10.0018 4.8916ZM10.0018 11.6616C8.52915 11.6616 7.33715 10.4689 7.33715 8.99694C7.33715 7.52494 8.52982 6.33227 10.0018 6.33227C11.4738 6.33227 12.6665 7.52494 12.6665 8.99694C12.6672 10.4689 11.4745 11.6616 10.0018 11.6616Z" fill="white"></path>
                <path d="M13.2988 1.05026C11.8268 0.981591 8.18082 0.984924 6.70749 1.05026C5.41282 1.11092 4.27082 1.42359 3.35015 2.34426C1.81148 3.88292 2.00815 5.95626 2.00815 8.99692C2.00815 12.1089 1.83482 14.1343 3.35015 15.6496C4.89482 17.1936 6.99815 16.9916 10.0028 16.9916C13.0855 16.9916 14.1495 16.9936 15.2395 16.5716C16.7215 15.9963 17.8402 14.6716 17.9495 12.2923C18.0188 10.8196 18.0148 7.17426 17.9495 5.70092C17.8175 2.89226 16.3102 1.18892 13.2988 1.05026ZM15.6288 14.6316C14.6202 15.6403 13.2208 15.5503 9.98349 15.5503C6.65015 15.5503 5.31348 15.5996 4.33815 14.6216C3.21482 13.5036 3.41815 11.7083 3.41815 8.98626C3.41815 5.30292 3.04015 2.65026 6.73682 2.46092C7.58615 2.43092 7.83615 2.42092 9.97415 2.42092L10.0042 2.44092C13.5568 2.44092 16.3442 2.06892 16.5115 5.76492C16.5495 6.60826 16.5582 6.86159 16.5582 8.99626C16.5575 12.2909 16.6202 13.6356 15.6288 14.6316Z" fill="white"></path>
                <path d="M14.2718 5.68869C14.8017 5.68869 15.2312 5.25918 15.2312 4.72935C15.2312 4.19953 14.8017 3.77002 14.2718 3.77002C13.742 3.77002 13.3125 4.19953 13.3125 4.72935C13.3125 5.25918 13.742 5.68869 14.2718 5.68869Z" fill="white"></path>
              </svg><span class="ms-3" >Instagram</span></a><a class="d-inline-flex mb-2 align-items-center text-white fw-medium" href="#">
              <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.1004 13.0993V8.30161C13.1004 5.94368 12.5928 4.14249 9.84186 4.14249C8.51552 4.14249 7.6313 4.86297 7.27106 5.55069H7.23831V4.35536H4.63477V13.0993H7.35294V8.7601C7.35294 7.61388 7.5658 6.51679 8.97401 6.51679C10.3658 6.51679 10.3822 7.81038 10.3822 8.8256V13.083H13.1004V13.0993Z" fill="white"></path>
                <path d="M0.212891 4.35538H2.93106V13.0994H0.212891V4.35538Z" fill="white"></path>
                <path d="M1.57195 -9.15527e-05C0.704104 -9.15527e-05 0 0.704012 0 1.57186C0 2.43971 0.704104 3.16019 1.57195 3.16019C2.4398 3.16019 3.14391 2.43971 3.14391 1.57186C3.14391 0.704012 2.4398 -9.15527e-05 1.57195 -9.15527e-05Z" fill="white"></path>
              </svg><span class="ms-3" >Linkedin</span></a></div>
        </div>
        <div class="col-12 col-xl-4 text-xl-end"><a class="d-inline-block fs-9 me-12 fw-medium text-light-dark" href="#" >Terms of Use</a><a class="d-inline-block fs-9 fw-medium text-light-dark" href="#" >Privacy Policy</a></div>
      </div>
    </div>
  </div>
</section>

Footers Components by Shuffle

Choose from 15 variations of Footers UI components. Presented here are variants available in Asitrastudio library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all Footers UI components, code and our visual editor. Try the demo for free!

Try for Free →

Redirecting to PayPal

Supporting tools

Plans

Footers Components in Asitrastudio library

Framework

UI Library

Components

Footers from asitrastudio

Footers from asitrastudio

Footers from asitrastudio

Footers Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to live website in minutes.

Why the Lifetime License price is changing

New in your Lifetime License

AI Agent

Multi-AI Designer

Make it yours with AI

Sign in to create with AI

Add images & videos

How it works

Products

UI Components

Extensions

Support

Company

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Footers Components in Asitrastudio library

Framework

UI Library

Components

Footers from asitrastudio

Footers from asitrastudio

Footers from asitrastudio

Footers Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to live website in minutes.

Products

UI Components

Extensions

Support

Company