→ L-1485
→ 3213

3213

Forked from> @rami-alajo/rotating-navigation-animation

This bootstrap css example is contributed by L-1485, on 16-Mar-2026. Component is made with bootstrap css v.4.6.

Tags: Footer

Author L-1485

296

v.4.6

Fork Fullscreen

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
    integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
    crossorigin="anonymous" />
  <link rel="stylesheet" href="style.css" />
  <title>Rotating Navigation</title>
</head>

<div class="content">
      <h1>Amazing Article</h1>
      <small>Florin Pop</small>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium quia in ratione dolores cupiditate, maxime
        aliquid impedit dolorem nam dolor omnis atque fuga labore modi veritatis porro laborum minus, illo, maiores
        recusandae cumque ipsa quos. Tenetur, consequuntur mollitia labore pariatur sunt quia harum aut. Eum maxime
        dolorem provident natus veritatis molestiae cumque quod voluptates ab non, tempore cupiditate? Voluptatem,
        molestias culpa. Corrupti, laudantium iure aliquam rerum sint nam quas dolor dignissimos in error placeat quae
        temporibus minus optio eum soluta cupiditate! Cupiditate saepe voluptates laudantium. Ducimus consequuntur
        perferendis consequatur nobis exercitationem molestias fugiat commodi omnis. Asperiores quia tenetur nemo ipsa.
      </p>

<h3>My Dog</h3>
      <img src="https://images.unsplash.com/photo-1507146426996-ef05306b995a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80" alt="doggy" />
      <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit libero deleniti rerum quo, incidunt vel
        consequatur culpa ullam. Magnam facere earum unde harum. Ea culpa veritatis magnam at aliquid. Perferendis totam
        placeat molestias illo laudantium? Minus id minima doloribus dolorum fugit deserunt qui vero voluptas, ut quia
        cum amet temporibus veniam ad ea ab perspiciatis, enim accusamus asperiores explicabo provident. Voluptates
        sint, neque fuga cum illum, tempore autem maxime similique laborum odio, magnam esse. Aperiam?</p>
    </div>
  </div>

<nav>
    <ul>
      <li><i class="fas fa-home"></i><a href="#"> Home</a></li>
      <li><i class="fas fa-user-alt"></i><a href="#"> About</a></li>
      <li><i class="fas fa-envelope"></i><a href="#"> Contact</a></li>
    </ul>
  </nav>
  <script src="script.js"></script>
</body>

</html>

More Examples

Simple Footer

Author:
Anonymous

2 years ago

4.1k

v.4.6
Home Page

Author:
Md. Hasibur Rahman

1 month ago

125

v.4.6
E-com Cart Page

Author:
Creative Araf

3 weeks ago

48

v.5.3
Restaurant About Page

Author:
Creative Araf

3 weeks ago

77

v.5.3
from validation
do not copy

Author:
Fitar Ahmed

2 months ago

806

v.4.6
footer
tui copy korle guru chor

Author:
rimon majumder

2 months ago

186

v.4.6
E-com Home Page

Author:
Creative Araf

3 weeks ago

48

v.5.3
Footer

Author:
DOLA AKTER

2 months ago

265

v.4.6
E- Commarce full website

Author:
Zahid Hasan Riyad

1 week ago

55

v.5.3
Restaurant Home Page

Author:
Creative Araf

3 weeks ago

64

v.5.3
Footer
Simple footer with social icons

Author:
Anonymous

1 year ago

3k

v.5.3
Footer
Bootstrap CSS footer example

Author:
Prajwal Hallale

2 years ago

3.4k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent