-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (123 loc) · 7.71 KB
/
index.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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0"> <!-- So that mobile webkit will display zoomed in -->
<meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
<title>Sample</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Work+Sans:wght@300;400;500;600;700&display=swap');
body {font-family: 'Work Sans', sans-serif !important; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
table {
border-spacing: 0;
}
table td {
border-collapse: collapse;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.ReadMsgBody {
width: 100%;
background-color: #ebebeb;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
.yshortcuts a {
border-bottom: none !important;
}
@media screen and (max-width: 599px) {
table[class="force-row"],
table[class="container"] {
width: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 400px) {
td[class*="container-padding"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
.ios-footer a {
color: #aaaaaa !important;
text-decoration: underline;
}
</style>
</head>
<body style="margin:0; padding:0;" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff;">
<br>
<table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="width:600px;max-width:600px; background: #FFFFFF;">
<tr>
<td class="image-100-percent" valign="top" align="left" style="text-align: left;padding-left:24px; padding-right:24px;"><img class="bottomlogo" src="https://nepaimpressions.com/manoj/email/images/logo.jpg" title="MS" style="display:block !important; max-width:86px; border:0;" width="86" height="43"></td>
</tr>
<tr>
<td align="left" valign="top" style="padding-top:5px; padding-bottom:5px; padding-left:24px;padding-right:24px; background-color:#fff;">
<hr style="margin: 0; border: 0; border-bottom:2px solid #000000;" /></td>
</tr>
<tr>
<td align="left" class="container-padding content"
style="padding-left:24px;padding-right:24px;padding-top:12px;padding-bottom:12px;background-color:#ffffff;">
<p style="font-family: 'Work Sans', sans-serif;font-size:20px;line-height:24px;color:#414042; font-weight:900;">
Title
</p>
<p style="font-family: 'Work Sans', sans-serif;font-size:12px;line-height:14px;color:#414042; font-weight:300; padding-bottom:5px">
company name <br/>address goes here. street, city, country
</p>
<p style="font-family: 'Work Sans', sans-serif;font-size:12px;line-height:16px;color:#000000; padding-bottom:10px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae aliquam tellus. Donec eget libero dui, vel eleifend tortor. Nullam odio enim, posuere ac molestie tempor, tincidunt nec tortor. Proin malesuada enim est, eu rutrum erat. Morbi sed elit velit. Nam ut mi arcu. Duis sit amet volutpat magna. Pellentesque sed tortor at mi accumsan tristique. Cras velit leo, gravida eu consequat et, eleifend at est. Nulla nisl dui, aliquam sit amet interdum vel, laoreet a turpis. Vivamus gravida viverra diam sit amet blandit.<br><br>
<b>Heading</b><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae aliquam tellus. Donec eget libero dui, vel eleifend tortor. Nullam odio enim, posuere ac molestie tempor, tincidunt nec tortor. Proin malesuada enim est, eu rutrum erat. Morbi sed elit velit. Nam ut mi arcu. Duis sit amet volutpat magna. Pellentesque sed tortor at mi accumsan tristique. Cras velit leo, gravida eu consequat et, eleifend at est. Nulla nisl dui, aliquam sit amet interdum vel, laoreet a turpis. Vivamus gravida viverra diam sit amet blandit.<br><br>
<b>Heading</b><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae aliquam tellus. Donec eget libero dui, vel eleifend tortor. Nullam odio enim, posuere ac molestie tempor, tincidunt nec tortor. Proin malesuada enim est, eu rutrum erat. Morbi sed elit velit. Nam ut mi arcu. Duis sit amet volutpat magna. Pellentesque sed tortor at mi accumsan tristique. Cras velit leo, gravida eu consequat et, eleifend at est. Nulla nisl dui, aliquam sit amet interdum vel, laoreet a turpis. Vivamus gravida viverra diam sit amet blandit.
</p>
</td>
</tr>
<tr>
<td align="left" height="28" valign="top"><img alt="" border="0" hspace="0" src="https://portal.blockcerts.com/webservices/cmaeon/rocket/pub.asmx/viewFile?code=1405f3f15b5a4355a6700660de85ace0" style="display:block !important; height:28px" vspace="0" /></td>
</tr>
<tr>
<td align="left" style="font-family:'Work Sans', sans-serif;font-size:12px;font-weight:400; color:#000000!important; padding-left:24px;padding-right:24px;background-color:#ffffff">Warm regards,</br>
The laoreet a turpis Team</td>
</tr>
<tr>
<td align="left" height="28" valign="top"><img alt="" border="0" hspace="0" src="https://portal.blockcerts.com/webservices/cmaeon/rocket/pub.asmx/viewFile?code=1405f3f15b5a4355a6700660de85ace0" style="display:block !important; height:28px" vspace="0" /></td>
</tr>
<tr>
<td class="image-100-percent" valign="top" align="left" style="text-align: left;padding-left:24px; padding-right:24px;"><img class="bottomlogo" src="https://nepaimpressions.com/manoj/email/images/logo.jpg" title="MS" style="display:block !important; max-width:86px; border:0;" width="86" height="43"></td>
</tr>
<tr>
<td align="left" class="container-padding footer-text" style="font-family: 'Work Sans', sans-serif;font-size:12px;line-height:16px;color:#aaaaaa;padding-left:24px;padding-right:24px; background-color:#fff;">
<img src="https://nepaimpressions.com/manoj/email/images/footer-line.png" title="" style="width:100%; border:0;padding-bottom:5px;">
</td>
</tr>
<tr>
<td class="container-padding footer-text" align="left" style="font-family: 'Work Sans', sans-serif;font-size:12px;line-height:16px;color:#414042;padding-left:24px;padding-right:24px">
© 2024 laoreet a turpis.
<br><br>
</td>
</tr>
</table>
<!--/600px container -->
</td>
</tr>
</table>
<!--/100% background wrapper-->
</body>
</html>