→ 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

344

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

Footer example made with Bootstrap 5.3
Dark theme

Author:
Sahadat hossine

8 months ago

1.2k

v.5.3
E-Commerce Contact Section

Author:
Creative Araf

2 months ago

265

v.5.3
fitar footer
do not copy

Author:
Fitar Ahmed

4 months ago

825

v.4.6
Restaurant Signup Page

Author:
Creative Araf

2 months ago

104

v.5.3
contact

Author:
lamiajahan

2 months ago

135

v.4.6
Contact_All_Contanet

Author:
Sahin Miah

4 months ago

372

v.4.6
E-Commerce Checkout Section

Author:
Creative Araf

2 months ago

211

v.5.3
Bootstrap copyright footer

Author:
Anonymous

2 years ago

5.6k

v.5.3
siam footer
footer

Author:
MD Siam Miya

4 months ago

348

v.4.6
portfolio

Author:
lamiajahan

2 months ago

151

v.4.6
E-com Cart Page

Author:
Creative Araf

2 months ago

106

v.5.3
E-Commerce Product Detail Page

Author:
Creative Araf

2 months ago

354

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent