forked from AndreaPaciolla/stravemail
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexample.html
More file actions
241 lines (195 loc) · 10.6 KB
/
Copy pathexample.html
File metadata and controls
241 lines (195 loc) · 10.6 KB
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<link rel="stylesheet" href="css/base.css">
<meta name="viewport" content="width=device-width" />
<meta charset="utf-8">
<!-- ===== THE HEADER -->
<table cellpadding="0" cellspacing="0" align="center" class="head_wrapper">
<tr>
<td class="container">
<div class="content">
<table cellspacing="0" cellpadding="0" align="center" class="exp_width">
<tr>
<td>
<div class="header padded">
<div class="logo">
<a href="http://www.pazienti.it">
<img src="http://www.pazienti.it/assets/logo-noshdw.png">
</a>
</div>
</div> <!-- width: 100% so 670px -->
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- ===== THE BODY -->
<table cellspacing="0" cellpadding="0" align="center" class="body_wrapper"> <!-- width: 100% -->
<tr>
<td class="container"> <!-- max-width:670px;display:block; -->
<div class="content" > <!-- max-width:670px;display:block -->
<table cellpadding="0" cellspacing="0" align="center" class="exp_width"> <!-- width:100% -->
<tr>
<td>
<div class="body padded"> <!-- 520px width -->
<!-- A TITLE BOX -->
<div class="title_box">
<img class="title_logo" src="https://ci3.googleusercontent.com/proxy/ocDl5t8wbc5Ohp24xVVOnmlj0weosSAhEdjFmB0TE_-c9IqWaxCjMJ-V9WmxszzmLkD-LWuIK8kiXyrbPhcoVNEZLXiLxDd2NxdIQKTXfZSIPDzebtnqwfXI1rhz15vkub2Q_3hI3tM=s0-d-e1-ft#https://s3.amazonaws.com/uploads.hipchat.com/14656/189759/EYrhLQm2dSW2u3w/cmon.png">
<h2 class="title">Le news da non perdere</h2>
<div class="clean"></div>
</div>
<!-- TEXT BOX -->
<div class="text_box vbottomspace">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel nulla molestie, semper dolor et, iaculis magna. Maecenas est elit, convallis nec fringilla at, posuere ac est. Integer auctor fermentum nisi tincidunt porttitor. Nulla ut porttitor tortor. Sed eu augue id mauris fermentum rutrum sed pellentesque lectus. In lobortis condimentum turpis, pulvinar varius augue vehicula vel. Integer tempus bibendum justo ut condimentum. Suspendisse potenti. Mauris vulputate diam ac arcu facilisis, at elementum nibh varius.</p>
</div>
<!-- TEXT WITH IMAGE BOX -->
<div class="text_image_box vspace">
<div class="thumb to_left">
<img src="https://ci4.googleusercontent.com/proxy/KyDix1Jqn0kGxrRdJZ9NeHCkdnkgsjJPk_FLUZW8vIXfTlcyWnuNss6wfFy5_9xctSX6zw=s0-d-e1-ft#http://i.imgur.com/NdTgRBF.jpg">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel nulla molestie, semper dolor et, iaculis magna. Maecenas est elit, convallis nec fringilla at, posuere ac est. Integer auctor fermentum nisi tincidunt porttitor. Nulla ut porttitor tortor. Sed eu augue id mauris fermentum rutrum sed pellentesque lectus. In lobortis condimentum turpis, pulvinar varius augue vehicula vel. Integer tempus bibendum justo ut condimentum. Suspendisse potenti. Mauris vulputate diam ac arcu facilisis, at elementum nibh varius.</p>
<div class="clean"></div>
</div>
<!-- THREE FLOATED IMAGES WITH BRIEF DESCRIPTION BOX -->
<div class="nested_boxes three vspace">
<div class="box">
<div class="thumb">
<img src="https://ci3.googleusercontent.com/proxy/vfk70U2xTx4tPTnEN7jPNqTH53bdV-rnfN742ZlkD48YZraZimwTGyARsKRNuuddRDcSaA=s0-d-e1-ft#http://i.imgur.com/9hcx7DZ.jpg">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel nulla molestie, semper dolor et, iaculis magna. Maecenas est elit, convallis nec fringilla at, posuere ac est. Integer auctor fermentum nisi tincidunt porttitor. Nulla ut porttitor tortor.
</p>
</div>
<div class="box">
<div class="thumb">
<img src="https://ci3.googleusercontent.com/proxy/vfk70U2xTx4tPTnEN7jPNqTH53bdV-rnfN742ZlkD48YZraZimwTGyARsKRNuuddRDcSaA=s0-d-e1-ft#http://i.imgur.com/9hcx7DZ.jpg">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel nulla molestie, semper dolor et, iaculis magna. Maecenas est elit, convallis nec fringilla at, posuere ac est. Integer auctor fermentum nisi tincidunt porttitor. Nulla ut porttitor tortor.
</p>
</div>
<div class="box">
<div class="thumb">
<img src="https://ci3.googleusercontent.com/proxy/vfk70U2xTx4tPTnEN7jPNqTH53bdV-rnfN742ZlkD48YZraZimwTGyARsKRNuuddRDcSaA=s0-d-e1-ft#http://i.imgur.com/9hcx7DZ.jpg">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel nulla molestie, semper dolor et, iaculis magna. Maecenas est elit, convallis nec fringilla at, posuere ac est. Integer auctor fermentum nisi tincidunt porttitor. Nulla ut porttitor tortor.
</p>
</div>
<div class="clean"></div>
</div>
<!--IMAGE BOX -->
<div class="image_box vspace">
<img src="https://ci4.googleusercontent.com/proxy/H1_0onA7baI1_-uwydFKsoM8z3W255DZXy6W2vEQvlVyjN0cN72F7h-ZtCLM1RBlGHH47A=s0-d-e1-ft#http://i.imgur.com/ERoXq1Z.jpg">
</div>
<!-- TEXT WITH IMAGE BOX -->
<div class="cta_title_button_box vspace">
<h2 class="title">
GUARDA LE PROPOSTE PER STARE IN FORMA
</h2>
<a href="#">
<div class="button blue">
CLICCA QUI
</div>
</a>
<div class="clean"></div>
</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- ===== THE FOOTER -->
<table cellpadding="0" cellspacing="0" align="center" class="footer_wrapper">
<tr>
<td class="container">
<div class="content">
<table cellspacing="0" cellpadding="0" align="center" class="exp_width">
<tr>
<td>
<!-- THE FOOTER CONTENT -->
<div class="footer padded">
<table cellpadding="0" cellspacing="0" align="center" class="socialbar">
<tr>
<td>
<p class="margin_bottom">Rimani in contatto con noi:</p>
</td>
</tr>
<tr>
<td>
<span>
<a href="#">
<img src="https://ci5.googleusercontent.com/proxy/kiAflwD1wsDOzn9zgm8pABSOqafnGdOoQBlnl6E33PlpiJld_FFn9YN8Vzgk1QJV9rHQlA=s0-d-e1-ft#http://i.imgur.com/XyG8f82.png">
</a>
</span>
<span>
<a href="#">
<img src="https://ci3.googleusercontent.com/proxy/zM-mMf62D1oVQE8ms51amgF-WwqJJrFo-11Rra9d_N2X6L9220BQg5frArWPMl0uZZE67g=s0-d-e1-ft#http://i.imgur.com/RjFEJHj.png">
</a>
</span>
<span>
<a href="#">
<img src="https://ci5.googleusercontent.com/proxy/a-thZFouen9KpBRoOD0rMC0Gg_kadi2zLmAsMO9m2Hx3pcsIWVzeuSjPTcgJ224yqRUG-w=s0-d-e1-ft#http://i.imgur.com/vuLVfJu.png">
</a>
</span>
<span>
<a href="#">
<img src="https://ci4.googleusercontent.com/proxy/QevuqmuMtvtztQ4Qc3CEl7FOwIeAvvyIPLx_wX-IMyrYvXPuiUC6r5L9UrFR24sg7aUq8A=s0-d-e1-ft#http://i.imgur.com/GpmcAWW.png">
</a>
</span>
<span>
<a href="#">
<img src="https://ci3.googleusercontent.com/proxy/jvEFM3Doen--bnB-AtcZBYJ5NnK0C45suZrpjuIua7-Ab-DVHeo-QwVcb8sW6W4lqt3Cfw=s0-d-e1-ft#http://i.imgur.com/a5Ua22e.png">
</a>
</span>
</td>
</tr>
</table>
<!-- SOME FOOTER IMAGES -->
<table cellpadding="0" cellspacing="0" align="center" class="useful_info">
<tr>
<td>
<p class="margin_top margin_bottom">Pazienti è su:</p>
</td>
</tr>
<tr>
<td class="footer_box">
<p><span>
<img src="https://ci4.googleusercontent.com/proxy/swLjWlv6b3wd07dX2SIXsfY-VQelLWYV9IU91gIcni0O2Eg7TeM_dD6eWH6uiyfOECAPayO71EOTvDEr4l9OY9x82qwD1UkoHBY9GFxANxkF4KdpSVKXr-WefUmSqfam6SDpI1KdU-Wh9FuvRWdM=s0-d-e1-ft#https://s3.amazonaws.com/uploads.hipchat.com/14656/189759/LV1szu2be7wUoKR/press_first.gif" width="280">
<img src="https://ci5.googleusercontent.com/proxy/7DwEpEQVs9GV8TecN5APnxLniPQ2KCBRGk57JioS8pkEnu2K1mNlyytAGg4CccEgVv6tAhPzyd7oiKlUZlLnCiRKco6MXEJfz_ltCnn_inaVZ24HupuMkV2SmWy-ZUdRpVuMghXxw2-0sp632UxKlQ=s0-d-e1-ft#https://s3.amazonaws.com/uploads.hipchat.com/14656/189759/xI9576O1ke5jvWz/press_second.gif" width="280">
</span></p>
</td>
</tr>
<tr>
<td class="footer_box">
<p><span>
<img src="https://ci4.googleusercontent.com/proxy/RxvlO95ii6XMLsiVxV94YPaENBLnUORIe4HkxWqp86F9rUG0uyecD8dFl7o3h_4QZbjk_1m94NColaaFFpe3Ji0JxBg6QUOC64Hx4DEvrWxsD3iw9D6lLGoijcHvMt4StrzK2FzR6wwPZU-ShcF64aax=s0-d-e1-ft#https://s3.amazonaws.com/uploads.hipchat.com/14656/189759/w0rSCreEUhqkyJY/payments_first.png" width="280">
<img src="https://ci3.googleusercontent.com/proxy/KnJ52KXhzDe69Ial7AfoDzQ1110x26xNwhcF2AmV9wFu_HcKtoQIs3pChU_qRnqr46lOXuTu3SqMtJ1v9oAKcB3EoWzlHDgpEzdG62UVBzFLzDg3OrWQl1nVppee8sSX-DSd5-2OCFG0ySBYqzN7Dn2Tdw=s0-d-e1-ft#https://s3.amazonaws.com/uploads.hipchat.com/14656/189759/fnAvHTlRVhseswE/payments_second.png" width="280">
</span></p>
</td>
</tr>
</table>
<!-- SOME INFO ABOUT THE NEWSLETTER TEAM -->
<table cellpadding="0" cellspacing="0" align="center" class="team_info">
<tr>
<td class="footer_box">
<p class="margin_bottom">Hai ricevuto questo messaggio perché ti sei registrato su <a href="http://www.pazienti.it" target="_blank">Pazienti.it</a></p>
<p class="margin_bottom">Per non ricevere più questa newsletter <a href="#">clicca qui</a></p>
<p class="margin_bottom">Questo messaggio è stato inviato da: <a href="http://www.pazienti.it" target="_blank">Pazienti.it</a><br>
Via de Amicis 28, Milano (MI)</p>
<p class="margin_bottom">P.IVA: 07112280966. <a href="http://www.pazienti.org" target="_blank">Pazienti.org</a> S.R.L.</p>
<p class="small_text footer_box">* Servizio di Assistenza Clienti offerto da Pazienti.org Srl, sede legale Via Edmondo de Amicis n. 28 – 20123 – Milano (MI); CF e PI: 07112280966; il costo, compresa IVA, è di 0.16 € alla risposta più 0.64 € al minuto da rete fissa, 0.95 € al minuto da rete Tim, Vodafone e H3G, 0.98 € al minuto da rete Wind; la spesa massima è di 15.25 € IVA inclusa - E' un servizio riservato a chi ha più di 18 anni di età.</p>
</td>
</tr>
</table>
</div> <!-- width: 100% so 670px -->
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>