modpacksio-common/src/mail-assets/email.html

Common code for Modpacks.io services

<!-- PLAIN HTML -->

<style>
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    .container {
        display: flex;
        justify-content: center;

        width: 100%;
        height: 100%;
    }

    .content {
        width: 90%;
        max-width: 600px;
        height: 100%;
        font-family: Arial, sans-serif;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100px;
    }

    .header img {
        width: 300px;
        height: 60px;
    }

    .main {
        width: 100%;
        height: calc(100% - 174px);
        padding: 40px;
        color: #808080;
    }

    .footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;

        font-size: 12px;
        color: #c9c9c9;
    }

    .footer p {
        padding-bottom: 5px;
    }

    .footer a {
        color: #a8a8a8;
    }

    hr {
        width: 70%;
        height: 2px;
        margin: 0 auto;
        padding: 0;

        border: none;
        border-radius: 0;
        background-color: #e6e6e6;
    }
</style>
<div class="container">
    <div class="content">
        <div class="header">
            <img alt="modpacks.io logo" src="https://i.imgur.com/4HmxRmq.png"/>
        </div>
        <hr/>
        <div class="main">
            CONTENT
        </div>
        <hr/>
        <div class="footer">
            <p><a href="https://modpacks.io/">modpacks.io</a> &bull; <a href="https://help.modpacks.io/">Support</a>
                &bull; <a href="https://twitter.com/modpacksio">@modpacksio</a></p>
            <p>&copy;2019 modpacks.io All Rights Reserved</p>
        </div>
    </div>
</div>

<!-- FORMATTED -->

<div class=container style=box-sizing:border-box;margin:0;padding:0;display:flex;justify-content:center;width:100%;height:100%><div class=content style=box-sizing:border-box;margin:0;padding:0;width:90%;max-width:600px;height:100%;font-family:Arial,sans-serif><div class=header style=box-sizing:border-box;margin:0;padding:0;display:flex;justify-content:center;align-items:center;width:100%;height:100px><img alt="modpacks.io logo"src=https://i.imgur.com/4HmxRmq.png style=box-sizing:border-box;margin:0;padding:0;width:300px;height:60px></div><hr style="box-sizing:border-box;margin:0;width:70%;height:2px;margin:0 auto;padding:0;border:none;border-radius:0;background-color:#e6e6e6"><div class=main style="box-sizing:border-box;margin:0;padding:0;width:100%;height:calc(100% - 174px);padding:40px;color:grey">CONTENT</div><hr style="box-sizing:border-box;margin:0;width:70%;height:2px;margin:0 auto;padding:0;border:none;border-radius:0;background-color:#e6e6e6"><div class=footer style=box-sizing:border-box;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:70px;font-size:12px;color:#c9c9c9><p style=box-sizing:border-box;margin:0;padding: 0 0 5px;><a href=https://modpacks.io/ style=box-sizing:border-box;margin:0;padding:0;color:#a8a8a8>modpacks.io</a> • <a href=https://help.modpacks.io/ style=box-sizing:border-box;margin:0;padding:0;color:#a8a8a8>Support</a> • <a href=https://twitter.com/modpacksio style=box-sizing:border-box;margin:0;padding:0;color:#a8a8a8>@modpacksio</a><p style=box-sizing:border-box;margin:0;padding: 0 0 5px;>©2019 modpacks.io All Rights Reserved</div></div></div>