How to make that when you click on the icon you can go to another page?

Question

.header-list display: -webkit-flex display: -moz-flex display: -ms-flex display: -o-flex display: flex justify-content: center padding-left: 0 list-style-type: none margin: 0 &__item margin-left: 30px position: relative &:hover i opacity: 0 img opacity: 1 &:first-child margin-left: 0 a color: #333 z-index: 2 i font-size: 40px opacity: 1 transform: 0.5s img position: absolute top: 0 opacity: 0 transition: 0.5s z-index: 1

 <div class="col-md-6"> <span class="header-left-title">вступить в наши группы</span> <ul class="header-list"> <li class="header-list__item"> <a href="https://ru-ru.facebook.com/"><i class="fab fa-facebook"></i></a> <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI++PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==" /> </li> <li class="header-list__item"> <a href="https://telegram.org/"><i class="fab fa-telegram"></i></a> <img src="img/telegram.svg" alt=""> </li> <li class="header-list__item"> <a href="https://vk.com/"><i class="fab fa-vk"></i></a> <img src="img/vk.svg" alt=""> </li> <li class="header-list__item"> <a href="https://www.instagram.com/?hl=ru"><i class="fab fa-instagram"></i></a> <img src="img/instagram.svg" alt=""> </li> </ul> </div> / svg + xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI / PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI ++ PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjwvc3ZnPg ==" /> <div class="col-md-6"> <span class="header-left-title">вступить в наши группы</span> <ul class="header-list"> <li class="header-list__item"> <a href="https://ru-ru.facebook.com/"><i class="fab fa-facebook"></i></a> <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI++PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==" /> </li> <li class="header-list__item"> <a href="https://telegram.org/"><i class="fab fa-telegram"></i></a> <img src="img/telegram.svg" alt=""> </li> <li class="header-list__item"> <a href="https://vk.com/"><i class="fab fa-vk"></i></a> <img src="img/vk.svg" alt=""> </li> <li class="header-list__item"> <a href="https://www.instagram.com/?hl=ru"><i class="fab fa-instagram"></i></a> <img src="img/instagram.svg" alt=""> </li> </ul> </div>

Dantessss understood his cant, the title has already changed

Alexandr Tovmach Alexandr Tovmach 2,054 2 3 24 · Accepted Answer · 2018-10-18T20:16:16

 <div class="col-md-6"> <span class="header-left-title">вступить в наши группы</span> <ul class="header-list"> <li class="header-list__item"> <a href="https://ru-ru.facebook.com/"> <i class="fab fa-facebook"></i> <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI++PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==" /> </a> </li> <li class="header-list__item"> <a href="https://telegram.org/"> <i class="fab fa-telegram"></i> <img src="img/telegram.svg" alt=""> </a> </li> <li class="header-list__item"> <a href="https://vk.com/"> <i class="fab fa-vk"></i> <img src="img/vk.svg" alt=""> </a> </li> <li class="header-list__item"> <a href="https://www.instagram.com/?hl=ru"> <i class="fab fa-instagram"></i> <img src="img/instagram.svg" alt=""> </a> </li> </ul> </div> / svg + xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI / PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI ++ PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjxnPjwvZz48Zz48L2c + PGc + PC9nPjwvc3ZnPg ==" /> <div class="col-md-6"> <span class="header-left-title">вступить в наши группы</span> <ul class="header-list"> <li class="header-list__item"> <a href="https://ru-ru.facebook.com/"> <i class="fab fa-facebook"></i> <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI++PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==" /> </a> </li> <li class="header-list__item"> <a href="https://telegram.org/"> <i class="fab fa-telegram"></i> <img src="img/telegram.svg" alt=""> </a> </li> <li class="header-list__item"> <a href="https://vk.com/"> <i class="fab fa-vk"></i> <img src="img/vk.svg" alt=""> </a> </li> <li class="header-list__item"> <a href="https://www.instagram.com/?hl=ru"> <i class="fab fa-instagram"></i> <img src="img/instagram.svg" alt=""> </a> </li> </ul> </div>

Yes, I realized that I was not slightly overwhelmed - user312259

How to make that when you click on the icon you can go to another page?

1 answer 1

More articles: