• Inicio
  • Nosotros
  • Servicios
  • Blog
Contáctanos

Footer Sections

About Award Blog Call to Action Clients Contact Carousel Case Study Facts FAQ Features Form Footer Hero Integration Industry Location Navbar Portfolio Pricing Process Team Testimonials

Footer #1

  • Preview
  • Code
logo

Build faster websites with Block multipurpose bootstrap 5 template. Duis imper diet mollis leo, quis ultrices erat ultrices simple dummy .

Subscribe to our newsletter
Please enter email.
Landings
  • Saas
  • Software Company
  • Finance
  • Digital Agency
  • Conference
  • App Template
Accounts
  • Register
  • Login
  • Forgot Password
  • Reset Password
  • Profile
Resources
  • Docs
  • Support
  • Changelog
  • Help Center
  • Community
  • Webinars
Copyright © 2024 Block Bootstrap 5 Theme | Designed by CodesCandy
<footer class="pt-7">
<div class="container">
    <!-- Footer 4 column -->
    <div class="row">
        <div class="col-xxl-5 col-lg-5 col-md-7">
            <div class="mb-7 mb-xl-0">
                <div class="mb-4">
                    <a href="#">
                        <img src="../assets/images/logo/logo.svg" alt="logo" class="text-inverse" />
                    </a>
                </div>
                <p class="mb-5">Build faster websites with Block multipurpose bootstrap 5 template. Duis imper diet mollis leo, quis ultrices erat ultrices simple dummy .</p>

                <form class="needs-validation" novalidate>
                    <h5 class="mb-3">Subscribe to our newsletter</h5>
                    <div class="row g-2">
                        <div class="col-lg-9 col-8">
                            <label for="subscribeEmail" class="visually-hidden">Email</label>
                            <input type="email" class="form-control" id="subscribeEmail" placeholder="Email address" required />
                            <div class="invalid-feedback">Please enter email.</div>
                        </div>
                        <div class="col-lg-3 col-4">
                            <div>
                                <button type="submit" class="btn btn-primary">Subscribe</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="offset-xxl-1 col-xxl-6 col-lg-6 offset-md-1 col-md-4">
            <div class="row" id="ft-links">
                <div class="col-lg-4 col-12">
                    <div class="position-relative">
                        <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                            <h5>Landings</h5>
                            <a
                                class="d-block d-lg-none stretched-link text-inherit"
                                data-bs-toggle="collapse"
                                href="#collapseLanding"
                                role="button"
                                aria-expanded="false"
                                aria-controls="collapseLanding">
                                <i class="bi bi-chevron-down"></i>
                            </a>
                        </div>
                        <div class="collapse d-lg-block" id="collapseLanding" data-bs-parent="#ft-links">
                            <ul class="list-unstyled mb-0 py-3 py-lg-0">
                                <li class="mb-2">
                                    <a href="../index.html" class="text-decoration-none text-reset">Saas</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-reset">Software Company</a>
                                </li>
                                <li class="mb-2">
                                    <a href="../landing-finance.html" class="text-decoration-none text-reset">Finance</a>
                                </li>
                                <li class="mb-2">
                                    <a href="../landing-jamstack-agancy.html" class="text-decoration-none text-reset">Digital Agency</a>
                                </li>
                                <li class="mb-2">
                                    <a href="../landing-conference.html" class="text-decoration-none text-reset">Conference</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-reset">App Template</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-12">
                    <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                        <h5>Accounts</h5>
                        <a
                            class="d-block d-lg-none stretched-link text-inherit"
                            data-bs-toggle="collapse"
                            href="#collapseAccounts"
                            role="button"
                            aria-expanded="false"
                            aria-controls="collapseAccounts">
                            <i class="bi bi-chevron-down"></i>
                        </a>
                    </div>
                    <div class="collapse d-lg-block" id="collapseAccounts" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                            <li class="mb-2">
                                <a href="../signup.html" class="text-decoration-none text-reset">Register</a>
                            </li>
                            <li class="mb-2">
                                <a href="../signin.html" class="text-decoration-none text-reset">Login</a>
                            </li>
                            <li class="mb-2">
                                <a href="../forget-password.html" class="text-decoration-none text-reset">Forgot Password</a>
                            </li>
                            <li class="mb-2">
                                <a href="../reset-password.html" class="text-decoration-none text-reset">Reset Password</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-reset">Profile</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-12">
                    <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                        <h5>Resources</h5>
                        <a
                            class="d-block d-lg-none stretched-link text-inherit"
                            data-bs-toggle="collapse"
                            href="#collapseResources"
                            role="button"
                            aria-expanded="false"
                            aria-controls="collapseResources">
                            <i class="bi bi-chevron-down"></i>
                        </a>
                    </div>
                    <div class="collapse d-lg-block" id="collapseResources" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                            <li class="mb-2">
                                <a href="../docs/index.html" class="text-decoration-none text-reset">Docs</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-reset">Support</a>
                            </li>
                            <li class="mb-2">
                                <a href="../changelog.html" class="text-decoration-none text-reset">Changelog</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-reset">Help Center</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-reset">Community</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-reset">Webinars</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container mt-7 mb-3">
    <div class="row align-items-center">
        <div class="col-md-9">
            <div class="small mb-3 mb-md-0">
                Copyright © 2023

                <span class="text-primary"><a href="#">Block Bootstrap 5 Theme</a></span>
                | Designed by
                <span class="text-primary"><a href="#">CodesCandy</a></span>
            </div>
        </div>
        <div class="col-md-3">
            <div class="text-md-end d-flex align-items-center justify-content-md-end">
                <div class="dropdown">
                    <button
                        class="btn btn-light btn-icon rounded-circle d-flex align-items-center bd-theme"
                        type="button"
                        aria-expanded="false"
                        data-bs-toggle="dropdown"
                        aria-label="Toggle theme (auto)">
                        <i class="bi theme-icon-active"></i>
                        <span class="visually-hidden bs-theme-text">Toggle theme</span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bs-theme-text">
                        <li>
                            <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
                                <i class="bi theme-icon bi-sun-fill"></i>
                                <span class="ms-2">Light</span>
                            </button>
                        </li>
                        <li>
                            <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
                                <i class="bi theme-icon bi-moon-stars-fill"></i>
                                <span class="ms-2">Dark</span>
                            </button>
                        </li>
                        <li>
                            <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
                                <i class="bi theme-icon bi-circle-half"></i>
                                <span class="ms-2">Auto</span>
                            </button>
                        </li>
                    </ul>
                </div>
                <div class="ms-3 d-flex gap-2">
                    <a href="#!" class="text-reset btn btn-instagram btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                            <path
                                d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                        </svg>
                    </a>
                    <a href="#!" class="text-reset btn btn-facebook btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                            <path
                                d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                        </svg>
                    </a>
                    <a href="#!" class="text-reset btn btn-twitter btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                            <path
                                d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
