<re-html>
<re-head>
    <re-title>
        App Update
    </re-title>
    <re-font href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i"></re-font>
    <re-style>
    @media all and (max-width:639px) {.mobile-headline {font-size: 50px !important;line-height: 1.1 !important;}.mobile-main {padding: 0px 20px !important;}}
    </re-style>
</re-head>
<re-body background-color="#1098ad">
    <re-header width="600px" padding="40px 10px">
        <re-block>
            <re-grid>
                <re-column width="200px" padding="0 0 10px 0">
                    <re-block>
                        <re-image href="http://example.com/" src="white-logo.png" width="88px"></re-image>
                    </re-block>
                </re-column>
                <re-column align="right" class="mobile-left" width="400px" padding="0 0 10px 0">
                    <re-link href="{$mailview_link}" font-size="14px" color="#fff">
                        Open in browser
                    </re-link>
                </re-column>
            </re-grid>
        </re-block>
        <re-block padding="20px 0 0 0">
            <re-heading level="h1" class="mobile-headline" font-size="90px" line-height="90px" color="#fff">
                Big Update
            </re-heading>
            <re-text margin="30px 0 0 0" font-size="28px" line-height="1.35" color="#fff">
                We’ve got a big update for our app since its first release to tell you about.
            </re-text>
            <re-text font-size="21px" line-height="1.4" color="#99e9f2" margin="10px 0 0 0">
                Read on to learn more, or update the app to see all new features
            </re-text>
        </re-block>
        <re-block padding="20px 0">
            <re-image class="mobile-image" src="balls-1-opt.jpeg" href="http://example.com" border-radius="4px" width="580px"></re-image>
        </re-block>
    </re-header>
    <re-container width="100%" align="center" background-color="#fff">
        <re-main class="mobile-main" padding="20px 0 0 0">
            <re-block padding="30px 10px 10px 10px">
                <re-grid>
                    <re-column width="300px" padding="0 0 20px 0">
                        <re-heading level="h3" font-size="21px">
                            Brand new look
                        </re-heading>
                        <re-text margin="5px 0 0 0" color="#737373">
                            Wonder bed elinor family secure met. It want gave west into high no in. Depend repair met before man admire see and.
                        </re-text>
                    </re-column>
                    <re-column-spacer width="30px"></re-column-spacer>
                    <re-column width="300px" padding="0 0 20px 0">
                        <re-heading level="h3" font-size="21px">
                            Faster than lightning
                        </re-heading>
                        <re-text margin="5px 0 0 0" color="#737373">
                            Next than near to four so hand. Times so do he downs me would. Witty abode party her found quiet law.
                        </re-text>
                    </re-column>
                </re-grid>
            </re-block>
            <re-block background-color="#f4f6f9" padding="32px 24px 12px 24px" border-radius="4px">
                <re-grid>
                    <re-column width="300px" padding="0 0 20px 0">
                        <re-image src="crown.png" width="48px"></re-image>
                        <re-heading margin="10px 0 0 0" level="h4">
                            Data export
                        </re-heading>
                        <re-text margin="5px 0 0 0" font-size="14px" color="#737373">
                            Am of mr friendly by strongly peculiar juvenile. Unpleasant it sufficient simplicity am by friendship no inhabiting.
                        </re-text>
                    </re-column>
                    <re-column-spacer width="32px"></re-column-spacer>
                    <re-column width="300px" padding="0 0 20px 0">
                        <re-image src="grin-stars.png" width="48px"></re-image>
                        <re-heading margin="10px 0 0 0" level="h4">
                            Data import
                        </re-heading>
                        <re-text margin="5px 0 0 0" font-size="14px" color="#737373">
                            How sense found our those gay again taken the. Had mrs outweigh desirous sex overcame. Improved property .
                        </re-text>
                    </re-column>
                </re-grid>
            </re-block>
            <re-block padding="30px 0 0 0">
                <re-button href="http://example.com/" background-color="#111111" border-radius="2px" font-size="14px" text-transform="uppercase">
                    Update App
                </re-button>
            </re-block>
            <re-block padding="20px 0 60px 0">
                <re-text font-size="14px" color="#8d8d8d">
                    Rich four like real yet west get. Felicity in dwelling to drawings. His pleasure new steepest for reserved formerly disposed jennings
                </re-text>
            </re-block>
        </re-main>
    </re-container>
    <re-container width="100%" align="center" background-color="#f6f6f6">
        <re-footer padding="30px 0 60px 0">
            <re-block>
                <re-grid>
                    <re-column padding="0 0 10px 0">
                        <re-text align="left" color="#747474" font-size="13px">
                            Copyright © 2021 Revolvapp<br>
                            All rights reserved
                        </re-text>
                    </re-column>
                    <re-column-spacer></re-column-spacer>
                    <re-column widht="300px" align="right" class="mobile-left" padding="0 0 10px 0">
                        <re-social>
                            <re-social-item width="30px" src="facebook.png" href="http://facebook.com/" alt="Facebook"></re-social-item><re-social-spacer>&nbsp;&nbsp;</re-social-spacer><re-social-item width="30px" src="twitter.png" href="http://twitter.com/" alt="Twitter"></re-social-item><re-social-spacer>&nbsp;&nbsp;</re-social-spacer><re-social-item width="30px" src="instagram.png" href="http://instagram.com/" alt="Instagram"></re-social-item><re-social-spacer>&nbsp;&nbsp;</re-social-spacer><re-social-item width="30px" src="telegram.png" href="http://telegram.org/" alt="Telegram"></re-social-item><re-social-spacer>&nbsp;&nbsp;</re-social-spacer><re-social-item width="30px" src="youtube.png" href="http://www.youtube.com/" alt="Youtube"></re-social-item>
                        </re-social>
                    </re-column>
                </re-grid>
            </re-block>
            <re-block align="left" padding="20px 0 0 0">
                <re-text color="#747474" font-size="14px">
                    Revolvapp Inc, Espoo, Finland, 02650
                </re-text>
            </re-block>
            <re-block align="left" padding="10px 0 0 0">
                <re-menu>
                    <re-menu-item href="#" font-size="14px" color="#111111">
                        Unsubscribe
                    </re-menu-item>
                </re-menu>
            </re-block>
        </re-footer>
    </re-container>
</re-body>
</re-html>