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"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Subscribe to our newsletter</a> (newsletter is handled by Mailtrain itself)
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <hr />
        <h3>Support Mailtrain development</h3>
        <p>
            <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=DB26KWR2BQX5W"><img src="//i1.wp.com/www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif?w=660&#038;ssl=1" alt="Donate to author" data-recalc-dims="1" /></a>
        </p>
        <p>If you want to support with Bitcoins, then my wallet address is <code>15Z8ADxhssKUiwP3jbbqJwA21744KMCfTM</code></p>
        <hr />
    </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>RSS Campaigns</h2>
        <p>Setup Mailtrain to track RSS feeds and if a new entry is detected in a feed then Mailtrain auto-generates a new campaign using entry data as message contents and sends it to selected subscribers.</p>
    </div>
    <div class="col-md-4">
        <h2>GPG Encryption</h2>
        <p>If a list includes a custom field for a GPG Public Key then subscribers can upload their GPG public keys when signing up or managing preferences. Subscriber that have a key set get all messages from the list in an encrypted form.</p>
    </div>
    <div class="col-md-4">
        <h2>Click stats</h2>
        <p>After a campaign is sent, check individual click statistics for every link included in the message.</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.png">
                </div>
                <div class="item">
                    <img src="/images/img02.png">
                </div>
                <div class="item">
                    <img src="/images/img03.png">
                </div>
                <div class="item">
                    <img src="/images/img04.png">
                </div>
                <div class="item">
                    <img src="/images/img05.png">
                </div>
                <div class="item">
                    <img src="/images/img06.png">
                </div>
                <div class="item">
                    <img src="/images/img07.png">
                </div>
                <div class="item">
                    <img src="/images/img08.png">
                </div>
                <div class="item">
                    <img src="/images/img09.png">
                </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>