Как мне остановить эту репликацию awesome-значков в моем теге нижнего колонтитула? - PullRequest
0 голосов
/ 10 июля 2020
<footer class="footer" style="background-color: lightslategrey; color: aliceblue;">
    <div class="container">
        <div class="row">             
            <div class="col-4 offset-1 col-sm-2">
                <h5>Links</h5>
                <ul class = "list-unstyled" >
                    <li><a href="./index.html">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Menu</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <div class="col-7 col-sm-5">
                <h5>Our Address</h5>
                <address>
                  121, Clear Water Bay Road<br>
                  Clear Water Bay, Kowloon<br>
                  HONG KONG<br>
                  <i class="fa fa-phone"></i> Tel.: +852 1234 5678<br>
                  <i class="fa fa-fax "> Fax: +852 8765 4321<br>
                  <i class="fa fa-envelope "> Email: <a href="mailto:confusion@food.net">confusion@food.net</a>
               </address>
            </div>
            <div  class="col-12 col-sm-4 align-self-center">
                <div class="text-center">
                    <a class="btn btn-social-icon btn-google" href="http://google.com/+"><i class="fa fa-googleplus fa-lg"></i></a>
                    <a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/profile.php?id="><i class="fa fa-facebook fa-lg"></a>
                    <a class="btn btn-social-icon btn-linkedin" href="http://www.linkedin.com/in/"><i class="fa fa-linkedin fa-lg"></a>
                    <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/"><i class="fa fa-twitter fa-lg"></a>
                    <a class="btn btn-social-icon btn-google" href="http://youtube.com/"><i class="fa fa-youtube fa-lg"></a>
                    <a class="btn btn-social-icon " href="mailto:"><i class="fa fa-envelope-o fa-lg"></a>
                </div>
            </div>
       </div>
       <div class="row justify-content-center">             
            <div class="col-auto">
                <p>© Copyright 2018 Ristorante Con Fusion</p>
            </div>
       </div>
    </div>
</footer>

Я слежу за инструктором курса и, задав такой глупый вопрос, для вас должно быть очевидно, что я такой наивный веб-разработчик. Кроме того, наряду с копированием значков, текст авторских прав становится необычно большим. Снимок веб-страницы

css код нижнего колонтитула:

.footer{
  background-color: #D1C4E9;
  margin: 0px auto;
  padding: 20px 0px 20px 0px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...