|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/folderwave/mailer/ |
Upload File : |
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Define Charset -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Responsive Meta Tag -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<!-- Google Fonts
================================================== -->
<link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<!-- CSS
==================================================
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<link rel="stylesheet" href="stylesheets/font-awesome.css">
<link rel="stylesheet" href="stylesheets/prettyPhoto.css">-->
<script src="http://www.folderwave.com/mailer/js/matchmedia.js"></script>
<script src="http://www.folderwave.com/mailer/js/picturefill.js"></script>
<title>FolderWave User Group Meeting - June 16 Sheraton Boston Hotel</title>
<style type="text/css">
/* #Basic Styles
================================================== */
body {
background: #fff;
font: 14px/21px 'Raleway', Georgia, Times, serif;
color: #666;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #003399;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {
font-size: 21px;
line-height: 24px;
margin-bottom: 14px;
}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 {
font-size: 18px;
line-height: 21px;
margin-bottom: 5px;
margin-top: 15px;
}
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
p { margin: 0 0 20px 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
p img { margin: 0; }
p.lead {
font-size: 21px;
line-height: 27px;
color: #777;
}
em { font-style: italic; }
strong {
font-weight: bold;
color: #FFF;
}
small { font-size: 80%; }
/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
/* #Links
================================================== */
a { text-decoration: underline; font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
a, a:visited {
color: #FF6600;
text-decoration: underline;
outline: 0;
}
a:hover, a:focus { color: #003399; text-decoration: underline;}
/* #Base 960 Grid
================================================== */
.container {
position: relative;
width: 800px;
margin: 0 auto;
padding: 0;
}
.container .column,
.container .columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.columns { width: 40px; }
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 800px;}
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }
/* Offsets */
.container .offset-by-one { padding-left: 60px; }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }
.container .column,
.container .columns { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns { width: 172px; }
.container .five.columns { width: 220px; }
.container .six.columns { width: 268px; }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns { width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns { width: 508px; }
.container .twelve.columns { width: 556px; }
.container .thirteen.columns { width: 604px; }
.container .fourteen.columns { width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; }
/* Offsets */
.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 300px; }
/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 800px;
}
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 420px; }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 640px){
/*------ top header ------ */
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*----- main image -------*/
.main-image imgg{width: 440px !important; height: auto !important;}
.hide-for-iphone{display: none !important;}
/*--------- divider ----------*/
.hide-divider{display: none !important;}
.show-for-iphone{display: block !important;}
/*-------- container --------*/
.container600{width: 440px !important;}
/*-------- secions ----------*/
.section-item{width: 440px !important;}
/* CTA */
.cta-header{line-height: 24px !important;}
.unsubscribe{line-height: 30px !important;}
}
@media only screen and (max-width: 479px){
/*------ top header ------ */
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
.main{text-align: center !important;}
.main-buttons{width: 280px !important;}
/*--------logo-----------*/
.logo{width: 280px !important;}
.iphone600{width: 280px !important;}
.hide-iphone{display: none !important;}
/*----- main image -------*/
.main-image img{width: 280px !important; height: auto !important;}
.hide-for-iphone{display: none !important;}
/*--------- divider ----------*/
.divider img{width: 260px !important; height: 1px !important;}
/*-------- container --------*/
.container600{width: 280px !important;}
/*-------- secions ----------*/
.section-item{width: 280px !important;}
.section-img img{width: 280px !important; height: auto !important;}
.section-img a{width: 280px !important;}
.unsubscribe{line-height: 30px !important;}
.cta-header{line-height: 30px !important; font-size: 18px !important;}
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ======= Header ====== -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr bgcolor="ffffff">
<td align="center">
<table border="0" align="center" width="600" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="container600">
<tr><td height="10" ></td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0" width="110" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container600">
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left" style="line-height: 20px;" >
<a href="http://www.folderwave.com/mailer/FolderWave_UserGroup_Invitation_2014.html" >
<span data-picture data-alt="FolderWave User Group Invitation">
<span data-src="http://www.folderwave.com/mailer/images/header-300.png"></span>
<span data-src="http://www.folderwave.com/mailer/images/header-420.png" data-media="(min-width: 420px)"></span>
<span data-src="http://www.folderwave.com/mailer/images/header-600.png" data-media="(min-width: 600px)"></span>
<!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
<noscript><img src="http://www.folderwave.com/mailer/images/header-300.png" alt="FolderWave User Group Invitation" border="0"></noscript>
</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ======= end Header ====== -->
<!-- ======= section 1 ====== -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td valign="top">
<table border="0" align="center" width="600" cellpadding="0" cellspacing="0" class="container600" style="border-top:1px solid #cccccc;">
<tr>
<td style="color: #96a5ac; font-size: 14px; font-family: 'Source Sans Pro', Arial, sans-serif; line-height: 24px;" class="main-header">
<div style="line-height: 24px">
<h4>Greetings! </h4>
<p>FolderWave is excited to announce the date for our Second Annual Higher Ed User Group Meeting. </p>
<p>Please contact me if you have ideas or suggestions on topics you would like discussed. An agenda and additional information will follow as we get closer to the event date.</p>
<a href="http://www.sheratonbostonhotel.com/" target="_blank" ><img src="http://www.folderwave.com/mailer/images/she430ex.72469_lg.jpg" alt="Sheraton Boston" width="329" height="217" border="0" align="right" style="border:1px solid #cccccc; padding:10px; margin-bottom:10px !important;"/></a>
<h4>Details</h4>
<p><b>When: </b>Monday, June 16, 2014<b><br>
Time: </b>8:30am - 5:30pm<b><br>
Where: </b><a href="http://www.sheratonbostonhotel.com/" title="Sheraton Boston Hotel" target="_blank">Sheraton Boston Hotel</a><br>
39 Dalton Street, Boston</p>
<p>A continental breakfast and lunch will be served.</p>
<h4>Hotel Accommodations</h4>
<p style="margin-right:10px;">We have reserved rooms at the <a href="http://www.sheratonbostonhotel.com/" title="Sheraton Boston Hotel" target="_blank">Sheraton Boston Hotel</a> at a special group rate for Sunday and Monday<strong>. </strong>When making a reservation, please refer to the <em>FolderWave Room Block </em>event toreceive the special rate. The Sheraton Boston Hotel reservation number is 1.888.627.7054.</p>
<p>Please RSVP to Pamela Brennan at <a href="mailto:[email protected]">[email protected]</a> or 781.264.4458.<br />
<br />
We look forward to seeing you!</p>
<p>Regards,<br>
<br>
Pamela Brennan <br>
Executive Director of Customer Success </p>
<p style="border-top:1px solid #cccccc;color: #677A83; text-decoration: none; font-size: 12px; font-family: Arial, sans-serif; line-height: 16px; padding-top: 10px;">©2014 FolderWave, Inc. All rights reserved.<br>
238 Littleton Road • Westford, MA 01886 • <a href="http://www.folderwave.com" style="color: #289fdb; text-decoration: none; font-size: 12px; font-family: Arial, sans-serif; line-height: 18px;">www.FolderWave.com</a><br>
<a href="FolderWave_UserGroup_Invitation_2014.html" style="color: #289fdb; text-decoration: none; font-size: 12px; font-family: Arial, sans-serif; line-height: 18px;">View Invitation Online</a></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>