#### Footer

- Ui kits
- Footer

##### Basic Footer

                                                                      <footer>
                                                                          <div class="container-fluid">
                                                                            <div class="row align-items-center">
                                                                              <div class="col-sm-6">
                                                                                <ul>
                                                                                  <li>
                                                                                    <a href="" class="footer-brand">Copyright © 2024 ki-admin. All rights reserved.</a>
                                                                                  </li>
                                                                                </ul>
                                                                              </div>
                                                                              <div class="col-sm-6">
                                                                                <ul class="text-end d-flex justify-content-sm-end justify-content-center">
                                                                                  <li> <a href="https://phpstack-1384472-5121645.cloudwaysapps.com/document/html/ki-admin/index.html"> Need Help <i class="ti ti-help"></i></a></li>
                                                                                </ul>
                                                                              </div>
                                                                            </div>
                                                                          </div>
                                                                        </footer>

##### Footer Custom

                                                                    <footer>
                                                                          <div class="container-fluid">
                                                                            <div class="row align-items-center">
                                                                              <div class="col-sm-6">
                                                                                <ul>
                                                                                  <li>
                                                                                    <a href="" class="footer-brand">Get connected with us on
                                                                                      social networks:
                                                                                    </a>
                                                                                  </li>
                                                                                </ul>
                                                                              </div>
                                                                              <div class="col-sm-6">
                                                                                <ul class="text-end d-flex  justify-content-sm-end justify-content-center">
                                                                                  <li>
                                                                                    <a href=""><i class="ti ti-brand-facebook text-footer"></i></a>
                                                                                  </li>
                                                                                  <li> <a href="#"> <i class="ti ti-brand-twitter text-twitter"></i> </a>
                                                                                  </li>
                                                                                  <li> <a href="#"> <i class="ti ti-brand-google text-whatsapp"></i> </a>
                                                                                  </li>
                                                                                  <li> <a href="#"> <i class="ti ti-brand-instagram text-reddit"></i></a>
                                                                                  </li>
                                                                                  <li> <a href="#"> <i class="ti ti-brand-linkedin text-linkedin"></i></a>
                                                                                  </li>
                                                                                  <li> <a href="#"> <i class="ti ti-brand-github text-github"></i></a>
                                                                                  </li>
                                                                                </ul>
                                                                              </div>
                                                                            </div>
                                                                          </div>
                                                                        </footer>

##### Footer variat

                                                                <div class="mb-3">
                                                                  <footer class="footer-primary">
                                                                    <div class="container-fluid">
                                                                      <div class="row align-items-center">
                                                                        <div class="col-sm-6">
                                                                          <ul>
                                                                            <li>
                                                                              <a href="" class="footer-brand">ki-admin "©"</a>
                                                                            </li>
                                                                          </ul>
                                                                        </div>
                                                                        <div class="col-sm-6">
                                                                          <ul class="text-end d-flex justify-content-sm-end justify-content-center">
                                                                            <li>
                                                                              <a href="">supports</a>
                                                                            </li>
                                                                            <li> <a href="#"> Terms & Conditions </a></li>
                                                                          </ul>
                                                                        </div>
                                                                      </div>
                                                                    </div>
                                                                  </footer>
                                                                </div>

                                                                <footer class="footer-secondary">
                                                                ....
                                                                </footer>
                                                                <footer class="footer-success">
                                                                ....
                                                                </footer>
                                                                <footer class="footer-danger">
                                                                ....
                                                                </footer>
                                                                <footer class="footer-warning">
                                                                ....
                                                                </footer>
                                                                <footer class="footer-info">
                                                                ....
                                                                </footer>
                                                                <footer class="footer-light">
                                                                ....
                                                                </footer>
                                                                <footer class="footer-dark">
                                                                ....
                                                                </footer>

##### Footer Custom

                     <footer>
                          <div class="container-fluid">
                            <div class="row">
                              <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
                                <div class="footer-first">
                                  <div class="footer-title">
                                   <img src="../assets/images/logo/1.png" class="w-140" alt="">
                                  </div>
                                  <div class="mt-3">
                                    <p>Here you can use rows and columns to organize your footer
                                      content. Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit.</p>
                                  </div>
                                  <div class="social-btn d-flex mt-3">
                                    <button type="button"
                                      class="btn btn-facebook icon-btn b-r-22"><i
                                        class="ti ti-brand-facebook text-white"></i></button>
                                    <button type="button"
                                      class="btn btn-twitter icon-btn b-r-22 mx-3"><i
                                        class="ti ti-brand-twitter text-white"></i></button>
                                    <button type="button"
                                      class="btn btn-linkedin icon-btn b-r-22 "><i
                                        class="ti ti-brand-linkedin text-white"></i></button>
                                    <button type="button"
                                      class="btn btn-github icon-btn b-r-22 mx-3"><i
                                        class="ti ti-brand-github text-white"></i></button>
                                  </div>
                                </div>
                              </div>
                              <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-3">
                                <div class="footer-first">
                                  <div class="footer-title">
                                    <h5 class="text-uppercase f-w-600 mb-3 text-primary">products
                                    </h5>
                                  </div>
                                  <div class="footer-sub">
                                    <ul>
                                      <li class="mb-3">
                                        <a href="">Angular</a>
                                      </li>
                                      <li class="mb-3">
                                        <a href="">React</a>
                                      </li>
                                      <li class="mb-3">
                                        <a href="">Vue</a>
                                      </li>
                                      <li class="mb-3">
                                        <a href="">Laravel</a>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-3">
                                <div class="footer-first">
                                  <div class="footer-title">
                                    <h5 class="text-uppercase f-w-600 mb-3 text-primary">USEFUL
                                      LINKS</h5>
                                  </div>
                                  <div class="footer-sub">
                                    <ul>
                                      <li class="mb-3">
                                        <a href="">Pricing</a>
                                      </li>
                                      <li class="mb-3">
                                        <a href="">Settings</a>
                                      </li>
                                      <li class="mb-3">
                                        <a href="">Orders</a>
                                      </li>
                                      <li class="mb-3">
                                        <a href="">Help</a>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-3">
                                <div class="footer-first">
                                  <div class="footer-title ">
                                    <h5 class="text-uppercase f-w-600 mb-3 text-primary">CONTACT
                                    </h5>
                                  </div>
                                  <div class="footer-sub">
                                    <ul>
                                      <li class="mb-3">
                                        <i class="ti ti-brand-google-home me-2"></i> New
                                        York, NY 10012, US
                                      </li>
                                      <li class="mb-3">
                                        <i class="ti ti-mail me-2"></i> info@example.com
                                      </li>
                                      <li class="mb-3">
                                        <i class="ti ti-phone me-2"></i> + 01 234 567 88
                                      </li>
                                      <li class="mb-3">
                                        <i class="ti ti-device-landline-phone me-2"></i>
                                        + 01 234 567 89
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </footer>