grebiniuk / homepage

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

Create a contact information block #5

Closed grebiniuk closed 5 years ago

grebiniuk commented 5 years ago

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

grebiniuk commented 5 years ago

Donald Trump

                            <div class="job">The President of the United States of America</div>
                            <ul class="contacts">
                                <li><a class="facebook" href="https://www.fb.com/DonaldTrump" rel="author">
                                    <svg class="icon" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
                                        <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>DonaldTrump</span>
                                </a>
                                </li>
                                <li>
                                    <a class="mail" href="mailto:realDonaldTrump@whitehouse.gov" rel="author">
                                        <svg class="icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                            <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>realDonaldTrump@whitehouse.gov</span>
                                    </a>
                                </li>
                                <li><a class="twitter" href="https://twitter.com/realDonaldTrump" rel="author">
                                    <svg class="icon" viewBox="328 355 335 276" xmlns="http://www.w3.org/2000/svg">
                                        <path d=" M 630, 425
                                            A 195, 195 0 0 1 331, 600
                                            A 142, 142 0 0 0 428, 570
                                            A  70,  70 0 0 1 370, 523
                                            A  70,  70 0 0 0 401, 521
                                            A  70,  70 0 0 1 344, 455
                                            A  70,  70 0 0 0 372, 460
                                            A  70,  70 0 0 1 354, 370
                                            A 195, 195 0 0 0 495, 442
                                            A  67,  67 0 0 1 611, 380
                                            A 117, 117 0 0 0 654, 363
                                            A  65,  65 0 0 1 623, 401
                                            A 117, 117 0 0 0 662, 390
                                            A  65,  65 0 0 1 630, 425
                                            Z"/>
                                    </svg>
                                    <span>realDonaldTrump</span>
                                </a>
                                </li>
                                <li><a class="instagram" href="https://www.instagram.com/realDonaldTrump/" rel="author">
                                    <svg class="icon" viewBox="0 0 169.063 169.063" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
                                                c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
                                                c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
                                                c17.455,0,31.656,14.201,31.656,31.655V122.407z"/>
                                    <path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
                                                C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
                                                c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"/>
                                    <path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
                                                c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
                                                C135.661,29.421,132.821,28.251,129.921,28.251z"/>
                                    </svg>
                                    <span>realDonaldTrump</span></a>
                                </li>
                            </ul>