-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathmashcamp_email.js
121 lines (104 loc) · 86.8 KB
/
mashcamp_email.js
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
var express = require('express');
var http = require('http');
var url = require('url');
var bodyParser = require('body-parser');
var app = express();
var nodemailer = require('nodemailer');
require('dotenv').load();
var PORT = process.argv[2] || 4001;
app.use(bodyParser.urlencoded({
extended: true
}));
app.use(bodyParser.json());
app.all('*', function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'X-Requested-With, Authorization, Content-Type');
next();
});
app.listen(PORT);
console.log('Listening on ' + PORT);
// create reusable transporter object using SMTP transport
var transporter = nodemailer.createTransport({
service: 'Zoho',
secureConnection: false,
auth: {
user: process.env.username_camp,
pass: process.env.password_camp
}
});
app.post('/nonSpeaker', function(req, res) {
var email, name, ccEmail;
email = req.body.email;
ccEmail = req.body.cc;
name = req.body.name;
console.log(email, ccEmail, name);
var body = '<!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> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">body{margin: 0; mso-line-height-rule: exactly; padding: 0; min-width: 100%;}table{border-collapse: collapse; border-spacing: 0;}td{padding: 0; vertical-align: top;}.spacer,.border{font-size: 1px; line-height: 1px;}.spacer{width: 100%;}img{border: 0; -ms-interpolation-mode: bicubic;}.image{font-size: 12px; Margin-bottom: 24px; mso-line-height-rule: at-least;}.image img{display: block;}.logo{mso-line-height-rule: at-least;}.logo img{display: block;}strong{font-weight: bold;}h1,h2,h3,p,ol,ul,li{Margin-top: 0;}ol,ul,li{padding-left: 0;}blockquote{Margin-top: 0; Margin-right: 0; Margin-bottom: 0; padding-right: 0;}.column-top{font-size: 32px; line-height: 32px;}.column-bottom{font-size: 8px; line-height: 8px;}.column{text-align: left;}.contents{table-layout: fixed; width: 100%;}.padded{padding-left: 32px; padding-right: 32px; word-break: break-word; word-wrap: break-word;}.wrapper{display: table; table-layout: fixed; width: 100%; min-width: 620px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}table.wrapper{table-layout: fixed;}.one-col,.two-col,.three-col{Margin-left: auto; Margin-right: auto; width: 600px;}.centered{Margin-left: auto; Margin-right: auto;}.two-col .image{Margin-bottom: 23px;}.two-col .column-bottom{font-size: 9px; line-height: 9px;}.two-col .column{width: 300px;}.three-col .image{Margin-bottom: 21px;}.three-col .column-bottom{font-size: 11px; line-height: 11px;}.three-col .column{width: 200px;}.three-col .first .padded{padding-left: 32px; padding-right: 16px;}.three-col .second .padded{padding-left: 24px; padding-right: 24px;}.three-col .third .padded{padding-left: 16px; padding-right: 32px;}@media only screen and (min-width: 0){.wrapper{text-rendering: optimizeLegibility;}}@media only screen and (max-width: 620px){[class=wrapper]{min-width: 318px !important; width: 100% !important;}[class=wrapper] .one-col, [class=wrapper] .two-col, [class=wrapper] .three-col{width: 318px !important;}[class=wrapper] .column, [class=wrapper] .gutter{display: block; float: left; width: 318px !important;}[class=wrapper] .padded{padding-left: 32px !important; padding-right: 32px !important;}[class=wrapper] .block{display: block !important;}[class=wrapper] .hide{display: none !important;}[class=wrapper] .image{margin-bottom: 24px !important;}[class=wrapper] .image img{height: auto !important; width: 100% !important;}}.wrapper h1{font-weight: 700;}.wrapper h2{font-style: italic; font-weight: normal;}.wrapper h3{font-weight: normal;}.one-col blockquote,.two-col blockquote,.three-col blockquote{font-style: italic;}.one-col-feature h1{font-weight: normal;}.one-col-feature h2{font-style: normal; font-weight: bold;}.one-col-feature h3{font-style: italic;}td.border{width: 1px;}tr.border{background-color: #e9e9e9; height: 1px;}tr.border td{line-height: 1px;}.one-col,.two-col,.three-col,.one-col-feature{background-color: #ffffff; font-size: 14px; table-layout: fixed;}.one-col,.two-col,.three-col,.one-col-feature,.preheader,.header,.footer{Margin-left: auto; Margin-right: auto;}.preheader table{width: 602px;}.preheader .title,.preheader .webversion{padding-top: 10px; padding-bottom: 12px; font-size: 12px; line-height: 21px;}.preheader .title{text-align: left;}.preheader .webversion{text-align: right; width: 300px;}.header{width: 602px;}.header .logo{padding: 32px 0;}.header .logo div{font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 32px;}.header .logo div a{text-decoration: none;}.header .logo div.logo-center{text-align: center;}.header .logo div.logo-center img{Margin-left: auto; Margin-right: auto;}.gmail{width: 650px; min-width: 650px;}.gmail td{font-size: 1px; line-height: 1px;}.wrapper a{text-decoration: underline; transition: all .2s;}.wrapper h1{font-size: 36px; Margin-bottom: 18px;}.wrapper h2{font-size: 26px; line-height: 32px; Margin-bottom: 20px;}.wrapper h3{font-size: 18px; line-height: 22px; Margin-bottom: 16px;}.wrapper h1 a,.wrapper h2 a,.wrapper h3 a{text-decoration: none;}.one-col blockquote,.two-col blockquote,.three-col blockquote{font-size: 14px; border-left: 2px solid #e9e9e9; Margin-left: 0; padding-left: 16px;}table.divider{width: 100%;}.divider .inner{padding-bottom: 24px;}.divider table{background-color: #e9e9e9; font-size: 2px; line-height: 2px; width: 60px;}.wrapper .gray{background-color: #f7f7f7;}.wrapper .gray blockquote{border-left-color: #dddddd;}.wrapper .gray .divider table{background-color: #dddddd;}.padded .image{font-size: 0;}.image-frame{padding: 8px;}.image-background{display: inline-block; font-size: 12px;}.btn{Margin-bottom: 24px; padding: 2px;}.btn a{border: 1px solid #ffffff; display: inline-block; font-size: 13px; font-weight: bold; line-height: 15px; outline-style: solid; outline-width: 2px; padding: 10px 30px; text-align: center; text-decoration: none !important;}.one-col .column table:nth-last-child(2) td h1:last-child,.one-col .column table:nth-last-child(2) td h2:last-child,.one-col .column table:nth-last-child(2) td h3:last-child,.one-col .column table:nth-last-child(2) td p:last-child,.one-col .column table:nth-last-child(2) td ol:last-child,.one-col .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 24px;}.one-col p,.one-col ol,.one-col ul{font-size: 16px; line-height: 24px;}.one-col ol,.one-col ul{Margin-left: 18px;}.two-col .column table:nth-last-child(2) td h1:last-child,.two-col .column table:nth-last-child(2) td h2:last-child,.two-col .column table:nth-last-child(2) td h3:last-child,.two-col .column table:nth-last-child(2) td p:last-child,.two-col .column table:nth-last-child(2) td ol:last-child,.two-col .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 23px;}.two-col .image-frame{padding: 6px;}.two-col h1{font-size: 26px; line-height: 32px; Margin-bottom: 16px;}.two-col h2{font-size: 20px; line-height: 26px; Margin-bottom: 18px;}.two-col h3{font-size: 16px; line-height: 20px; Margin-bottom: 14px;}.two-col p,.two-col ol,.two-col ul{font-size: 14px; line-height: 23px;}.two-col ol,.two-col ul{Margin-left: 16px;}.two-col li{padding-left: 5px;}.two-col .divider .inner{padding-bottom: 23px;}.two-col .btn{Margin-bottom: 23px;}.two-col blockquote{padding-left: 16px;}.three-col .column table:nth-last-child(2) td h1:last-child,.three-col .column table:nth-last-child(2) td h2:last-child,.three-col .column table:nth-last-child(2) td h3:last-child,.three-col .column table:nth-last-child(2) td p:last-child,.three-col .column table:nth-last-child(2) td ol:last-child,.three-col .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 21px;}.three-col .image-frame{padding: 4px;}.three-col h1{font-size: 20px; line-height: 26px; Margin-bottom: 12px;}.three-col h2{font-size: 16px; line-height: 22px; Margin-bottom: 14px;}.three-col h3{font-size: 14px; line-height: 18px; Margin-bottom: 10px;}.three-col p,.three-col ol,.three-col ul{font-size: 12px; line-height: 21px;}.three-col ol,.three-col ul{Margin-left: 14px;}.three-col li{padding-left: 6px;}.three-col .divider .inner{padding-bottom: 21px;}.three-col .btn{Margin-bottom: 21px;}.three-col .btn a{font-size: 12px; line-height: 14px; padding: 8px 19px;}.three-col blockquote{padding-left: 16px;}.one-col-feature .column-top{font-size: 36px; line-height: 36px;}.one-col-feature .column-bottom{font-size: 4px; line-height: 4px;}.one-col-feature .column{text-align: center; width: 600px;}.one-col-feature .image{Margin-bottom: 32px;}.one-col-feature .column table:nth-last-child(2) td h1:last-child,.one-col-feature .column table:nth-last-child(2) td h2:last-child,.one-col-feature .column table:nth-last-child(2) td h3:last-child,.one-col-feature .column table:nth-last-child(2) td p:last-child,.one-col-feature .column table:nth-last-child(2) td ol:last-child,.one-col-feature .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 32px;}.one-col-feature h1,.one-col-feature h2,.one-col-feature h3{text-align: center;}.one-col-feature h1{font-size: 52px; Margin-bottom: 22px;}.one-col-feature h2{font-size: 42px; Margin-bottom: 20px;}.one-col-feature h3{font-size: 32px; line-height: 42px; Margin-bottom: 20px;}.one-col-feature p,.one-col-feature ol,.one-col-feature ul{font-size: 21px; line-height: 32px; Margin-bottom: 32px;}.one-col-feature p a,.one-col-feature ol a,.one-col-feature ul a{text-decoration: none;}.one-col-feature p{text-align: center;}.one-col-feature ol,.one-col-feature ul{Margin-left: 40px; text-align: left;}.one-col-feature li{padding-left: 3px;}.one-col-feature .btn{Margin-bottom: 32px; text-align: center;}.one-col-feature .divider .inner{padding-bottom: 32px;}.one-col-feature blockquote{border-bottom: 2px solid #e9e9e9; border-left-color: #ffffff; border-left-width: 0; border-left-style: none; border-top: 2px solid #e9e9e9; Margin-bottom: 32px; Margin-left: 0; padding-bottom: 42px; padding-left: 0; padding-top: 42px; position: relative;}.one-col-feature blockquote:before,.one-col-feature blockquote:after{background: -moz-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -webkit-gradient(linear, left top, right top, color-stop(25%, #ffffff), color-stop(25%, #e9e9e9), color-stop(75%, #e9e9e9), color-stop(75%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -o-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -ms-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: linear-gradient(to right, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); display: block; height: 2px; left: 0; outline: 1px solid #ffffff; position: absolute; right: 0;}.one-col-feature blockquote:before{top: -2px;}.one-col-feature blockquote:after{bottom: -2px;}.one-col-feature blockquote p,.one-col-feature blockquote ol,.one-col-feature blockquote ul{font-size: 42px; line-height: 48px; Margin-bottom: 48px;}.one-col-feature blockquote p:last-child,.one-col-feature blockquote ol:last-child,.one-col-feature blockquote ul:last-child{Margin-bottom: 0 !important;}.footer{width: 602px;}.footer .padded{font-size: 12px; line-height: 20px;}.social{padding-top: 32px; padding-bottom: 22px;}.social img{display: block;}.social .divider{font-family: sans-serif; font-size: 10px; line-height: 21px; text-align: center; padding-left: 14px; padding-right: 14px;}.social .social-text{height: 21px; vertical-align: middle !important; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;}.social .social-text a{text-decoration: none;}.address{width: 250px;}.address .padded{text-align: left; padding-left: 0; padding-right: 10px;}.subscription{width: 350px;}.subscription .padded{text-align: right; padding-right: 0; padding-left: 10px;}.address,.subscription{padding-top: 32px; padding-bottom: 64px;}.address a,.subscription a{font-weight: bold; text-decoration: none;}.address table,.subscription table{width: 100%;}@media only screen and (max-width: 651px){.gmail{display: none !important;}}@media only screen and (max-width: 620px){[class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ul:last-child{Margin-bottom: 24px !important;}[class=wrapper] .address, [class=wrapper] .subscription{display: block; float: left; width: 318px !important; text-align: center !important;}[class=wrapper] .address{padding-bottom: 0 !important;}[class=wrapper] .subscription{padding-top: 0 !important;}[class=wrapper] h1{font-size: 36px !important; line-height: 42px !important; Margin-bottom: 18px !important;}[class=wrapper] h2{font-size: 26px !important; line-height: 32px !important; Margin-bottom: 20px !important;}[class=wrapper] h3{font-size: 18px !important; line-height: 22px !important; Margin-bottom: 16px !important;}[class=wrapper] p, [class=wrapper] ol, [class=wrapper] ul{font-size: 16px !important; line-height: 24px !important; Margin-bottom: 24px !important;}[class=wrapper] ol, [class=wrapper] ul{Margin-left: 18px !important;}[class=wrapper] li{padding-left: 2px !important;}[class=wrapper] blockquote{padding-left: 16px !important;}[class=wrapper] .two-col .column:nth-child(n + 3){border-top: 1px solid #e9e9e9;}[class=wrapper] .btn{margin-bottom: 24px !important;}[class=wrapper] .btn a{display: block !important; font-size: 13px !important; font-weight: bold !important; line-height: 15px !important; padding: 10px 30px !important;}[class=wrapper] .column-bottom{font-size: 8px !important; line-height: 8px !important;}[class=wrapper] .first .column-bottom, [class=wrapper] .three-col .second .column-bottom{display: none;}[class=wrapper] .second .column-top, [class=wrapper] .third .column-top{display: none;}[class=wrapper] .image-frame{padding: 4px !important;}[class=wrapper] .header .logo{padding-left: 10px !important; padding-right: 10px !important;}[class=wrapper] .header .logo div{font-size: 26px !important; line-height: 32px !important;}[class=wrapper] .header .logo div img{display: inline-block !important; max-width: 280px !important; height: auto !important;}[class=wrapper] table.border, [class=wrapper] .header, [class=wrapper] .webversion, [class=wrapper] .footer{width: 320px !important;}[class=wrapper] .preheader .webversion, [class=wrapper] .header .logo a{text-align: center !important;}[class=wrapper] .preheader table, [class=wrapper] .border td{width: 318px !important;}[class=wrapper] .border td.border{width: 1px !important;}[class=wrapper] .image .border td{width: auto !important;}[class=wrapper] .title{display: none;}[class=wrapper] .footer .padded{text-align: center !important;}[class=wrapper] .footer .subscription .padded{padding-top: 20px !important;}[class=wrapper] .footer .social-link{display: block !important;}[class=wrapper] .footer .social-link table{margin: 0 auto 10px !important;}[class=wrapper] .footer .divider{display: none !important;}[class=wrapper] .one-col-feature .btn{margin-bottom: 28px !important;}[class=wrapper] .one-col-feature .image{margin-bottom: 28px !important;}[class=wrapper] .one-col-feature .divider .inner{padding-bottom: 28px !important;}[class=wrapper] .one-col-feature h1{font-size: 42px !important; line-height: 48px !important; margin-bottom: 20px !important;}[class=wrapper] .one-col-feature h2{font-size: 32px !important; line-height: 36px !important; margin-bottom: 18px !important;}[class=wrapper] .one-col-feature h3{font-size: 26px !important; line-height: 32px !important; margin-bottom: 20px !important;}[class=wrapper] .one-col-feature p, [class=wrapper] .one-col-feature ol, [class=wrapper] .one-col-feature ul{font-size: 20px !important; line-height: 28px !important; margin-bottom: 28px !important;}[class=wrapper] .one-col-feature blockquote{font-size: 18px !important; line-height: 26px !important; margin-bottom: 28px !important; padding-bottom: 26px !important; padding-left: 0 !important; padding-top: 26px !important;}[class=wrapper] .one-col-feature blockquote p, [class=wrapper] .one-col-feature blockquote ol, [class=wrapper] .one-col-feature blockquote ul{font-size: 26px !important; line-height: 32px !important;}[class=wrapper] .one-col-feature blockquote p:last-child, [class=wrapper] .one-col-feature blockquote ol:last-child, [class=wrapper] .one-col-feature blockquote ul:last-child{margin-bottom: 0 !important;}[class=wrapper] .one-col-feature .column table:last-of-type h1:last-child, [class=wrapper] .one-col-feature .column table:last-of-type h2:last-child, [class=wrapper] .one-col-feature .column table:last-of-type h3:last-child{margin-bottom: 28px !important;}}@media only screen and (max-width: 320px){[class=wrapper] td.border{display: none;}[class=wrapper] table.border, [class=wrapper] .header, [class=wrapper] .webversion, [class=wrapper] .footer{width: 318px !important;}}</style><!--[if gte mso 9]> <style>.column-top{mso-line-height-rule: exactly !important;}</style><![endif]--> <meta name="robots" content="noindex,nofollow"></meta><meta property="og:title" content="My First Campaign"></meta><link href="https://css.createsend1.com/css/social.min.css?h=0ED47CE1z2a" media="screen,projection" rel="stylesheet" type="text/css"/></head> <body style="margin: 0;mso-line-height-rule: exactly;padding: 0;min-width: 100%;background-color: #fbfbfb"><style type="text/css">body,.wrapper,.emb-editor-canvas{background-color:#fbfbfb}.border{background-color:#e9e9e9}h1{color:#565656}.wrapper h1{}.wrapper h1{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper h1{font-family:Avenir,sans-serif !important}}h1{}.one-col h1{line-height:42px}.two-col h1{line-height:32px}.three-col h1{line-height:26px}.wrapper .one-col-feature h1{line-height:58px}@media only screen and (max-width: 620px){h1{line-height:42px !important}}h2{color:#555}.wrapper h2{}.wrapper h2{font-family:Georgia,serif}h2{}.one-col h2{line-height:32px}.two-col h2{line-height:26px}.three-col h2{line-height:22px}.wrapper .one-col-feature h2{line-height:52px}@media only screen and (max-width: 620px){h2{line-height:32px !important}}h3{color:#555}.wrapper h3{}.wrapper h3{font-family:Georgia,serif}h3{}.one-col h3{line-height:26px}.two-col h3{line-height:22px}.three-col h3{line-height:20px}.wrapper .one-col-feature h3{line-height:42px}@media only screen and (max-width: 620px){h3{line-height:26px !important}}p,ol,ul{color:#565656}.wrapper p,.wrapper ol,.wrapper ul{}.wrapper p,.wrapper ol,.wrapper ul{font-family:Georgia,serif}p,ol,ul{}.one-col p,.one-col ol,.one-col ul{line-height:25px;Margin-bottom:25px}.two-col p,.two-col ol,.two-col ul{line-height:23px;Margin-bottom:23px}.three-col p,.three-col ol,.three-col ul{line-height:21px;Margin-bottom:21px}.wrapper .one-col-feature p,.wrapper .one-col-feature ol,.wrapper .one-col-feature ul{line-height:32px}.one-col-feature blockquote p,.one-col-feature blockquote ol,.one-col-feature blockquote ul{line-height:50px}@media only screen and (max-width: 620px){p,ol,ul{line-height:25px !important;Margin-bottom:25px !important}}.image{color:#565656}.image{font-family:Georgia,serif}.wrapper a{color:#41637e}.wrapper a:hover{color:#30495c !important}.wrapper .logo div{color:#41637e}.wrapper .logo div{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper .logo div{font-family:Avenir,sans-serif !important}}.wrapper .logo div a{color:#41637e}.wrapper .logo div a:hover{color:#41637e !important}.wrapper .one-col-feature p a,.wrapper .one-col-feature ol a,.wrapper .one-col-feature ul a{border-bottom:1px solid #41637e}.wrapper .one-col-feature p a:hover,.wrapper .one-col-feature ol a:hover,.wrapper .one-col-feature ul a:hover{color:#30495c !important;border-bottom:1px solid #30495c !important}.btn a{}.wrapper .btn a{}.wrapper .btn a{font-family:Georgia,serif}.wrapper .btn a{background-color:#41637e;color:#fff !important;outline-color:#41637e;text-shadow:0 1px 0 #3b5971}.wrapper .btn a:hover{background-color:#3b5971 !important;color:#fff !important;outline-color:#3b5971 !important}.preheader .title,.preheader .webversion,.footer .padded{color:#999}.preheader .title,.preheader .webversion,.footer .padded{font-family:Georgia,serif}.preheader .title a,.preheader .webversion a,.footer .padded a{color:#999}.preheader .title a:hover,.preheader .webversion a:hover,.footer .padded a:hover{color:#737373 !important}.footer .social .divider{color:#e9e9e9}.footer .social .social-text,.footer .social a{color:#999}.wrapper .footer .social .social-text,.wrapper .footer .social a{}.wrapper .footer .social .social-text,.wrapper .footer .social a{font-family:Georgia,serif}.footer .social .social-text,.footer .social a{}.footer .social .social-text,.footer .social a{letter-spacing:0.05em}.footer .social .social-text:hover,.footer .social a:hover{color:#737373 !important}.image .border{background-color:#c8c8c8}.image-frame{background-color:#dadada}.image-background{background-color:#f7f7f7}</style> <center class="wrapper" style="display: table;table-layout: fixed;width: 100%;min-width: 620px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #fbfbfb"> <table class="gmail" style="border-collapse: collapse;border-spacing: 0;width: 650px;min-width: 650px"><tbody><tr><td style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px"> </td></tr></tbody></table> <table class="preheader centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0;width: 602px"> <tbody><tr> </tr></tbody></table> </td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr><td style="padding: 0;vertical-align: top">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col gray" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #f7f7f7;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div class="image" style="font-size: 24px;word-spacing: 8px;Margin:0;mso-line-height-rule: at-least;color: #565656;font-family: Georgia,serif" align="center"> <img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 719px;padding-top:15px" src="http://mashglobal.org/img/logo.jpg" alt="Human Circle & MASH invite you to #DoWhatYouLove MASH Camp" width="600" height="106" usemap="#logo"><map name="logo"> <area shape="rect" coords="0,0,400,106" href="http://humancircle.in/" target="_blank"> <area shape="rect" coords="450,0,600,106" href="http://www.mashglobal.org/" target="_blank"></map> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center">Dear Team,</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center">We would like to invite you to be a part of our biggest event of the year- <strong style="font-weight: bold">#DoWhatYouLove MASH Camp</strong></p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="three-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column first" style="padding: 0;vertical-align: top;text-align: left;width: 200px"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 16px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 20px;Margin-bottom: 12px;font-family: sans-serif;line-height: 26px;text-align: center">Date</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 21px;text-align: center">11th & 12th July</p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 11px;line-height: 11px"> </div></td><td class="column second" style="padding: 0;vertical-align: top;text-align: left;width: 200px"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 24px;padding-right: 24px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 20px;Margin-bottom: 16px;font-family: sans-serif;line-height: 26px;text-align: center">Time</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 21px;text-align: center">9am to 5pm</p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 11px;line-height: 11px"> </div></td><td class="column third" style="padding: 0;vertical-align: top;text-align: left;width: 200px"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 16px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 20px;Margin-bottom: 12px;font-family: sans-serif;line-height: 26px;text-align: center">Venue</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 0;text-align: center">The Studio</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 0;text-align: center">45 Udyog Vihar</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 21px;text-align: center">PhaseIV, Gurgaon</p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 11px;line-height: 11px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center">MASH Camp is solely organized to help young minds develop knowledge and skills required to pursue their ambitions. Followed by delicious luncheon and tea break, MASH Camp is going to be a super interesting and influential event.</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 0;text-align: center"><strong style="font-weight: bold">Can't wait to see you there!!</strong></p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center"><strong style="font-weight: bold">Don’t be late.</strong></p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 24px;text-align: center"><strong style="font-weight: bold">RSVP- MASH Project </strong></p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center"><em>For further details about the event and the organizations,</em></p></td></tr></tbody></table> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <div class="btn" style="Margin-bottom: 24px;padding: 2px;text-align: center"><![if !mso]><a style="border: 1px solid #ffffff;display: inline-block;font-size: 13px;font-weight: bold;line-height: 15px;outline-style: solid;outline-width: 2px;padding: 10px 30px;text-align: center;text-decoration: none !important;transition: all .2s;color: #fff !important;font-family: Georgia,serif;background-color: #41637e;outline-color: #41637e;text-shadow: 0 1px 0 #3b5971" href="http://mashglobal.org/img/DoWhatYouLove%20MashCamp.pdf" download="DoWhatYouLove MASHCamp">Click</a><![endif]> </div></td></tr></tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr><td style="padding: 0;vertical-align: top">​</td></tr></tbody></table> <div class="spacer" style="font-size: 1px;line-height: 32px;width: 100%"> </div><table class="footer centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 602px"> <tbody><tr> <td class="social" style="padding: 0;vertical-align: top;padding-top: 32px;padding-bottom: 22px" align="center"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://www.facebook.com/MashProject" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Facebook.png" alt="Facebook"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://twitter.com/mash_project" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Twitter.png" alt="Twitter"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://plus.google.com/u/0/118420471642649699506/posts" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Google.png" alt="Goggle+"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://instagram.com/mash_project/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Instagram.png" alt="Instagram"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://officialmashproject.wordpress.com/about/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Wordpress.png" alt="Wordpress"> </a> </td></tr></tbody></table> </td><td class="social-link" style="padding: 0;vertical-align: top"> </td></tr></tbody></table> </td></tr><tr><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px"> </td></tr><tr> <td style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td class="address" style="padding: 0;vertical-align: top;width: 250px;padding-top: 32px;padding-bottom: 64px"> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 0;padding-right: 10px;word-break: break-word;word-wrap: break-word;text-align: left;font-size: 12px;line-height: 20px;color: #999;font-family: Georgia,serif"> <div>MASH Project<br><a href="http://www.mashglobal.org/" target="_blank">www.mashglobal.org</a></div></td></tr></tbody></table> </td></tr></tbody></table> </td></tr></tbody></table> </center></body></html>';
if (!/(.+)@(.+){2,}\.(.+){2,}/.test(email)) {
res.json({
"reply": "Email not valid"
});
return console.error("Email validation failed");
}
var mailOptions = {
from: 'MASH Project <[email protected]>', // sender address
to: email, // list of receivers
cc: ccEmail, // Comma separated list or an array of recipients e-mail addresses
subject: 'Invitation - #DoWhatYouLove #MASHCamp ', // Subject line
html: body
};
// send mail with defined transport object
transporter.sendMail(mailOptions, function(error, info) {
if (error) {
console.log(error);
res.json({
"reply": "error"
});
} else {
console.log('Message sent: ' + info.response);
res.json({
"reply": "success"
});
}
});
});
app.post('/speaker', function(req, res) {
var email, name, ccEmail, startTime, endTime, date;
email = req.body.email;
ccEmail = req.body.cc;
name = req.body.name;
start = req.body.startTime;
end = req.body.endTime;
date = req.body.date;
console.log(email, ccEmail, name, start, end, date);
var body = '<!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> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">body{margin: 0; mso-line-height-rule: exactly; padding: 0; min-width: 100%;}table{border-collapse: collapse; border-spacing: 0;}td{padding: 0; vertical-align: top;}.spacer,.border{font-size: 1px; line-height: 1px;}.spacer{width: 100%;}img{border: 0; -ms-interpolation-mode: bicubic;}.image{font-size: 12px; Margin-bottom: 24px; mso-line-height-rule: at-least;}.image img{display: block;}.logo{mso-line-height-rule: at-least;}.logo img{display: block;}strong{font-weight: bold;}h1,h2,h3,p,ol,ul,li{Margin-top: 0;}ol,ul,li{padding-left: 0;}blockquote{Margin-top: 0; Margin-right: 0; Margin-bottom: 0; padding-right: 0;}.column-top{font-size: 32px; line-height: 32px;}.column-bottom{font-size: 8px; line-height: 8px;}.column{text-align: left;}.contents{table-layout: fixed; width: 100%;}.padded{padding-left: 32px; padding-right: 32px; word-break: break-word; word-wrap: break-word;}.wrapper{display: table; table-layout: fixed; width: 100%; min-width: 620px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}table.wrapper{table-layout: fixed;}.one-col,.two-col,.three-col{Margin-left: auto; Margin-right: auto; width: 600px;}.centered{Margin-left: auto; Margin-right: auto;}.two-col .image{Margin-bottom: 23px;}.two-col .column-bottom{font-size: 9px; line-height: 9px;}.two-col .column{width: 300px;}.three-col .image{Margin-bottom: 21px;}.three-col .column-bottom{font-size: 11px; line-height: 11px;}.three-col .column{width: 200px;}.three-col .first .padded{padding-left: 32px; padding-right: 16px;}.three-col .second .padded{padding-left: 24px; padding-right: 24px;}.three-col .third .padded{padding-left: 16px; padding-right: 32px;}@media only screen and (min-width: 0){.wrapper{text-rendering: optimizeLegibility;}}@media only screen and (max-width: 620px){[class=wrapper]{min-width: 318px !important; width: 100% !important;}[class=wrapper] .one-col, [class=wrapper] .two-col, [class=wrapper] .three-col{width: 318px !important;}[class=wrapper] .column, [class=wrapper] .gutter{display: block; float: left; width: 318px !important;}[class=wrapper] .padded{padding-left: 32px !important; padding-right: 32px !important;}[class=wrapper] .block{display: block !important;}[class=wrapper] .hide{display: none !important;}[class=wrapper] .image{margin-bottom: 24px !important;}[class=wrapper] .image img{height: auto !important; width: 100% !important;}}.wrapper h1{font-weight: 700;}.wrapper h2{font-style: italic; font-weight: normal;}.wrapper h3{font-weight: normal;}.one-col blockquote,.two-col blockquote,.three-col blockquote{font-style: italic;}.one-col-feature h1{font-weight: normal;}.one-col-feature h2{font-style: normal; font-weight: bold;}.one-col-feature h3{font-style: italic;}td.border{width: 1px;}tr.border{background-color: #e9e9e9; height: 1px;}tr.border td{line-height: 1px;}.one-col,.two-col,.three-col,.one-col-feature{background-color: #ffffff; font-size: 14px; table-layout: fixed;}.one-col,.two-col,.three-col,.one-col-feature,.preheader,.header,.footer{Margin-left: auto; Margin-right: auto;}.preheader table{width: 602px;}.preheader .title,.preheader .webversion{padding-top: 10px; padding-bottom: 12px; font-size: 12px; line-height: 21px;}.preheader .title{text-align: left;}.preheader .webversion{text-align: right; width: 300px;}.header{width: 602px;}.header .logo{padding: 32px 0;}.header .logo div{font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 32px;}.header .logo div a{text-decoration: none;}.header .logo div.logo-center{text-align: center;}.header .logo div.logo-center img{Margin-left: auto; Margin-right: auto;}.gmail{width: 650px; min-width: 650px;}.gmail td{font-size: 1px; line-height: 1px;}.wrapper a{text-decoration: underline; transition: all .2s;}.wrapper h1{font-size: 36px; Margin-bottom: 18px;}.wrapper h2{font-size: 26px; line-height: 32px; Margin-bottom: 20px;}.wrapper h3{font-size: 18px; line-height: 22px; Margin-bottom: 16px;}.wrapper h1 a,.wrapper h2 a,.wrapper h3 a{text-decoration: none;}.one-col blockquote,.two-col blockquote,.three-col blockquote{font-size: 14px; border-left: 2px solid #e9e9e9; Margin-left: 0; padding-left: 16px;}table.divider{width: 100%;}.divider .inner{padding-bottom: 24px;}.divider table{background-color: #e9e9e9; font-size: 2px; line-height: 2px; width: 60px;}.wrapper .gray{background-color: #f7f7f7;}.wrapper .gray blockquote{border-left-color: #dddddd;}.wrapper .gray .divider table{background-color: #dddddd;}.padded .image{font-size: 0;}.image-frame{padding: 8px;}.image-background{display: inline-block; font-size: 12px;}.btn{Margin-bottom: 24px; padding: 2px;}.btn a{border: 1px solid #ffffff; display: inline-block; font-size: 13px; font-weight: bold; line-height: 15px; outline-style: solid; outline-width: 2px; padding: 10px 30px; text-align: center; text-decoration: none !important;}.one-col .column table:nth-last-child(2) td h1:last-child,.one-col .column table:nth-last-child(2) td h2:last-child,.one-col .column table:nth-last-child(2) td h3:last-child,.one-col .column table:nth-last-child(2) td p:last-child,.one-col .column table:nth-last-child(2) td ol:last-child,.one-col .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 24px;}.one-col p,.one-col ol,.one-col ul{font-size: 16px; line-height: 24px;}.one-col ol,.one-col ul{Margin-left: 18px;}.two-col .column table:nth-last-child(2) td h1:last-child,.two-col .column table:nth-last-child(2) td h2:last-child,.two-col .column table:nth-last-child(2) td h3:last-child,.two-col .column table:nth-last-child(2) td p:last-child,.two-col .column table:nth-last-child(2) td ol:last-child,.two-col .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 23px;}.two-col .image-frame{padding: 6px;}.two-col h1{font-size: 26px; line-height: 32px; Margin-bottom: 16px;}.two-col h2{font-size: 20px; line-height: 26px; Margin-bottom: 18px;}.two-col h3{font-size: 16px; line-height: 20px; Margin-bottom: 14px;}.two-col p,.two-col ol,.two-col ul{font-size: 14px; line-height: 23px;}.two-col ol,.two-col ul{Margin-left: 16px;}.two-col li{padding-left: 5px;}.two-col .divider .inner{padding-bottom: 23px;}.two-col .btn{Margin-bottom: 23px;}.two-col blockquote{padding-left: 16px;}.three-col .column table:nth-last-child(2) td h1:last-child,.three-col .column table:nth-last-child(2) td h2:last-child,.three-col .column table:nth-last-child(2) td h3:last-child,.three-col .column table:nth-last-child(2) td p:last-child,.three-col .column table:nth-last-child(2) td ol:last-child,.three-col .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 21px;}.three-col .image-frame{padding: 4px;}.three-col h1{font-size: 20px; line-height: 26px; Margin-bottom: 12px;}.three-col h2{font-size: 16px; line-height: 22px; Margin-bottom: 14px;}.three-col h3{font-size: 14px; line-height: 18px; Margin-bottom: 10px;}.three-col p,.three-col ol,.three-col ul{font-size: 12px; line-height: 21px;}.three-col ol,.three-col ul{Margin-left: 14px;}.three-col li{padding-left: 6px;}.three-col .divider .inner{padding-bottom: 21px;}.three-col .btn{Margin-bottom: 21px;}.three-col .btn a{font-size: 12px; line-height: 14px; padding: 8px 19px;}.three-col blockquote{padding-left: 16px;}.one-col-feature .column-top{font-size: 36px; line-height: 36px;}.one-col-feature .column-bottom{font-size: 4px; line-height: 4px;}.one-col-feature .column{text-align: center; width: 600px;}.one-col-feature .image{Margin-bottom: 32px;}.one-col-feature .column table:nth-last-child(2) td h1:last-child,.one-col-feature .column table:nth-last-child(2) td h2:last-child,.one-col-feature .column table:nth-last-child(2) td h3:last-child,.one-col-feature .column table:nth-last-child(2) td p:last-child,.one-col-feature .column table:nth-last-child(2) td ol:last-child,.one-col-feature .column table:nth-last-child(2) td ul:last-child{Margin-bottom: 32px;}.one-col-feature h1,.one-col-feature h2,.one-col-feature h3{text-align: center;}.one-col-feature h1{font-size: 52px; Margin-bottom: 22px;}.one-col-feature h2{font-size: 42px; Margin-bottom: 20px;}.one-col-feature h3{font-size: 32px; line-height: 42px; Margin-bottom: 20px;}.one-col-feature p,.one-col-feature ol,.one-col-feature ul{font-size: 21px; line-height: 32px; Margin-bottom: 32px;}.one-col-feature p a,.one-col-feature ol a,.one-col-feature ul a{text-decoration: none;}.one-col-feature p{text-align: center;}.one-col-feature ol,.one-col-feature ul{Margin-left: 40px; text-align: left;}.one-col-feature li{padding-left: 3px;}.one-col-feature .btn{Margin-bottom: 32px; text-align: center;}.one-col-feature .divider .inner{padding-bottom: 32px;}.one-col-feature blockquote{border-bottom: 2px solid #e9e9e9; border-left-color: #ffffff; border-left-width: 0; border-left-style: none; border-top: 2px solid #e9e9e9; Margin-bottom: 32px; Margin-left: 0; padding-bottom: 42px; padding-left: 0; padding-top: 42px; position: relative;}.one-col-feature blockquote:before,.one-col-feature blockquote:after{background: -moz-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -webkit-gradient(linear, left top, right top, color-stop(25%, #ffffff), color-stop(25%, #e9e9e9), color-stop(75%, #e9e9e9), color-stop(75%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -o-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -ms-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: linear-gradient(to right, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); display: block; height: 2px; left: 0; outline: 1px solid #ffffff; position: absolute; right: 0;}.one-col-feature blockquote:before{top: -2px;}.one-col-feature blockquote:after{bottom: -2px;}.one-col-feature blockquote p,.one-col-feature blockquote ol,.one-col-feature blockquote ul{font-size: 42px; line-height: 48px; Margin-bottom: 48px;}.one-col-feature blockquote p:last-child,.one-col-feature blockquote ol:last-child,.one-col-feature blockquote ul:last-child{Margin-bottom: 0 !important;}.footer{width: 602px;}.footer .padded{font-size: 12px; line-height: 20px;}.social{padding-top: 32px; padding-bottom: 22px;}.social img{display: block;}.social .divider{font-family: sans-serif; font-size: 10px; line-height: 21px; text-align: center; padding-left: 14px; padding-right: 14px;}.social .social-text{height: 21px; vertical-align: middle !important; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase;}.social .social-text a{text-decoration: none;}.address{width: 250px;}.address .padded{text-align: left; padding-left: 0; padding-right: 10px;}.subscription{width: 350px;}.subscription .padded{text-align: right; padding-right: 0; padding-left: 10px;}.address,.subscription{padding-top: 32px; padding-bottom: 64px;}.address a,.subscription a{font-weight: bold; text-decoration: none;}.address table,.subscription table{width: 100%;}@media only screen and (max-width: 651px){.gmail{display: none !important;}}@media only screen and (max-width: 620px){[class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ul:last-child{Margin-bottom: 24px !important;}[class=wrapper] .address, [class=wrapper] .subscription{display: block; float: left; width: 318px !important; text-align: center !important;}[class=wrapper] .address{padding-bottom: 0 !important;}[class=wrapper] .subscription{padding-top: 0 !important;}[class=wrapper] h1{font-size: 36px !important; line-height: 42px !important; Margin-bottom: 18px !important;}[class=wrapper] h2{font-size: 26px !important; line-height: 32px !important; Margin-bottom: 20px !important;}[class=wrapper] h3{font-size: 18px !important; line-height: 22px !important; Margin-bottom: 16px !important;}[class=wrapper] p, [class=wrapper] ol, [class=wrapper] ul{font-size: 16px !important; line-height: 24px !important; Margin-bottom: 24px !important;}[class=wrapper] ol, [class=wrapper] ul{Margin-left: 18px !important;}[class=wrapper] li{padding-left: 2px !important;}[class=wrapper] blockquote{padding-left: 16px !important;}[class=wrapper] .two-col .column:nth-child(n + 3){border-top: 1px solid #e9e9e9;}[class=wrapper] .btn{margin-bottom: 24px !important;}[class=wrapper] .btn a{display: block !important; font-size: 13px !important; font-weight: bold !important; line-height: 15px !important; padding: 10px 30px !important;}[class=wrapper] .column-bottom{font-size: 8px !important; line-height: 8px !important;}[class=wrapper] .first .column-bottom, [class=wrapper] .three-col .second .column-bottom{display: none;}[class=wrapper] .second .column-top, [class=wrapper] .third .column-top{display: none;}[class=wrapper] .image-frame{padding: 4px !important;}[class=wrapper] .header .logo{padding-left: 10px !important; padding-right: 10px !important;}[class=wrapper] .header .logo div{font-size: 26px !important; line-height: 32px !important;}[class=wrapper] .header .logo div img{display: inline-block !important; max-width: 280px !important; height: auto !important;}[class=wrapper] table.border, [class=wrapper] .header, [class=wrapper] .webversion, [class=wrapper] .footer{width: 320px !important;}[class=wrapper] .preheader .webversion, [class=wrapper] .header .logo a{text-align: center !important;}[class=wrapper] .preheader table, [class=wrapper] .border td{width: 318px !important;}[class=wrapper] .border td.border{width: 1px !important;}[class=wrapper] .image .border td{width: auto !important;}[class=wrapper] .title{display: none;}[class=wrapper] .footer .padded{text-align: center !important;}[class=wrapper] .footer .subscription .padded{padding-top: 20px !important;}[class=wrapper] .footer .social-link{display: block !important;}[class=wrapper] .footer .social-link table{margin: 0 auto 10px !important;}[class=wrapper] .footer .divider{display: none !important;}[class=wrapper] .one-col-feature .btn{margin-bottom: 28px !important;}[class=wrapper] .one-col-feature .image{margin-bottom: 28px !important;}[class=wrapper] .one-col-feature .divider .inner{padding-bottom: 28px !important;}[class=wrapper] .one-col-feature h1{font-size: 42px !important; line-height: 48px !important; margin-bottom: 20px !important;}[class=wrapper] .one-col-feature h2{font-size: 32px !important; line-height: 36px !important; margin-bottom: 18px !important;}[class=wrapper] .one-col-feature h3{font-size: 26px !important; line-height: 32px !important; margin-bottom: 20px !important;}[class=wrapper] .one-col-feature p, [class=wrapper] .one-col-feature ol, [class=wrapper] .one-col-feature ul{font-size: 20px !important; line-height: 28px !important; margin-bottom: 28px !important;}[class=wrapper] .one-col-feature blockquote{font-size: 18px !important; line-height: 26px !important; margin-bottom: 28px !important; padding-bottom: 26px !important; padding-left: 0 !important; padding-top: 26px !important;}[class=wrapper] .one-col-feature blockquote p, [class=wrapper] .one-col-feature blockquote ol, [class=wrapper] .one-col-feature blockquote ul{font-size: 26px !important; line-height: 32px !important;}[class=wrapper] .one-col-feature blockquote p:last-child, [class=wrapper] .one-col-feature blockquote ol:last-child, [class=wrapper] .one-col-feature blockquote ul:last-child{margin-bottom: 0 !important;}[class=wrapper] .one-col-feature .column table:last-of-type h1:last-child, [class=wrapper] .one-col-feature .column table:last-of-type h2:last-child, [class=wrapper] .one-col-feature .column table:last-of-type h3:last-child{margin-bottom: 28px !important;}}@media only screen and (max-width: 320px){[class=wrapper] td.border{display: none;}[class=wrapper] table.border, [class=wrapper] .header, [class=wrapper] .webversion, [class=wrapper] .footer{width: 318px !important;}}</style><!--[if gte mso 9]> <style>.column-top{mso-line-height-rule: exactly !important;}</style><![endif]--> <meta name="robots" content="noindex,nofollow"></meta><meta property="og:title" content="My First Campaign"></meta><link href="https://css.createsend1.com/css/social.min.css?h=0ED47CE1z2a" media="screen,projection" rel="stylesheet" type="text/css"/></head> <body style="margin: 0;mso-line-height-rule: exactly;padding: 0;min-width: 100%;background-color: #fbfbfb"><style type="text/css">body,.wrapper,.emb-editor-canvas{background-color:#fbfbfb}.border{background-color:#e9e9e9}h1{color:#565656}.wrapper h1{}.wrapper h1{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper h1{font-family:Avenir,sans-serif !important}}h1{}.one-col h1{line-height:42px}.two-col h1{line-height:32px}.three-col h1{line-height:26px}.wrapper .one-col-feature h1{line-height:58px}@media only screen and (max-width: 620px){h1{line-height:42px !important}}h2{color:#555}.wrapper h2{}.wrapper h2{font-family:Georgia,serif}h2{}.one-col h2{line-height:32px}.two-col h2{line-height:26px}.three-col h2{line-height:22px}.wrapper .one-col-feature h2{line-height:52px}@media only screen and (max-width: 620px){h2{line-height:32px !important}}h3{color:#555}.wrapper h3{}.wrapper h3{font-family:Georgia,serif}h3{}.one-col h3{line-height:26px}.two-col h3{line-height:22px}.three-col h3{line-height:20px}.wrapper .one-col-feature h3{line-height:42px}@media only screen and (max-width: 620px){h3{line-height:26px !important}}p,ol,ul{color:#565656}.wrapper p,.wrapper ol,.wrapper ul{}.wrapper p,.wrapper ol,.wrapper ul{font-family:Georgia,serif}p,ol,ul{}.one-col p,.one-col ol,.one-col ul{line-height:25px;Margin-bottom:25px}.two-col p,.two-col ol,.two-col ul{line-height:23px;Margin-bottom:23px}.three-col p,.three-col ol,.three-col ul{line-height:21px;Margin-bottom:21px}.wrapper .one-col-feature p,.wrapper .one-col-feature ol,.wrapper .one-col-feature ul{line-height:32px}.one-col-feature blockquote p,.one-col-feature blockquote ol,.one-col-feature blockquote ul{line-height:50px}@media only screen and (max-width: 620px){p,ol,ul{line-height:25px !important;Margin-bottom:25px !important}}.image{color:#565656}.image{font-family:Georgia,serif}.wrapper a{color:#41637e}.wrapper a:hover{color:#30495c !important}.wrapper .logo div{color:#41637e}.wrapper .logo div{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper .logo div{font-family:Avenir,sans-serif !important}}.wrapper .logo div a{color:#41637e}.wrapper .logo div a:hover{color:#41637e !important}.wrapper .one-col-feature p a,.wrapper .one-col-feature ol a,.wrapper .one-col-feature ul a{border-bottom:1px solid #41637e}.wrapper .one-col-feature p a:hover,.wrapper .one-col-feature ol a:hover,.wrapper .one-col-feature ul a:hover{color:#30495c !important;border-bottom:1px solid #30495c !important}.btn a{}.wrapper .btn a{}.wrapper .btn a{font-family:Georgia,serif}.wrapper .btn a{background-color:#41637e;color:#fff !important;outline-color:#41637e;text-shadow:0 1px 0 #3b5971}.wrapper .btn a:hover{background-color:#3b5971 !important;color:#fff !important;outline-color:#3b5971 !important}.preheader .title,.preheader .webversion,.footer .padded{color:#999}.preheader .title,.preheader .webversion,.footer .padded{font-family:Georgia,serif}.preheader .title a,.preheader .webversion a,.footer .padded a{color:#999}.preheader .title a:hover,.preheader .webversion a:hover,.footer .padded a:hover{color:#737373 !important}.footer .social .divider{color:#e9e9e9}.footer .social .social-text,.footer .social a{color:#999}.wrapper .footer .social .social-text,.wrapper .footer .social a{}.wrapper .footer .social .social-text,.wrapper .footer .social a{font-family:Georgia,serif}.footer .social .social-text,.footer .social a{}.footer .social .social-text,.footer .social a{letter-spacing:0.05em}.footer .social .social-text:hover,.footer .social a:hover{color:#737373 !important}.image .border{background-color:#c8c8c8}.image-frame{background-color:#dadada}.image-background{background-color:#f7f7f7}</style> <center class="wrapper" style="display: table;table-layout: fixed;width: 100%;min-width: 620px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #fbfbfb"> <table class="gmail" style="border-collapse: collapse;border-spacing: 0;width: 650px;min-width: 650px"><tbody><tr><td style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px"> </td></tr></tbody></table> <table class="preheader centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0;width: 602px"> <tbody><tr> </tr></tbody></table> </td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr><td style="padding: 0;vertical-align: top">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col gray" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #f7f7f7;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div class="image" style="font-size: 24px;word-spacing: 8px;Margin:0;mso-line-height-rule: at-least;color: #565656;font-family: Georgia,serif" align="center"> <img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 719px;padding-top:15px" src="http://mashglobal.org/img/logo.jpg" alt="Human Circle & MASH invite you to #DoWhatYouLove MASH Camp" width="600" height="106" usemap="#logo"><map name="logo"> <area shape="rect" coords="0,0,400,106" href="http://humancircle.in/" target="_blank"> <area shape="rect" coords="450,0,600,106" href="http://www.mashglobal.org/" target="_blank"></map> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center">Dear ' + name + ',</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center">We would like to invite you to be a part of <strong style="font-weight: bold">#DoWhatYouLove MASH Camp</strong> and enlighten our team members with your inspiring words.</p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="three-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column first" style="padding: 0;vertical-align: top;text-align: left;width: 200px"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 16px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 20px;Margin-bottom: 12px;font-family: sans-serif;line-height: 26px;text-align: center">Date</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 21px;text-align: center">' + date + '</p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 11px;line-height: 11px"> </div></td><td class="column second" style="padding: 0;vertical-align: top;text-align: left;width: 200px"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 24px;padding-right: 24px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 20px;Margin-bottom: 16px;font-family: sans-serif;line-height: 26px;text-align: center">Time</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 21px;text-align: center"> ' + start + ' to ' + end + ' </p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 11px;line-height: 11px"> </div></td><td class="column third" style="padding: 0;vertical-align: top;text-align: left;width: 200px"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 16px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 20px;Margin-bottom: 12px;font-family: sans-serif;line-height: 26px;text-align: center">Venue</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 0;text-align: center">The Studio</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 0;text-align: center">45 Udyog Vihar</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 21px;Margin-bottom: 21px;text-align: center">PhaseIV, Gurgaon</p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 11px;line-height: 11px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center">Followed by delicious luncheon and tea break, MASH Camp is going to be a super interesting and influential event.</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 0;text-align: center"><strong style="font-weight: bold">Hope to see you there!</strong></p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center"><strong style="font-weight: bold">Thank You!</strong></p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 24px;text-align: center"><strong style="font-weight: bold">RSVP- MASH Project </strong></p></td></tr></tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top;line-height: 1px">​</td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td><td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div><table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px"><em><strong style="font-weight: bold">MASH Project</strong> was initiated with a vision to build a community of technology enabled social change makers. Harnessing modern technology, organising various events such as Hackathons and interactive team-building sessions is a decent way to achieve this vision.</em></p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px"><em><strong style="font-weight: bold">Human Circle</strong> is a movement to inspire the youth and motivate them to pursue their dreams without any fear. They help the youth to take on the road less travelled and achieve their goals through their Flagship program- Young India Challenge as well as by conducting various events such as conferences, workshops and experiential programs of the like.</em></p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px;text-align: center"><em>For further details about the event and the organizations,</em></p></td></tr></tbody></table> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <div class="btn" style="Margin-bottom: 24px;padding: 2px;text-align: center"><![if !mso]><a style="border: 1px solid #ffffff;display: inline-block;font-size: 13px;font-weight: bold;line-height: 15px;outline-style: solid;outline-width: 2px;padding: 10px 30px;text-align: center;text-decoration: none !important;transition: all .2s;color: #fff !important;font-family: Georgia,serif;background-color: #41637e;outline-color: #41637e;text-shadow: 0 1px 0 #3b5971" href="http://mashglobal.org/img/DoWhatYouLove%20MashCamp.pdf" download="DoWhatYouLove MASHCamp">Click</a><![endif]> </div></td></tr></tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div></td></tr></tbody></table> </td><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td></tr></tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr><td style="padding: 0;vertical-align: top">​</td></tr></tbody></table> <div class="spacer" style="font-size: 1px;line-height: 32px;width: 100%"> </div><table class="footer centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 602px"> <tbody><tr> <td class="social" style="padding: 0;vertical-align: top;padding-top: 32px;padding-bottom: 22px" align="center"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://www.facebook.com/MashProject" rel="cs_facebox" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Facebook.png" alt="Facebook"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://twitter.com/mash_project" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Twitter.png" alt="Twitter"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://plus.google.com/u/0/118420471642649699506/posts" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Google.png" alt="Google+"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://instagram.com/mash_project/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Instagram.png" alt="Instagram"> </a> </td></tr></tbody></table> </td><td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> </td><td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <a style="text-decoration: none;transition: all .2s;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif" href="https://officialmashproject.wordpress.com/about/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Wordpress.png" alt="Wordpress"> </a> </td></tr></tbody></table> </td><td class="social-link" style="padding: 0;vertical-align: top"> </td></tr></tbody></table> </td></tr><tr><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px"> </td></tr><tr> <td style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td class="address" style="padding: 0;vertical-align: top;width: 250px;padding-top: 32px;padding-bottom: 64px"> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 0;padding-right: 10px;word-break: break-word;word-wrap: break-word;text-align: left;font-size: 12px;line-height: 20px;color: #999;font-family: Georgia,serif"> <div>MASH Project<br><a href="http://www.mashglobal.org/" target="_blank">www.mashglobal.org</a></div></td></tr></tbody></table> </td></tr></tbody></table> </td></tr></tbody></table> </center></body></html>';
// Validation of multiple recipient emails
email.split(',').forEach(function(el) {
if (!/(.+)@(.+){2,}\.(.+){2,}/.test(el)) {
res.json({
"reply": "Email " + el + " not valid"
});
return console.error("Email validation failed");
}
});
var mailOptions = {
from: 'MASH Project <[email protected]>', // sender address
to: email, // list of receivers
cc: ccEmail, // Comma separated list or an array of recipients e-mail addresses
subject: 'Invitation - #DoWhatYouLove #MASHCamp ', // Subject line
html: body
};
// send mail with defined transport object
transporter.sendMail(mailOptions, function(error, info) {
if (error) {
console.log(error);
res.json({
"reply": "error"
});
} else {
console.log('Message sent: ' + info.response);
res.json({
"reply": "success"
});
}
});
});