Untitled

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<style type="text/css">
    a {
        text-decoration: none;
    }

    .Podpis {
        max-width: 100%;
        padding: 20px;
        border: 2px double #2c3338;
        border-radius: 20px;
    }

    .Image {
        width: 134px;
        height: 134px;
    }

    .img {
        display: inline-block;
        margin-right: 30px;
    }

    .social {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
    }

    .content1 {
        display: inline-block;
    }

    .content2 {
        display: inline-block;
    }

    .separate {
        display: inline-block;
        width: 0;
        height: 134px;
        margin: 0 20px 0 20px;
        border-left: 2px solid #2c3338;
    }
    .wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
</style>

<div class="Podpis">
<div class="wrapper">
    <div class="img">
        <img class="Image" src="http://alexanderyurchenko.ru/NeedImg_notDel/logotype-1000x1000.png"
             alt="логотип Александ Юрченко">
    </div>
    <div class="content1">
        <table>
            <tr>
                <td><b>Author:</b></td>
                <td>Александр Юрченко</td>
            </tr>
            <tr>
                <td><b>Address:</b></td>
                <td>Россия, Санкт-Петербург</td>
            </tr>
            <tr>
                <td><b>Telephone:</b></td>
                <td>
                    <a href="tel:+79816884845" hreflang="ru" type="text/html"
                       title="Связать по телефону" target="_blank">+7 (981) 688-48-45</a></td>
            </tr>
            <tr>
                <td><b>Mail:</b></td>
                <td>
                    <a href="mailto:y.aleksandr89@yandex.ru" hreflang="ru" type="text/html"
                       title="Написать на Яндекс почту" target="_blank">y.aleksandr89@yandex.ru</a>
                </td>
            </tr>
            <tr>
                <td><b>Mail:</b></td>
                <td><a href="mailto:y.aleksandr89@gmail.com" hreflang="ru" type="text/html"
                       title="Написать на Gmail почту" target="_blank">y.aleksandr89@gmail.com</a>
                </td>
            </tr>
            <tr>
                <td><b>Skype:</b></td>
                <td><a href="skype:y.aleksandr89?chat" hreflang="ru" title="Связать по Skype" target="_blank">y.aleksandr89</a>
                </td>
            </tr>
        </table>
    </div>
    <div class="separate"></div>
    <div class="content2">
        <table>
            <tr>
                <td>
                    <a href="https://www.facebook.com/yaleksandr89" hreflang="ru" type="text/html"
                       title="Связать в Facebook" target="_blank" rel="me">
                        <img src="http://alexanderyurchenko.ru/NeedImg_notDel/icon-fb.png" class="social"
                             alt="логотип Facebook">
                    </a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="https://vk.me/y.aleksandr89" hreflang="en" type="text/html"
                       title="Связать в Vkontakte" target="_blank" rel="me">
                        <img src="http://alexanderyurchenko.ru/NeedImg_notDel/icon-vk.png" class="social"
                             alt="логотип Vkontakte">
                    </a>
                </td>
            </tr>
        </table>
    </div>
</div>
</div>
</body>
</html>