sample bootstrap footer

<!-- Footer -->
<footer class="page-footer font-small blue pt-4">

  <!-- Footer Links -->
  <div class="container-fluid text-center text-md-left">

    <!-- Grid row -->
    <div class="row">

      <!-- Grid column -->
      <div class="col-md-6 mt-md-0 mt-3">

        <!-- Content -->
        <h5 class="text-uppercase">Footer Content</h5>
        <p>Here you can use rows and columns to organize your footer content.</p>

      </div>
      <!-- Grid column -->

      <hr class="clearfix w-100 d-md-none pb-3">

      <!-- Grid column -->
      <div class="col-md-3 mb-md-0 mb-3">

        <!-- Links -->
        <h5 class="text-uppercase">Links</h5>

        <ul class="list-unstyled">
          <li>
            <a href="#!">Link 1</a>
          </li>
          <li>
            <a href="#!">Link 2</a>
          </li>
          <li>
            <a href="#!">Link 3</a>
          </li>
          <li>
            <a href="#!">Link 4</a>
          </li>
        </ul>

      </div>
      <!-- Grid column -->

      <!-- Grid column -->
      <div class="col-md-3 mb-md-0 mb-3">

        <!-- Links -->
        <h5 class="text-uppercase">Links</h5>

        <ul class="list-unstyled">
          <li>
            <a href="#!">Link 1</a>
          </li>
          <li>
            <a href="#!">Link 2</a>
          </li>
          <li>
            <a href="#!">Link 3</a>
          </li>
          <li>
            <a href="#!">Link 4</a>
          </li>
        </ul>

      </div>
      <!-- Grid column -->

    </div>
    <!-- Grid row -->

  </div>
  <!-- Footer Links -->

  <!-- Copyright -->
  <div class="footer-copyright text-center py-3">© 2020 Copyright:
    <a href="https://mdbootstrap.com/"> MDBootstrap.com</a>
  </div>
  <!-- Copyright -->

</footer>
<!-- Footer -->

View another examples Add Own solution

4.17

Yehoshua Feigon 105 points

                                    &lt;!-- Footer --&gt;
&lt;footer class=&quot;page-footer font-small special-color-dark pt-4&quot;&gt;

  &lt;!-- Footer Elements --&gt;
  &lt;div class=&quot;container&quot;&gt;

    &lt;!-- Social buttons --&gt;
    &lt;ul class=&quot;list-unstyled list-inline text-center&quot;&gt;
      &lt;li class=&quot;list-inline-item&quot;&gt;
        &lt;a class=&quot;btn-floating btn-fb mx-1&quot;&gt;
          &lt;i class=&quot;fab fa-facebook-f&quot;&gt; &lt;/i&gt;
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;list-inline-item&quot;&gt;
        &lt;a class=&quot;btn-floating btn-tw mx-1&quot;&gt;
          &lt;i class=&quot;fab fa-twitter&quot;&gt; &lt;/i&gt;
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;list-inline-item&quot;&gt;
        &lt;a class=&quot;btn-floating btn-gplus mx-1&quot;&gt;
          &lt;i class=&quot;fab fa-google-plus-g&quot;&gt; &lt;/i&gt;
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;list-inline-item&quot;&gt;
        &lt;a class=&quot;btn-floating btn-li mx-1&quot;&gt;
          &lt;i class=&quot;fab fa-linkedin-in&quot;&gt; &lt;/i&gt;
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;list-inline-item&quot;&gt;
        &lt;a class=&quot;btn-floating btn-dribbble mx-1&quot;&gt;
          &lt;i class=&quot;fab fa-dribbble&quot;&gt; &lt;/i&gt;
        &lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;!-- Social buttons --&gt;

  &lt;/div&gt;
  &lt;!-- Footer Elements --&gt;

  &lt;!-- Copyright --&gt;
  &lt;div class=&quot;footer-copyright text-center py-3&quot;&gt;&copy; 2020 Copyright:
    &lt;a href=&quot;https://mdbootstrap.com/&quot;&gt; MDBootstrap.com&lt;/a&gt;
  &lt;/div&gt;
  &lt;!-- Copyright --&gt;

&lt;/footer&gt;
&lt;!-- Footer --&gt;

Thank you! 7

4.17 (6 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Other

Other 2023-03-27 22:50:10 how to select the whole line in vscode with keyboard shortcut
Other 2022-03-27 22:45:24 income of a web developer
Other 2022-03-27 22:35:01 \pyrcc_main.py: File does not exist 'resources.qrc'
Other 2022-03-27 22:30:45 rick roll embed code
Other 2022-03-27 22:20:08 Circuit_04_Potentiometer
Other 2022-03-27 22:20:05 iterative power
Other 2022-03-27 22:15:11 flutter run all
Other 2022-03-27 22:10:05 when is karlson release
Other 2022-03-27 22:10:02 wp .htaccess example
Other 2022-03-27 22:00:08 bash pause in file read line by line

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

sample bootstrap footer

Welcome Back!

Create a Free Account