</footer>
                                                

Footer #2

  • Preview
  • Code

Service

  • Web App Development
  • Front End Development
  • MVP Development
  • Digital Marketing
  • Content Writing

About us

  • Case Studies
  • Blog
  • Services
  • About
  • Career

Technology

  • Next.js
  • Sanity
  • Content ful
  • Vercel
  • Netlify

Locations

  • India
  • Australia
  • Brazil
  • Canada

Headquarters

Codescandy, 412, Residency Rd, Shanthala Nagar, Ashok Nagar, Bengaluru, Karnataka, India 560025

Copyright © 2024 Block Bootstrap 5 Theme | Designed by CodesCandy
<footer class="mt-lg-7 pt-7 bg-dark text-white">
<div class="container">
    <!-- Footer 4 column -->
    <div class="row">
        <div class="col-lg-9 col-12">
            <div class="row" id="ft-links">
                <div class="col-lg-3 col-12">
                    <div class="position-relative">
                        <div class="mb-3 pb-2 d-flex justify-content-between border-dark-subtle border-bottom border-bottom-lg-0">
                            <h4 class="text-white">Service</h4>
                            <a
                                class="d-block d-lg-none stretched-link text-body"
                                data-bs-toggle="collapse"
                                href="#collapseLanding"
                                role="button"
                                aria-expanded="false"
                                aria-controls="collapseLanding">
                                <i class="bi bi-chevron-down"></i>
                            </a>
                        </div>
                        <div class="collapse d-lg-block" id="collapseLanding" data-bs-parent="#ft-links">
                            <ul class="list-unstyled mb-0 py-3 py-lg-0">
                                <li class="mb-2">
                                    <a href="../index.html" class="text-decoration-none text-body-secondary">Web App Development</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Front End Development</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">MVP Development</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Digital Marketing</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Content Writing</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-12">
                    <div>
                        <div class="mb-3 pb-2 d-flex justify-content-between border-dark-subtle border-bottom border-bottom-lg-0 position-relative">
                            <h4 class="text-white">About us</h4>
                            <a
                                class="d-block d-lg-none stretched-link text-body"
                                data-bs-toggle="collapse"
                                href="#collapseAccounts"
                                role="button"
                                aria-expanded="false"
                                aria-controls="collapseAccounts">
                                <i class="bi bi-chevron-down"></i>
                            </a>
                        </div>
                        <div class="collapse d-lg-block" id="collapseAccounts" data-bs-parent="#ft-links">
                            <ul class="list-unstyled mb-0 py-3 py-lg-0">
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Case Studies</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Blog</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Services</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">About</a>
                                </li>
                                <li class="mb-2">
                                    <a href="#!" class="text-decoration-none text-body-secondary">Career</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-12">
                    <div class="mb-3 pb-2 d-flex justify-content-between border-dark-subtle border-bottom border-bottom-lg-0 position-relative">
                        <h4 class="text-white">Technology</h4>
                        <a
                            class="d-block d-lg-none stretched-link text-body"
                            data-bs-toggle="collapse"
                            href="#collapseResources"
                            role="button"
                            aria-expanded="false"
                            aria-controls="collapseResources">
                            <i class="bi bi-chevron-down"></i>
                        </a>
                    </div>
                    <div class="collapse d-lg-block" id="collapseResources" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                            <li class="mb-2">
                                <a href="../docs/index.html" class="text-decoration-none text-body-secondary">Next.js</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-body-secondary">Sanity</a>
                            </li>
                            <li class="mb-2">
                                <a href="../changelog.html" class="text-decoration-none text-body-secondary">Content ful</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-body-secondary">Vercel</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-body-secondary">Netlify</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-12">
                    <div class="mb-3 pb-2 d-flex justify-content-between border-dark-subtle border-bottom border-bottom-lg-0 position-relative">
                        <h4 class="text-white">Locations</h4>
                        <a
                            class="d-block d-lg-none stretched-link text-body"
                            data-bs-toggle="collapse"
                            href="#collapseLocations"
                            role="button"
                            aria-expanded="false"
                            aria-controls="collapseLocations">
                            <i class="bi bi-chevron-down"></i>
                        </a>
                    </div>
                    <div class="collapse d-lg-block" id="collapseLocations" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                            <li class="mb-2">
                                <a href="../docs/index.html" class="text-decoration-none text-body-secondary">India</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-body-secondary">Australia</a>
                            </li>
                            <li class="mb-2">
                                <a href="../changelog.html" class="text-decoration-none text-body-secondary">Brazil</a>
                            </li>
                            <li class="mb-2">
                                <a href="#!" class="text-decoration-none text-body-secondary">Canada</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-12">
            <div class="me-7">
                <h4 class="text-white mb-4">Headquarters</h4>
                <p class="text-body-secondary">Codescandy, 412, Residency Rd, Shanthala Nagar, Ashok Nagar, Bengaluru, Karnataka, India 560025</p>
            </div>
        </div>
    </div>
</div>
<div class="container mt-7 pt-lg-7 pb-4 mb-4">
    <div class="row align-items-center">
        <div class="col-md-3">
            <a class="mb-4 mb-lg-0 d-block" href="../index.html"><img src="../assets/images/logo/logo-white.svg" alt="" /></a>
        </div>
        <div class="col-md-9 col-lg-6">
            <div class="small mb-3 mb-lg-0 text-lg-center">
                Copyright © 2023

                <span class="text-primary"><a href="#">Block Bootstrap 5 Theme</a></span>
                | Designed by
                <span class="text-primary"><a href="#">CodesCandy</a></span>
            </div>
        </div>
        <div class="col-md-3">
            <div class="text-md-end">
                <a href="#!" class="text-reset btn btn-instagram btn-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                        <path
                            d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                    </svg>
                </a>
                <a href="#!" class="text-reset btn btn-facebook btn-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                        <path
                            d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                    </svg>
                </a>
                <a href="#!" class="text-reset btn btn-twitter btn-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                        <path
                            d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                    </svg>
                </a>
            </div>
        </div>
    </div>
</div>
</footer>
                                                

Footer #3

  • Preview
  • Code
logo

Build faster websites with Block multipurpose bootstrap 5 template. Duis imper diet mollis leo, quis ultrices erat ultrices simple dummy .

Join our newsletter

We’ll send you a nice letter once per week. No spam.

Please enter email.
Landings
  • Saas
  • Software Company
  • Finance
  • Digital Agency
  • Conference
  • App Template
Accounts
  • Register
  • Login
  • Forgot Password
  • Reset Password
  • Profile
Resources
  • Docs
  • Support
  • Changelog
  • Help Center
  • Community
  • Webinars
Company
  • About us
  • Contact us
  • News
  • Media Kit
  • Press
Community
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
Copyright © 2024 Block Bootstrap 5 Theme | Designed by CodesCandy
<footer class="mt-lg-7 pt-7">
<div class="container">
    <!-- Footer 4 column -->
    <div class="row mb-7">
        <div class="col-xl-4 col-lg-5 col-md-7">
            <div>
                <div class="mb-4">
                    <a href="#">
                        <img src="../assets/images/logo/logo.svg" alt="logo" />
                    </a>
                </div>
                <p class="mb-5">Build faster websites with Block multipurpose bootstrap 5 template. Duis imper diet mollis leo, quis ultrices erat ultrices simple dummy .</p>
            </div>
        </div>
        <div class="offset-xl-3 col-xl-5 col-md-5">
            <form class="needs-validation" novalidate>
                <div>
                    <h4 class="mb-1">Join our newsletter</h4>
                    <p>We’ll send you a nice letter once per week. No spam.</p>
                    <div class="row g-2">
                        <div class="col-md-9 col-8">
                            <label for="subscribeEmail" class="visually-hidden">Email</label>
                            <input type="email" class="form-control" id="subscribeEmail" placeholder="Email address" required />
                            <div class="invalid-feedback">Please enter email.</div>
                        </div>
                        <div class="col-md-3 col-4">
                            <div>
                                <button type="submit" class="btn btn-primary">Subscribe</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="row row-cols-1 row-cols-lg-5" id="ft-links">
        <div class="col">
            <div class="position-relative">
                <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                    <h5>Landings</h5>
                    <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse" href="#collapseLanding" role="button" aria-expanded="false" aria-controls="collapseLanding">
                        <i class="bi bi-chevron-down"></i>
                    </a>
                </div>
                <div class="collapse d-lg-block" id="collapseLanding" data-bs-parent="#ft-links">
                    <ul class="list-unstyled mb-0 py-3 py-lg-0">
                        <li class="mb-2">
                            <a href="../index.html" class="text-decoration-none text-reset">Saas</a>
                        </li>
                        <li class="mb-2">
                            <a href="#!" class="text-decoration-none text-reset">Software Company</a>
                        </li>
                        <li class="mb-2">
                            <a href="../landing-finance.html" class="text-decoration-none text-reset">Finance</a>
                        </li>
                        <li class="mb-2">
                            <a href="../landing-jamstack-agancy.html" class="text-decoration-none text-reset">Digital Agency</a>
                        </li>
                        <li class="mb-2">
                            <a href="../landing-conference.html" class="text-decoration-none text-reset">Conference</a>
                        </li>
                        <li class="mb-2">
                            <a href="#!" class="text-decoration-none text-reset">App Template</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col">
            <div>
                <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                    <h5>Accounts</h5>
                    <a
                        class="d-block d-lg-none stretched-link text-inherit"
                        data-bs-toggle="collapse"
                        href="#collapseAccounts"
                        role="button"
                        aria-expanded="false"
                        aria-controls="collapseAccounts">
                        <i class="bi bi-chevron-down"></i>
                    </a>
                </div>
                <div class="collapse d-lg-block" id="collapseAccounts" data-bs-parent="#ft-links">
                    <ul class="list-unstyled mb-0 py-3 py-lg-0">
                        <li class="mb-2">
                            <a href="../signup.html" class="text-decoration-none text-reset">Register</a>
                        </li>
                        <li class="mb-2">
                            <a href="../signin.html" class="text-decoration-none text-reset">Login</a>
                        </li>
                        <li class="mb-2">
                            <a href="../forget-password.html" class="text-decoration-none text-reset">Forgot Password</a>
                        </li>
                        <li class="mb-2">
                            <a href="../reset-password.html" class="text-decoration-none text-reset">Reset Password</a>
                        </li>
                        <li class="mb-2">
                            <a href="#!" class="text-decoration-none text-reset">Profile</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                <h5>Resources</h5>
                <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse" href="#collapseResources" role="button" aria-expanded="false" aria-controls="collapseResources">
                    <i class="bi bi-chevron-down"></i>
                </a>
            </div>
            <div class="collapse d-lg-block" id="collapseResources" data-bs-parent="#ft-links">
                <ul class="list-unstyled mb-0 py-3 py-lg-0">
                    <li class="mb-2">
                        <a href="../docs/index.html" class="text-decoration-none text-reset">Docs</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Support</a>
                    </li>
                    <li class="mb-2">
                        <a href="../changelog.html" class="text-decoration-none text-reset">Changelog</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Help Center</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Community</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Webinars</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col">
            <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                <h5>Company</h5>
                <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse" href="#collapseCompany " role="button" aria-expanded="false" aria-controls="collapseCompany ">
                    <i class="bi bi-chevron-down"></i>
                </a>
            </div>
            <div class="collapse d-lg-block" id="collapseCompany" data-bs-parent="#ft-links">
                <ul class="list-unstyled mb-0 py-3 py-lg-0">
                    <li class="mb-2">
                        <a href="../docs/index.html" class="text-decoration-none text-reset">About us</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Contact us</a>
                    </li>
                    <li class="mb-2">
                        <a href="../changelog.html" class="text-decoration-none text-reset">News</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Media Kit</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Press</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col">
            <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                <h5>Community</h5>
                <a
                    class="d-block d-lg-none stretched-link text-inherit"
                    data-bs-toggle="collapse"
                    href="#collapseCommunity "
                    role="button"
                    aria-expanded="false"
                    aria-controls="collapseCommunity ">
                    <i class="bi bi-chevron-down"></i>
                </a>
            </div>
            <div class="collapse d-lg-block" id="collapseCommunity" data-bs-parent="#ft-links">
                <ul class="list-unstyled mb-0 py-3 py-lg-0">
                    <li class="mb-2">
                        <a href="../docs/index.html" class="text-decoration-none text-reset">Help</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Developers</a>
                    </li>
                    <li class="mb-2">
                        <a href="../changelog.html" class="text-decoration-none text-reset">Changelog</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">About</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Roadmap</a>
                    </li>
                    <li class="mb-2">
                        <a href="#!" class="text-decoration-none text-reset">Blog</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container mt-7 mb-4">
    <div class="row align-items-center">
        <div class="col-md-9">
            <div class="small mb-3 mb-lg-0">
                Copyright © 2023

                <span class="text-primary"><a href="#">Block Bootstrap 5 Theme</a></span>
                | Designed by
                <span class="text-primary"><a href="#">CodesCandy</a></span>
            </div>
        </div>
        <div class="col-md-3">
            <div class="text-md-end">
                <a href="#!" class="text-reset btn btn-instagram btn-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                        <path
                            d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                    </svg>
                </a>
                <a href="#!" class="text-reset btn btn-facebook btn-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                        <path
                            d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                    </svg>
                </a>
                <a href="#!" class="text-reset btn btn-twitter btn-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                        <path
                            d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                    </svg>
                </a>
            </div>
        </div>
    </div>
</div>
</footer>
                                                
logo

Build faster websites with Block multipurpose bootstrap 5 template. Duis imper diet mollis leo, quis ultrices erat ultrices simple dummy .

Subscribe to our newsletter
Please enter email.
Landings
  • Saas
  • Software Company
  • Finance
  • Digital Agency
  • Conference
  • App Template
Accounts
  • Register
  • Login
  • Forgot Password
  • Reset Password
  • Profile
Resources
  • Docs
  • Support
  • Changelog
  • Help Center
  • Community
  • Webinars
Copyright © 2024 Block Bootstrap 5 Theme | Designed by CodesCandy