-
Notifications
You must be signed in to change notification settings - Fork 0
/
Skeleton.html
180 lines (157 loc) · 10.1 KB
/
Skeleton.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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!doctype html>
<html>
<head>
<title>PARI Weekly Newsletter</title>
<style>
/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }
/* RESET STYLES */
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
/* iOS BLUE LINKS */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* MOBILE STYLES */
@media screen and (max-width: 600px) {
.img-max {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.max-width {
max-width: 100% !important;
}
.mobile-wrapper {
width: 85% !important;
max-width: 85% !important;
}
.mobile-padding {
padding-left: 5% !important;
padding-right: 5% !important;
}
}
/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style>
</head>
<body style="margin: 0 !important; padding: 0; !important background-color: #ffffff;" bgcolor="#ffffff">
<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
Weekly Newsletter
</div>
<!-- END OF HIDDEN PREHEADER TEXT -->
<!-- THIS IS WHERE CONTENT BEGINS - BASICALLY, THE MAIN TABLE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- HIDDEN PREHEADER TEXT -->
<tr>
<td align="center" valign="top" width="100%" background="bg.jpg" bgcolor="#eaeaea" style="background: #eaeaea url('bg.jpg'); background-size: cover; padding: 0px 15px 0 15px;" class="mobile-padding">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
<tr>
<td><p style='color: black;font-size: 12px;line-height: 17px;font-family: Open Sans, Helvetica, Arial, sans-serif;background-color: #e0e0e0;border-radius: 3px;padding: 6px 10px;text-align:center;'>Rural journalism needs your support <a style='text-decoration:none;' href="https://ruralindiaonline.org/pages/donate" target="_blank"><span style='border-radius: 4px;background-color: #FF3D08;padding: 3px 8px;color: white;font-weight: bold;text-transform: uppercase;'>Donate to PARI →</a></p></td>
</tr>
<tr>
<td align="right">
<h2 style='color: #999;font-weight: normal;font-size: 11px;font-family: sans-serif;' >August 28, 2018</h2>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding: 0 0 20px 0;">
<img src="https://ruralindiaonline.org/static/img/logo.png" width="80" height="70" border="0" style="display:block;float:left;">
<h2 style='float: right;margin: 3px 0px 0px 0px;font-size:16px;font-family: serif;color: #999;'>People's Archive of Rural India<br/><span style='font-size:12px;letter-spacing: 0.6px;font-weight:normal;font-family: sans-serif;'><i>Everyday Lives of Everyday People</i></h2><br/>
</td>
</tr>
<tr>
<td align="center" bgcolor="#ffffff" style="border-radius: 3px 3px 0 0;">
</td>
</tr>
</table>
</td>
</tr>
<!-- LOWER PART - DOESN'T USUALLY NEED ANY CHANGE -->
<tr>
<!-- CALL FOR DONATION -->
<td align="center" height="100%" valign="top" width="100%" bgcolor="#f6f6f6" style="padding: 0 15px 0px 15px;">
<!-- CONNECT WITH PARI -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="font-size: 13px;max-width:600px;font-family: Open Sans, Helvetica, Arial, sans-serif; color: #999999;padding-bottom:20px;border-bottom: 1px solid #cecece;">
<tr>
<td align="center" style="padding-bottom: 30px;">
<table>
<tr>
<td style="padding: 0 10px;">
<a href="https://www.facebook.com/PARInetwork/" target="_blank"><img src="http://ruralindiaonline.org/images/aP6-LIYN4dY1c6yYK7MhtqTFBz0=/5922/original/" width="32" height="32" style="display: block; border: 0px;" /></a>
</td>
<td style="padding: 0 10px;">
<a href="https://www.instagram.com/PARI.network/" target="_blank"><img src="http://ruralindiaonline.org/images/vaMB-gnFVdIT1rOKlKUcxtLbEbI=/5923/original/" width="32" height="32" style="display: block; border: 0px;" /></a>
</td>
<td style="padding: 0 10px;">
<a href="https://www.twitter.com/PARInetwork/" target="_blank"><img src="http://ruralindiaonline.org/images/aK-OlJjTJQ0QjFqiYRF83YbnnuI=/5925/original/" width="32" height="32" style="display: block; border: 0px;" /></a>
</td>
<td style="padding: 0 10px;">
<a href="https://www.youtube.com/PARInetwork/" target="_blank"><img src="http://ruralindiaonline.org/images/t8LVcfuSwNdREnGv4xKI8_FRQyY=/5926/original/" width="32" height="32" style="display: block; border: 0px;" /></a>
</td>
<td style="padding: 0 10px;">
<a href="http://eepurl.com/dtgOfT" target="_blank"><img src="http://ruralindiaonline.org/images/IRZHHkhzERZzI1whCAcTwbDrHPU=/6256/original/" width="146" height="32" style="display: block; border: 0px;" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END OF CONNECT WITH PARI -->
<!-- CALL FOR DONATION AND VOLUNTEERS -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;"> <!-- CALL for DONATION -->
<tr>
<td align="center" bgcolor="" style="border-radius: 0 0 3px 3px; padding-top: 30px; font-family: Open Sans, Helvetica, Arial, sans-serif; margin-bottom:25px;color: #6e6e6e;font-size: 13px;">
Help us tell the stories of 833 million people across rural India. We appeal to you to contribute generously and make this unique journalistic endeavour a success. We can do this without governments and corporations – and will. We can’t do it without you.
<a href="https://ruralindiaonline.org/donate" target="_blank" style="font-size: 14px;font-weight: bold;font-family: Open Sans, Helvetica, Arial, sans-serif;color: #FF3D08;text-decoration: none;padding: 10px 17px 0px 17px;display: block;">Make a donation →</a>
</td>
</tr>
<tr>
<td align="center" bgcolor="" style="border-radius: 0 0 3px 3px; padding: 15px; font-family: Open Sans, Helvetica, Arial, sans-serif; margin-bottom:25px;color: #6e6e6e;font-size: 13px;">
Join us in building a knowledge repository on rural India. PARI thrives on the efforts of volunteers across the country (and abroad). You too can help – build the tech platform, write, edit, take photographs, make a film, do research, translate – or
contribute in any other way.
<a href="https://ruralindiaonline.org/contribute" target="_blank" style="font-size: 14px;font-weight: bold;font-family: Open Sans, Helvetica, Arial, sans-serif;color: #FF3D08;text-decoration: none;padding: 10px 17px 0px 17px;display: block;">Volunteer for PARI →</a>
</td>
</tr>
</table>
<!-- END OF CALL FOR DONATION AND VOLUNTEERS -->
<!-- PARI GREY LOGO AND ADDRESS -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;border-top: 1px solid #cecece;margin-top: 20px;">
<tr>
<td align="center" valign="top" style="padding: 30px 0 0 0;">
<a href='https://ruralindiaonline.org/'><img src="http://ruralindiaonline.org/images/HZgiVKBQ3UR9dQfeEbXIIac9kuU=/5924/original/" width="60" height="35" border="0" style="display: block;"></a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #999999;">
<p style="font-size: 14px; line-height: 20px;">
<b>People's Archive of Rural India</b><br>Mumbai, Maharashtra, India
<br><br>
</p>
</td>
</tr>
</table>
<!-- END OF PARI GREY LOGO AND ADDRESS -->
<!-- CALL FOR DONATION AND VOLUNTEERS -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;"> <!-- CALL for DONATION -->
<tr>
<td align="center" bgcolor="" style="border-radius: 0 0 3px 3px; padding: 15px; font-family: Open Sans, Helvetica, Arial, sans-serif;color: #b0b0b0;font-size: 13px;">If you have feedback on this emailer, please write to:<a href='mailto:[email protected]' style='color: #b0b0b0;'>[email protected]</a> • <a target='_blank' href='https://www.google.com/url?q=https://goo.gl/forms/BJFUdtmpsyvIxRt02&sa=D&source=hangouts&ust=1545751073492000&usg=AFQjCNEKsdnik4m8juPuxUv6BgrXmO-S1g'>Unsubscribe</a>
</td>
</tr>
</table>
<!-- END OF CALL FOR DONATION AND VOLUNTEERS -->
</td>
</tr>
<!-- END OF LOWER PART -->
</table>
</body>
</html>