mailtrain/views/index.hbs

<div class="row">
    <div class="col-md-12">
        <div class="well">
            <a class="btn btn-success btn-sm" href="http://mailtrain.org/subscription/EysIv8sAx" role="button">Subscribe here</a> to Mailtrain newsletter (uses Mailtrain obviously)
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <h2>List management</h2>
        <p>Mailtrain allows you to easily manage even very large lists. Million subscribers? Not a problem. You can add subscribers manually or import from a CSV file. All lists come with support for custom fields and merge tags as well.</p>
    </div>
    <div class="col-md-4">
        <h2>Custom fields</h2>
        <p>Text fields, numbers, drop downs or checkboxes, Mailtrain has them all. Every custom field can be included in the generated newsletters through merge tags.</p>
    </div>
    <div class="col-md-4">
        <h2>List segmentation</h2>
        <p>Send messages only to list subscribers that match predefined segmentation rules. No need to create separate lists with small differences.</p>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <h2>Open source</h2>
        <p>Mailtrain is available under <a href="http://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3</a> license and completely open source.</p>
    </div>
    <div class="col-md-4">
        <h2>Send via any provider</h2>
        <p>Amazon SES, SparkPost, SendGrid, Mailgun – you name it. You can use any provider that supports SMTP protocol to send out your newsletters. Bounce and complaints handling via webhooks is supported for SES, SparkPost, SendGrid and Mailgun.</p>
    </div>
    <div class="col-md-4">
        <h2>On the roadmap</h2>
        <p>Better reports, API access, campaign automation and more…</p>
    </div>
</div>


<p></p>

<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">

        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="/images/img01_lists.png" alt="Lists">
                </div>
                <div class="item">
                    <img src="/images/img02_list.png" alt="List">
                </div>
                <div class="item">
                    <img src="/images/img03_fields.png" alt="Custom fields">
                </div>
                <div class="item">
                    <img src="/images/img04_segment.png" alt="List segments">
                </div>
                <div class="item">
                    <img src="/images/img05_subscribe.png" alt="List segments">
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

    </div>
    <div class="col-md-1"></div>
</div>

<p></p>