extension-update-newsletter.html

<style type="text/css">

    body, p, ul {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    body {
        background: #f0f6f6;
        padding: 20px;
    }

    p, ul, li {
        margin: 0 0 25px 0;
    }

    .pic {
        width: 100%;
        padding: 3px;
        border: 1px solid #e4e5e7;
        border-radius: 3px;
        margin-bottom: 13px;
    }

    hr {
        margin: 40px 20% 42px 20%;
        border-color: #e4e5e7;
        border: 0;
        border-top: 1px solid #eee;
        height: 0;
        box-sizing: content-box;
    }

    .wrapper {
        margin: 0 auto;
        width: 500px;
        background: #fff;
        border-radius: 10px;
        padding: 50px;
    }

    .logo {
        margin-bottom: 25px;
    }

    .screenshot {
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 3px;
        padding: 2px;
    }

    .b-updates__heading {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .b-updates__date {
        margin-bottom: 20px;
        color: #afb4b4;
        font-size: 13px;
    }

    .b-link {
        color: rgb(30, 160, 200);
    }

    .b-updates__p_install {
        text-align: center;
    }

    .b-updates__install-button {
        display: inline-block;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,.25);
        background: #1ebba6;
        border: 1px solid #14a08c;
        border-bottom-color: #0f9687;
        box-shadow: 0 2px 2px rgba(15,150,135,.4),inset 0 1px 0 rgba(255,255,255,.35);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;

        padding: 1px 30px 0;
        line-height: 44px;
        font-size: 19px;
        font-weight: bold;
        border-radius: 4px;
        text-decoration: none;
    }

</style>


<div class="wrapper">

    <p class="logo">
        <a href="http://amazinghiring.com/" target="_blank">
            <img src="http://i.imgur.com/4bEv0eW.png" alt="AmazingHiring" width="300" height="51">
        </a>
    </p>


    <div class="b-updates__heading">Обновление расширения AmazingHiring</div>
    <div class="b-updates__date">24 декабря 2014</div>

    <p class="b-updates__p">
        <a class="pic-link" href="http://i.imgur.com/nFZrzTu.png" target="_blank"><img class="pic" src="http://i.imgur.com/nFZrzTu.png"></a>
    </p>

    <p class="b-updates__p">
        Мы обновили расширение AmazingHiring для Google Chrome и Яндекс.Браузера.
    </p>

    <p class="b-updates__p">
        Теперь помимо LinkedIn, Github и Моего Круга оно показывается при просмотре профилей на
        <a class="b-link" href="http://stackoverflow.com/" target="_blank">StackOverflow</a>, a также
        <a class="b-link" href="https://www.facebook.com/" target="_blank">Facebook</a> и
        <a class="b-link" href="https://vk.com/" target="_blank">ВКонтакте</a>
        (для подписчиков AmazingHiring).
    </p>

    <hr>

    <p class="b-updates__p">
        Если вы еще не установили расширение — попробуйте.
        <br>&nbsp;
        <br>
        При просмотре профилей в интернете AmazingHiring показывает ссылки на другие профили этого же человека.
        А те, кто
        <a class="b-link" target="_blank" href="http://amazinghiring.com/prices">подписался на AmazingHiring</a>,
        также увидят контакты и навыки  соискателя и комментарии коллег о нем.
    </p>

    <p class="b-updates__p b-updates__p_install">
        <a class="b-updates__install-button" href="https://chrome.google.com/webstore/detail/amazinghiring/didkfdopbffjkpolefhpcjkohcpalicd" target="_blank">
            Установить
        </a>
    </p>

    <hr>

    <p class="b-updates__p">
        Что вы думаете о нам новом расширении? Пожалуйста, отправьте на
        <a class="b-link" target="_blank" href="mailto:chrome-feedback@amazinghiring.com">chrome-feedback@amazinghiring.com</a>
        несколько слов о том, что вы думаете об обновлении, и какие возможности
        хотели бы добавить в будущем.
    </p>

    <p class="b-updates__p">
        Спасибо!<br>
        Команда AmazingHiring
    </p>

</div>