Create a contact info block

[AnnaRybak04]

Add links to social networks (LinkedIn, Facebook, Instagram), phone number, email, Telegram username, etc.

[AnnaRybak04]

Add contact block template

<div class="contacts">
           <h3 class="contacts__header">Contact me</h3>
            <ul class="contacts_list">
                  <li><a href="tel:+380960098676">+38 096 009 86 76</a></li>
                  <li><a href="mailto:cat@gmail.com">cat@gmail.com</a></li>
                  <li><a href="https://www.linkedin.com/feed/">LinkedIn</a></li>
                  <li><a href="https://www.instagram.com/binarystudiocat/">Instagram</a></li>
                  <li><a href="https://www.facebook.com/">Facebook</a></li>
                  <li><a href="https://github.com/">Github</a></li>
                  <li>Telegram: @lovely_cat</li>
            </ul>
</div>

[AnnaRybak04]

Add styles to contacts block

    flex: 1 1 30%;
}

.contacts__header {
    color: var(--secondary-text-color);
    text-align: left;
    margin-bottom: 20px;
}

.contacts__list {
    color: var(--secondary-text-color);
    margin-bottom: 20px;
    list-style-type: none;
}
.contacts__network-list {
    color: var(--secondary-text-color);
    padding-left: 20px;
}

.contacts__list a,
.contacts__network-list a{
    color: inherit;
    text-decoration: none;
}

.contacts__list a:hover,
.contacts__network-list a:hover {
    color: #000;
}