-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
100 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| .site-footer { | ||
| padding: 5em 0; | ||
| background-color: #bc5148; | ||
| font-size: 14px; | ||
| color: rgb(243, 236, 236); | ||
| } | ||
| .site-footer p:last-child { | ||
| margin-bottom: 0; | ||
| } | ||
| .site-footer a { | ||
| color: #ffc107; | ||
| border-bottom: 1px solid transparent; | ||
| } | ||
| .site-footer a:hover { | ||
| color: #fff; | ||
| border-bottom: 1px solid rgba(255, 255, 255, 0.2); | ||
| } | ||
| .site-footer h2 { | ||
| font-size: 22px; | ||
| margin-bottom: 28px; | ||
| letter-spacing: .05em; | ||
| color: #fff; | ||
| } | ||
| .site-footer .footer-link li { | ||
| line-height: 1.5; | ||
| margin-bottom: 15px; | ||
| } | ||
| .footer-social a { | ||
| line-height: 0; | ||
| border-radius: 50%; | ||
| margin: 0 5px 5px 0; | ||
| border: 1px solid rgba(255, 255, 255, 0.1); | ||
| width: 30px; | ||
| height: 30px; | ||
| text-align: center; | ||
| display: inline-block; | ||
| } | ||
| .footer-social a:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
| .footer-social .fa { | ||
| margin-top: 7px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| <footer class="site-footer"> | ||
| <div class="container"> | ||
| <div class="row mb-5"> | ||
| <div class="col-md-3 mb-5"> | ||
| <h2>About us</h2> | ||
| <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vel, sunt quos voluptas, facere quo explicabo quibusdam dolorem amet distinctio voluptatibus optio excepturi culpa delectus minus asperiores! Eaque ipsam dolor voluptatem?</p> | ||
| <p><a href="#">Click here to learn more</a></p> | ||
| </div> | ||
|
|
||
| <div class="col-md-3 mb-5"> | ||
| <h2>Contact & Address</h2> | ||
| <ul class="list-unstyled footer-link"> | ||
| <li class="d-flex"> | ||
| <span class="me-3">Addresse:</span><span class="text-white">28 Avenut Name, City name here , Country name here</span> | ||
| </li> | ||
|
|
||
| <li class="d-flex"> | ||
| <span class="me-3">Telephone:</span><span class="text-white">+591 74418613</span> | ||
| </li> | ||
|
|
||
| <li class="d-flex"> | ||
| <span class="me-3">Email:</span><span class="text-white">[email protected]</span> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="col-md-3 mb-5"> | ||
| <h2>Quick links</h2> | ||
| <ul class="list-unstyled footer-link"> | ||
| <li><a href="#">About us</a></li> | ||
| <li><a href="#">Testimonials</a></li> | ||
| <li><a href="#">Our pets</a></li> | ||
| <li><a href="#">Blog articles</a></li> | ||
| <li><a href="#">Contact us</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="col-md-3"> | ||
| <h2>Our social media</h2> | ||
| <ul class="list-unstyled footer-link d-flex footer-social"> | ||
| <li><a href="#"><span class="fa fa-facebook"></span></a></li> | ||
| <li><a href="#"><span class="fa fa-twitter"></span></a></li> | ||
| <li><a href="#"><span class="fa fa-instagram"></span></a></li> | ||
| <li><a href="#"><span class="fa fa-linkedin"></span></a></li> | ||
| <li><a href="#"><span class="fa fa-youtube"></span></a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-12 text-md-center text-left"> | ||
| <p>This template is made with <i class="fa fa-heart-o"></i> by Coding River</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> |