dimazdoks / homepage

My very own personal website. Basically this is just a résumé.
https://dimazdoks.github.io/homepage/
MIT License
0 stars 0 forks source link

Скласти блок контактної інформації #5

Closed dimazdoks closed 4 years ago

dimazdoks commented 4 years ago

Посилання на соцмережі (Facebook чи Instagram, тощо), номер телефону чи адреса електронної скриньки, тощо. Може не всі лінки в світі, а тільки ті, що дійсно доречні.

dimazdoks commented 4 years ago
              <div class="sixteen wide column">
                <h1 class="name">Ryu Hoshi (リュウ Ryū)</h1>
                <div class="job">Street Fighter Character</div>
                <ul class="contacts">
                  <li>
                    <a href="https://www.facebook.com/profile.php?id=100004808958030" rel="author" class="facebook">
                      <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/></svg>
                      <span>ryuhoshi</span>
                    </a>
                  </li>
                  <li>
                    <a href="mailto:ryuwins@gmail.com" rel="author" class="mail">
                      <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
                      <span>ryuwins@gmail.com</span>
                    </a>
                  </li>
                  <li>
                    <a href="https://twitter.com/denjinryu" rel="author" class="skype">
                      <i class="fab fa-twitter"></i>
                      <span>denjinryu</span>
                    </a>
                  </li>
                  <li>
                    <a href="https://www.instagram.com/sworn_ryu/" rel="author" class="websites">
                      <i class="fab fa-instagram"></i>
                      <span>sworn_ryu</span>
                    </a>
                  </li>
                </ul>
              </div>