Album: Difference between revisions

Add CSS
remove links
Line 47: Line 47:
           <h4 class="text-white">Contact</h4>
           <h4 class="text-white">Contact</h4>
           <ul class="list-unstyled">
           <ul class="list-unstyled">
             <li><a href="https://getbootstrap.com/docs/4.4/examples/album/#" class="text-white">Follow on Twitter</a></li>
             <li><a href="#" class="text-white">Follow on Twitter</a></li>
             <li><a href="https://getbootstrap.com/docs/4.4/examples/album/#" class="text-white">Like on Facebook</a></li>
             <li><a href="#" class="text-white">Like on Facebook</a></li>
             <li><a href="https://getbootstrap.com/docs/4.4/examples/album/#" class="text-white">Email me</a></li>
             <li><a href="#" class="text-white">Email me</a></li>
           </ul>
           </ul>
         </div>
         </div>
Line 57: Line 57:
   <div class="navbar navbar-dark bg-dark shadow-sm">
   <div class="navbar navbar-dark bg-dark shadow-sm">
     <div class="container d-flex justify-content-between">
     <div class="container d-flex justify-content-between">
       <a href="https://getbootstrap.com/docs/4.4/examples/album/#" class="navbar-brand d-flex align-items-center">
       <a href="#" class="navbar-brand d-flex align-items-center">
         <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
         <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
         <strong>Album</strong>
         <strong>Album</strong>
Line 75: Line 75:
       <p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
       <p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
       <p>
       <p>
         <a href="https://getbootstrap.com/docs/4.4/examples/album/#" class="btn btn-primary my-2">Main call to action</a>
         <a href="#" class="btn btn-primary my-2">Main call to action</a>
         <a href="https://getbootstrap.com/docs/4.4/examples/album/#" class="btn btn-secondary my-2">Secondary action</a>
         <a href="#" class="btn btn-secondary my-2">Secondary action</a>
       </p>
       </p>
     </div>
     </div>
Line 232: Line 232:
   <div class="container">
   <div class="container">
     <p class="float-right">
     <p class="float-right">
       <a href="https://getbootstrap.com/docs/4.4/examples/album/#">Back to top</a>
       <a href="#">Back to top</a>
     </p>
     </p>
     <p>Album example is © Bootstrap, but please download and customize it for yourself!</p>
     <p>Footer Paragraph 1</p>
     <p>New to Bootstrap? <a href="https://getbootstrap.com/">Visit the homepage</a> or read our <a href="https://getbootstrap.com/docs/4.4/getting-started/introduction/">getting started guide</a>.</p>
     <p>New to QualityBox? <a href="https://qualitybox.us/">Visit the homepage</a> or visit our <a href="https://demo.qualitybox.us">demo website</a>.</p>
   </div>
   </div>
</footer>
</footer>
</html>
</html>