• Landings
    • Landing Overview
    • Saas v.1
    • Sass v.2
    • IT Company New
    • Accounting
    • Finance
    • Jamstack Agency
    • Conference
    • Personal
  • Pages
    Blog
    List View Grid View Grid View v.2 Sidebar Category Single Post
    About
    About v.1 About v.2
    Service
    Service v.1 Service v.2 Service v.3
    Events
    List Single
    Contact
    Contact Us Contact Sales
    Portfolio
    Grid View Single View
    Pricing
    Pricing v.1 Pricing v.2
    Career
    Career
    Integration
    Grid View Single
    Case Study
    Grid View
  • Blocks
    Hero
    Navbar
    About
    Blog
    Carousel
    Case Study
    Call to Action
    Client
    Contact
    Form
    FAQ
    Team
    Footer
    Features
    Integration
    Industry
    Location
    Portfolio
    Process
    Pricing
    Stats
    Testimonials
  • Accounts
    • Profile
    • Security
    • Billing
    • Team
    • Notifications
    • Integration
    • Session
    • Social
    • Appearance
    • Authentication
      • Simple
      • Sign In
      • Sign Up
      • Forget Password
      • Reset Password
      • OTP Varification

      • Side Cover
      • Sign In
      • Sign Up
      • Forget Password
      • Reset Password
      • OTP Varification
    • Utility
      • 404 Error
      • Changelog
  • Docs
    Documentations

    Browse the all documentation

    Changelog

    See what's new

Login Create account

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