/
htmlMessage.html
150 lines (150 loc) · 7.05 KB
/
htmlMessage.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
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<meta name='viewport' content='width=device-width, initial-scale=1.0'/>
<title>Weekly Newsletter</title>
</head>
<body style='margin: 0; padding: 0'>
<table border='0' cellpadding='0' cellspacing='0' width='100%' style='margin-top: 5px; margin-bottom: 5px'>
<tr>
<td>
<table align='center' border='0' cellpadding='0' cellspacing='0' width='600' style='border-collapse: collapse'>
<tr>
<td bgcolor='#ebf2fc'>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/mailHeader.gif' alt='Tatenda Chawanzwa' width='600' height='300' style='display: block' />
</td>
</tr>
<th colspan='3' valign='middle' style='color: #081B36; font-size: 24px; height: 100px; font-family: Times, Arial, Lucida, sans-serif; margin: 0; padding: 0 0 0 0'>
WEEKLY NEWSLETTER<br />
<p style='font-size: 14px !important; font-weight: 100 !important; margin: 0; padding: 0 0 0 0'>
All the great new updates from tatenda.info
</p>
</th>
<tr>
<td bgcolor='#ffffff' style='padding: 0 30px 20px 30px; font-family: Arial, sans-serif; font-size: 14px'>
<table cellspacing='0' cellpadding='0' width='100%'>
<tr>
<td colspan='1' valign='middle' style='padding: 10px 5px 10px 20px'>
<img height='150' width='150' src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/portrait.png' alt='pic of me'/>
</td>
<td colspan='2' style='padding: 10px 20px 10px 5px; text-align: center'>
<h1 style='color: #70bbd9; margin: 0; padding: 0 0 0 0; display: inline; line-height: 0'>"</h1> Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor
mauris condimentum nibh, ut fermentum massa justo sit amet risus <h1 style='color: #70bbd9; margin: 0; padding-top: 7px; padding-left: 5px; display: inline; position: absolute'>"</h1>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor='#ffffff' style='padding: 20px 20px 20px 20px; font-family: Times, sans-serif, Arial; font-size: 14px;'>
<table cellspacing='5' cellpadding='0' width='100%'>
<tr>
<td valign='top' bgcolor='#70bbd9' style='padding: 5px 5px 5px 5px'>
<a href='http://www.tatenda.info/' style='text-decoration: none; color: #ebf2fc'>
<table>
<tr>
<td>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/col1.gif' alt='Responsive img tutorial' width='100%' height='170' style='display: block' />
</td>
</tr>
<tr>
<td>
<b>TUTORIAL: Sending HTML emails using JavaMail</b>
Here we create a little java applet which sends emails via Hotmail/Gmail SMTP. Nice quick tutorial to practise using Javamail and other Java classes
</td>
</tr>
</a>
</table>
</td>
<td width='20' style='line-height: 0; font-size: 0'>
</td>
<td bgcolor='#70bbd9' style='padding: 5px 5px 5px 5px' valign='top'>
<a href='http://www.tatenda.info/' style='text-decoration: none; color: #ebf2fc'>
<table>
<tr>
<td>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/col2.gif' alt='Visit my site!' width='100%' height='170' style='display: block' />
</td>
</tr>
<tr>
<td>
<b>Want more?</b>
Visit my portfolio page. For more info and great tutorials, videos and general tech talk just head over to www.tatenda.info
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td colspan='3' style='padding: 5px 5px 5px 5px' bgcolor='#70bbd9' valign='top'>
<a href='http://www.tatenda.info/responsive-full-background-images-with-centred-elements/' style='text-decoration: none; color: #ebf2fc'>
<table width='100%'>
<tr>
<td>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/col3.gif' alt='Full background images HTML CSS' width='100%' height='170' style='display: block' />
</td>
</tr>
<tr>
<td>
<b>TUTORIAL: Full background images with responsive centred elements</b>
All using just HTML and CSS; create gorgeous full window backgrounds and learn about viewport units to create responsive elements within your design
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor='#ffffff' align='center' height='75' width='100%'>
<a href='http://www.tatenda.info/' width='300' style='color: white; font-family: Palatino, sans-serif; text-decoration: none; margin: 0; padding: 10px; border-radius: 5px; background-color: #081b36'>
Subscribe!
</a>
</td>
</tr>
<tr>
<td bgcolor='#081b36'>
<table width='100%' style='padding: 10px 10px 10px 10px'>
<tr>
<td width='75%' style='font-size: .8em; color: #ffffff'>
® Tatenda Chawanzwa 2015<br/>
If you wish to unsubscribe to these beautiful emails <span style='text-decoration: line-through'>woe unto you</span>
<a href='http://www.tatenda.info/' style='color: #ffffff'>click here</a></p>
</td>
<td width='25%'>
<table cellpadding='3' cellspacing='0'>
<tr>
<td>
<a href='https://twitter.com/Shadrech17'>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/twitter.png' alt='Twitter' width='35' height='35' />
</a>
</td>
<td>
<a href='https://github.com/shadrech'>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/github.png' alt='Github' width='35' height='35' />
</a>
</td>
<td>
<a href='https://plus.google.com/u/0/101649695029476458497/posts'>
<img src='http://www.tatenda.info//wp-content/themes/mytheme/demos/002-JavaMail/images/google.png' alt='Google+' width='35' height='35' />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>