/
email_preview.html
53 lines (52 loc) · 2.28 KB
/
email_preview.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!-- Email Preview -->
<div class="card-box">
<h4 class="header-title m-t-0 m-b-30">Generated Email</h4>
<ul class="nav nav-tabs tabs-bordered">
<li class="nav-item">
<a href="#preview-b1" data-toggle="tab" aria-expanded="false" class="nav-link active show">
Preview
</a>
</li>
<li class="nav-item">
<a href="#html-b1" data-toggle="tab" aria-expanded="true" class="nav-link">
HTML
</a>
</li>
<li class="nav-item">
<a href="#mjml-b1" data-toggle="tab" aria-expanded="false" class="nav-link text-muted">
MJML <i class="ion-locked"></i>
</a>
</li>
<li class="nav-item">
<a href="#api-b1" data-toggle="tab" aria-expanded="false" class="nav-link text-muted">
API <i class="ion-locked"></i>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active show" id="preview-b1">
<h1 class="text-center d-none d-md-block mb-5 mt-5"><i class="ti-arrow-circle-left"></i></h1>
<h1 class="text-center d-md-none mb-5 mt-5"><i class="ti-arrow-circle-up"></i></h1>
<p class="text-center text-muted mb-5">To see a preview of your email, submit the Options form.</p>
</div>
<div class="tab-pane fade" id="html-b1">
<h1 class="text-center d-none d-md-block mb-5 mt-5"><i class="ti-arrow-circle-left"></i></h1>
<h1 class="text-center d-md-none mb-5 mt-5"><i class="ti-arrow-circle-up"></i></h1>
<p class="text-center text-muted mb-5">To see a preview of your email, submit the Options form.</p>
</div>
<div class="tab-pane fade" id="mjml-b1">
<h1 class="text-center mb-5 mt-5"><i class="ion-locked"></i></h1>
<p class="text-center text-muted">This feature is only available to premium users.</p>
<p class="text-center mb-5">
<button type="button" class="btn btn-success waves-effect waves-light">Request Premium Access</button>
</p>
</div>
<div class="tab-pane fade" id="api-b1">
<h1 class="text-center mb-5 mt-5"><i class="ion-locked"></i></h1>
<p class="text-center text-muted">This feature is only available to premium users.</p>
<p class="text-center mb-5">
<button type="button" class="btn btn-success waves-effect waves-light">Request Premium Access</button>
</p>
</div>
</div>
</div>