<div class="page-emails app">
    <aside class="email-sidebar">
        <h3><strong>Responsive Email Templates</strong></h3>
        <ul>
            <li><a href="#email-welcome" class="welcome-template active"><i class="icon-star"></i> Welcome Template</a></li>
            <li><a href="#email-update"><i class="icon-settings"></i> Account Updated Template</a></li>
            <li><a href="#email-upgrade-account"><i class="icon-star"></i> Upgrade Account Template</a></li>
            <li><a href="#email-progress"><i class="icon-energy"></i> Progress Steps Template</a></li>
            <li><a href="#email-invite"><i class="icon-user-follow"></i> Invite Template</a></li>
            <li><a href="#email-reignite"><i class="icon-bell"></i> Reignite Template</a></li>
            <li><a href="#email-invoice"><i class="icon-doc"></i> Invoice Template</a></li>
            <li><a href="#email-payment-received"><i class="icon-basket"></i> Payment Receipt Template</a></li>
            <li><a href="#email-order-shipped"><i class="icon-rocket"></i> Order Shipped Template</a></li>
            <li><a href="#email-survey"><i class="icon-question"></i> Survey Template</a></li>
        </ul>
    </aside>
    <div class="app-content email-templates pull-right">
        <div class="responsive">
            <a href="#phone"><i class="icon-screen-smartphone"></i></a>
            <a href="#tablet"><i class="icon-screen-tablet"></i></a>
            <a href="#desktop" class="active"><i class="icon-screen-desktop"></i></a>
        </div>
        <div class="email-content">
            <div id="email-welcome" class="email-template active">
                <iframe src="../../../../email-templates/email-welcome.html"></iframe>
            </div>
            <div id="email-update" class="email-template">
                <iframe src="../../../../email-templates/email-update.html"></iframe>
            </div>
            <div id="email-upgrade-account" class="email-template">
                <iframe src="../../../../email-templates/email-upgrade-account.html"></iframe>
            </div>
            <div id="email-invite" class="email-template">
                <iframe src="../../../../email-templates/email-invite.html"></iframe>
            </div>
            <div id="email-reignite" class="email-template">
                <iframe src="../../../../email-templates/email-reignite.html"></iframe>
            </div>
            <div id="email-survey" class="email-template">
                <iframe src="../../../../email-templates/email-survey.html"></iframe>
            </div>
            <div id="email-invoice" class="email-template">
                <iframe src="../../../../email-templates/email-invoice.html"></iframe>
            </div>
            <div id="email-payment-received" class="email-template">
                <iframe src="../../../../email-templates/email-payment-received.html"></iframe>
            </div>
            <div id="email-order-shipped" class="email-template">
                <iframe src="../../../../email-templates/email-order-shipped.html"></iframe>
            </div>
            <div id="email-survey" class="email-template">
                <iframe src="../../../../email-templates/email-survey.html"></iframe>
            </div>
            <div id="email-progress" class="email-template">
                <iframe src="../../../../email-templates/email-progress.html"></iframe>
            </div>
        </div>
    </div>
</div>