<!-- RIBBON -->
<div id="ribbon">

				<span class="ribbon-button-alignment"> 
					<span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh"  rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings." data-html="true">
						<i class="fa fa-refresh"></i>
					</span> 
				</span>

    <!-- breadcrumb -->
    <ol class="breadcrumb">
        <li>Home</li><li>Miscellaneous</li><li>Email Template</li>
    </ol>
    <!-- end breadcrumb -->

    <!-- You can also add more buttons to the
    ribbon for further usability

    Example below:

    <span class="ribbon-button-alignment pull-right">
    <span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
    <span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
    <span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
    </span> -->

</div>
<!-- END RIBBON -->

<!-- MAIN CONTENT -->
<div id="content">

    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <h1 class="page-title txt-color-blueDark">

                <!-- PAGE HEADER -->
                <i class="icon-fixed-width icon-home"></i>
                Email Template 
							<span>>  
								Responsive Email templates!
							</span>
            </h1>
        </div>

    </div>

    <!-- row -->
    <div class="row">

        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
            <img src="/public/pandora/img/demo/basic.png" alt="Basic Email Template" style="width:100%; height:auto;">
            <br>
            <br>
            <a href="../goodies/email-templates/basic.html" target="_blank" class="btn btn-primary btn-block">Basic Email Template</a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
            <img src="/public/pandora/img/demo/sidebar.png" alt="Sidebar Email Template" style="width:100%; height:auto;">
            <br>
            <br>
            <a href="../goodies/email-templates/sidebar.html" target="_blank" class="btn btn-primary btn-block">Sidebar Email Template</a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
            <img src="/public/pandora/img/demo/hero.png" alt="Hero Email Template" style="width:100%; height:auto;">
            <br>
            <br>
            <a href="../goodies/email-templates/hero.html" target="_blank" class="btn btn-primary btn-block">Hero Email Template</a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
            <img src="/public/pandora/img/demo/sidebarhero.png" alt="Sidebar with Hero" style="width:100%; height:auto;">
            <br>
            <br>
            <a href="../goodies/email-templates/sidebar-hero.html" target="_blank" class="btn btn-primary btn-block">Sidebar with Hero</a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
            <img src="/public/pandora/img/demo/newsletter.png" alt="Newsletter Email Template" style="width:100%; height:auto;">
            <br>
            <br>
            <a href="../goodies/email-templates/newsletter.html" target="_blank" class="btn btn-primary btn-block">Newsletter Template</a>
        </div>

    </div>
    <!-- end row -->

</div>
<!-- END MAIN CONTENT -->