updated carousel
This commit is contained in:
Andris Reinman
parent
6ce699892c
commit
333bea51a4
2 changed files with 59 additions and 73 deletions
|
|
@ -1,50 +1,11 @@
|
|||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="well">
|
||||
Subscribe to <strong>Mailtrain Newsletter</strong> <a class="btn btn-success btn-sm" href="http://mailtrain.org/subscription/EysIv8sAx" role="button"><span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span> Subscribe here</a> (uses Mailtrain obviously)
|
||||
<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 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 class="row">
|
||||
<div class="col-md-4">
|
||||
<h2>List management</h2>
|
||||
|
|
@ -60,6 +21,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h2>Open source</h2>
|
||||
|
|
@ -74,3 +38,54 @@
|
|||
<p>Reports, API access 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>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
|
||||
<meta name="description" content="Self hosted email newsletter app">
|
||||
<meta name="author" content="Andris Reinman">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
|
|
@ -14,38 +14,8 @@
|
|||
{{#if title}} | {{title}}{{/if}}
|
||||
</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
|
||||
-->
|
||||
<link rel="stylesheet" href="/datatables/datatables.min.css">
|
||||
|
||||
<!-- Bootswatch themes -->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/united.min.css">
|
||||
-->
|
||||
|
||||
<!-- -->
|
||||
<link rel="stylesheet" href="/bootstrap/themes/flatly.min.css">
|
||||
<!-- -->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/slate.min.css">
|
||||
-->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/paper.min.css">
|
||||
-->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/superhero.min.css">
|
||||
-->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/yeti.min.css">
|
||||
-->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/simplex.min.css">
|
||||
-->
|
||||
<!--
|
||||
<link rel="stylesheet" href="/bootstrap/themes/cosmo.min.css">
|
||||
-->
|
||||
<link rel="stylesheet" href="/datatables/datatables.min.css">
|
||||
|
||||
<link rel="stylesheet" href="/datepicker/css/bootstrap-datepicker3.css">
|
||||
<link rel="stylesheet" href="/css/footer.css">
|
||||
|
|
@ -138,6 +108,7 @@
|
|||
|
||||
<h1>Mailtrain</h1>
|
||||
<p>Self hosted newsletter app built on top of <a href="http://nodemailer.com">Nodemailer</a></p>
|
||||
<p><a class="btn btn-info btn-md" href="https://github.com/andris9/mailtrain" role="button"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Source on GitHub</a></p>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="visible-xs-block ">
|
||||
|
|
@ -155,7 +126,7 @@
|
|||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="text-muted">© 2016 Andris Reinman <a href="https://mailtrain.org">Mailtrain.org</a>, <a href="mailto:info@mailtrain.org">info@mailtrain.org</a>. Source at <a href="https://github.com/andris9/mailtrain">GitHub</a></p>
|
||||
<p class="text-muted">© 2016 Andris Reinman <a href="https://mailtrain.org">Mailtrain.org</a>, <a href="mailto:info@mailtrain.org">info@mailtrain.org</a>. Source on <a href="https://github.com/andris9/mailtrain">GitHub</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue