diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers')
-rw-r--r-- | vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html | 106 |
1 files changed, 53 insertions, 53 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html index 827c2426a..83c24094d 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/footers/index.html @@ -22,18 +22,18 @@ body_class: "" <div class="container"> <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"> - <p class="col-md-4 mb-0 text-muted">© {{< year >}} Company, Inc</p> + <p class="col-md-4 mb-0 text-body-secondary">© {{< year >}} Company, Inc</p> - <a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none"> + <a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> <ul class="nav col-md-4 justify-content-end"> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Home</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Features</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Pricing</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">FAQs</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">About</a></li> </ul> </footer> </div> @@ -43,16 +43,16 @@ body_class: "" <div class="container"> <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"> <div class="col-md-4 d-flex align-items-center"> - <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1"> + <a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1"> <svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg> </a> - <span class="mb-3 mb-md-0 text-muted">© {{< year >}} Company, Inc</span> + <span class="mb-3 mb-md-0 text-body-secondary">© {{< year >}} Company, Inc</span> </div> <ul class="nav col-md-4 justify-content-end list-unstyled d-flex"> - <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> - <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> - <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> + <li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> + <li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> + <li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> </ul> </footer> </div> @@ -62,13 +62,13 @@ body_class: "" <div class="container"> <footer class="py-3 my-4"> <ul class="nav justify-content-center border-bottom pb-3 mb-3"> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li> - <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Home</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Features</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Pricing</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">FAQs</a></li> + <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">About</a></li> </ul> - <p class="text-center text-muted">© {{< year >}} Company, Inc</p> + <p class="text-center text-body-secondary">© {{< year >}} Company, Inc</p> </footer> </div> @@ -77,10 +77,10 @@ body_class: "" <div class="container"> <footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top"> <div class="col mb-3"> - <a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> - <p class="text-muted">© {{< year >}}</p> + <p class="text-body-secondary">© {{< year >}}</p> </div> <div class="col mb-3"> @@ -90,33 +90,33 @@ body_class: "" <div class="col mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> </footer> @@ -131,33 +131,33 @@ body_class: "" <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li> - <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> + <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> </ul> </div> @@ -177,9 +177,9 @@ body_class: "" <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top"> <p>© {{< year >}} Company, Inc. All rights reserved.</p> <ul class="list-unstyled d-flex"> - <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> - <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> - <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> + <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li> + <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li> + <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li> </ul> </div> </footer> |