You are on page 1of 10

text/html; charset="utf-8"

Content-Transfer-Encoding: 8bit

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta
name="viewport" content="width=device-width" />
<title>Account
Creation</title>
<style type="text/css">
/*////// RESET STYLES //////*/
body, #bodyTable, #bodyCell {
height: 100% !important;

margin: 0;
padding: 0;
width: 100% !important;
}
body {

background: #EEEEEE;
background-color: #EEEEEE;
}
table {

border-collapse: collapse;
}
img, a img {
border: 0;

outline: none;
text-decoration: none;
}
h1 {
color: #444444
!important;
display: block;
font-family: 'Trebuchet MS',
Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
line-height: 100%;

letter-spacing: normal;
margin-top: 0;
margin-right: 0;

margin-bottom: 10px;
margin-left: 0;
text-align: left;
}
h2 {
color: #444444 !important;
display: block;

font-family: 'Trebuchet MS', Helvetica, sans-serif;


font-size:
20px;
font-style: normal;
font-weight: bold;

line-height: 100%;
letter-spacing: normal;
margin-top: 0;

margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
text-align: left;
}
p {
margin: 1em 0;color:
#444444;font-family: Helvetica;font-size: 16px;line-height:
125%;text-align: left;
}
/*////// CLIENT-SPECIFIC STYLES //////*/
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
} /* Force Hotmail/Outlook.com to display emails at full width. */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,
.ExternalClass td, .ExternalClass div {
line-height: 100%;
} /*
Force Hotmail/Outlook.com to display line heights normally. */
table, td {

mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
} /* Remove
spacing between tables in Outlook 2007 and up. */
#outlook a {

padding: 0;
} /* Force Outlook 2007 and up to provide a "view in browser"
message. */
img {
-ms-interpolation-mode: bicubic;
} /* Force IE to
smoothly render resized images. */
body, table, td, p, a, li, blockquote {

-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
} /* Prevent Windows- and Webkit-based mobile platforms from changing
declared text sizes. */
/*////// FRAMEWORK STYLES //////*/
.flexibleContainerCell {
padding-top: 20px;
padding-right:
20px;
padding-left: 20px;
}
.flexibleImage {
height: auto;
}
.bottomShim {
padding-bottom: 20px;
}
.nestedContainerCell {

padding-top: 20px;
padding-right: 30px;
padding-left:
30px;
}
/*////// GENERAL STYLES //////*/
#emailBody {

background-color: #FFFFFF;
border-collapse: separate;

border-radius: 4px;
}
.textContent, .textContentLast {
color:
#444444;
font-family: Helvetica;
font-size: 16px;

line-height: 125%;
text-align: left;
padding-bottom: 20px;
}
.textContent a, .textContentLast a {
color: #2C9AB7;

text-decoration: underline;
}
.emailButton {
background-color:
#00a3cb;
border-collapse: separate;
border-radius: 4px;

font-family: 'Trebuchet MS', Helvetica, sans-serif;


}
.buttonContent {

color: #FFFFFF;
font-family: 'Trebuchet MS', Helvetica,
sans-serif;
font-size: 18px;
font-weight: normal;

line-height: 100%;
padding: 15px;
text-align: center;
}
.buttonContent a {
color: #FFFFFF;
display: block;

text-decoration: none;
}
.emailCalendar {
background-color:
#FFFFFF;
border: 1px solid #CCCCCC;
}
.emailCalendarMonth {

background-color: #00a3cb;
color: #FFFFFF;
font-family:
'Trebuchet MS', Helvetica, sans-serif;
font-size: 16px;

font-weight: normal;
padding-top: 10px;
padding-bottom:
10px;
text-align: center;
}
.emailCalendarDay {
color:
#00a3cb;
font-family: Helvetica;
font-size: 60px;

font-weight: normal;
line-height: 100%;
padding-top: 20px;

padding-bottom: 20px;
text-align: center;
}

/*////// MOBILE
STYLES //////*/
@media only screen and (max-width: 480px) {
/*//////
CLIENT-SPECIFIC STYLES //////*/
body {
width: 100% !important;

min-width: 100% !important;


} /* Force iOS Mail to render the email at
full width. */
table[id="emailBody"], table[class="flexibleContainer"] {

width: 100% !important;


}
img[class="flexibleImage"] {
height:
auto !important;
width: 100% !important;
}
table[class="emailButton"] {
width: 100% !important;
}
td[class="buttonContent"] {
padding: 0 !important;
}
td[class="buttonContent"] a {
padding: 15px !important;
}
/*//////
GENERAL STYLES //////*/
td[id="bodyCell"] {
padding-top: 10px
!important;
padding-right: 10px !important;
padding-left:
10px !important;
}
#headerImage {
height: auto !important;

max-width: 600px !important;


width: 100% !important;
}
#footerImage
{
height: auto !important;
max-width: 600px !important;

width: 100% !important;


}
#promo td{
float: left !important;

max-width: 550px !important;


display: block !important;

width: 100% !important;


padding-top:15px !important;;

padding-bottom:15px !important;;
padding-left:0 !important;;

padding-right:0 !important;;
}
}
</style>
<!--
Outlook
Conditional CSS

These two style blocks target Outlook 2007 &


2010 specifically, forcing
columns into a single vertical stack
as on mobile clients. This is
primarily done to avoid the 'page
break bug' and is optional.
More information here:

http://templates.mailchimp.com/development/css/outlook-conditional-css

-->
<!--[if mso 12]>
<style type="text/css">

.flexibleContainer{display:block !important; width:100% !important;}

</style>
<![endif]-->
<!--[if mso 14]>
<style
type="text/css">
.flexibleContainer{display:block
!important; width:100% !important;}
</style>

<![endif]-->
</head>
<body style="background: #EEEEEE;background-color:
#EEEEEE;">
<center>
<table border="0" cellpadding="0" cellspacing="0"
height="100%" width="100%" id="bodyTable">
<tr>
<td
align="center" valign="top" id="bodyCell"><table border="0" cellpadding="0"
cellspacing="0" width="600" id="emailBody">
<!-- MODULE ROW //
-->
<tr>
<td align="center" valign="bottom"
style="border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE"><table
border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>
<td align="center" valign="bottom"><table border="0"
cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"
style="background-color:#EEEEEE">
<tr>

<td valign="bottom" width="600" class="flexibleContainerCell"


style="padding-top: 20px;padding-right:
20px;padding-left:0px;padding-bottom:10px"><table align="left" border="0"
cellpadding="0" cellspacing="0" width="150" class="flexibleContainer">

<tr>
<td valign="top"
class="textContent"><a href="http://dyn.com/"><img
style="display:block;border:none"
src="http://media.dyn.com/wp-content/uploads/2017/03/ODyn-clr.png"
width="250" height="53" alt="Oracle+Dyn" /></a></td>

</tr>
</table>
<table align="right" border="0" cellpadding="0" cellspacing="0" width="410"
class="flexibleContainer">
<tr>

<td valign="bottom" class="textContentLast"


style="font-family:'Trebuchet MS', Helvetica, sans-serif;font-size:16px;
vertical-align:bottom;padding-top:15px">INTERNET PERFORMANCE.
DELIVERED.</td>
</tr>

</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>

<!-- // MODULE ROW -->


<!-- MODULE ROW // -->
<tr>

<td align="center" valign="top"><table border="0" cellpadding="0"


cellspacing="0" width="100%">
<tr>
<td
align="center" valign="top"><table border="0" cellpadding="0"
cellspacing="0" width="600" class="flexibleContainer">

<tr>
<td align="center" valign="top" width="600"
class="flexibleContainerCell" id="banner"
style="padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-top:
1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-left: 1px solid
#CCCCCC;background-color: #ffffff"><img
src="http://dyn.com/wp-content/uploads/2015/01/banner-email.jpg"
style="max-width:600px;" id="headerImage" alt="Oracle+Dyn" /></td>

</tr>
</table></td>
</tr>

</table></td>
</tr>
<!-- MODULE ROW // -->
<tr>
<td align="center" valign="top"
style="border-left:1px solid #CCCCCC;border-right:1px solid
#CCCCCC;background-color: #ffffff"><table border="0" cellpadding="0"
cellspacing="0" width="100%" style="background-color:#ffffff">

<tr>
<td align="center" valign="top"><table border="0"
cellpadding="0" cellspacing="0" width="100%" class="nestedContainer">

<tr>
<td valign="top"
class="nestedContainerCell" style="padding-top:
20px;padding-right:30px;padding-left:30px;"><table align="left" border="0"
cellpadding="0" cellspacing="0" class="flexibleContainer">
<tr>
<td valign="top"
class="textContent" style="color: #444444;font-family: Helvetica;font-size:
16px;line-height: 125%;text-align: left;padding-bottom: 20px;">
<p>Dear
Oracle+Dyn Customer:</p>

<p>Your Oracle+Dyn account 'jstavisky' has been


created. You need to confirm your account within 48 hours to complete the
account creation process. You may confirm your account by entering the
confirmation code into the confirmation page or by clicking on the link
below:</p>

<p><strong>Confirmation Code:</strong> -QOCAT</p>

<p><a
style="text-decoration:underline; color:#0066cc"
href="https://account.dyn.com/eml/createconf/-QOcat5Hr9AQiE4ZFP_VEA">Confirm
Account</a></p>

<p>Visit <a style="text-decoration:underline;


color:#0066cc" href="http://dyn.com/">our site</a> for a full listing of
our available products.</p>

<p>If you did not sign up for this account,


this will be the only communication you will receive. All non-confirmed
accounts are automatically deleted after 48 hours and no addresses are kept
on file. We apologize for any inconvenience this correspondence may have
caused and we assure you that it was only sent at the request of someone
visiting our site requesting an account.</p>

<p>Thanks,<br>
<a
style="text-decoration:underline; color:#0066cc"
href="http://dyn.com/">Oracle+Dyn</a></p></td>

</tr>
</table></td>
</tr>

</table></td>
</tr>

</table></td>
</tr>
<!-- // MODULE ROW -->

<tr>
<td align="center" valign="top" style="border-left:1px
solid #CCCCCC;border-right:1px solid #CCCCCC"><table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tr>

<td align="center" valign="top"><table border="0" cellpadding="0"


cellspacing="0" width="600" class="flexibleContainer">

<tr>
<td align="center" valign="top" width="600"
class="flexibleContainerCell"
style="padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-
color:#242424"><img
src="http://dyn.com/wp-content/uploads/2015/01/swoop2.jpg"
style="max-width:600px;" id="footerImage" alt="Oracle+Dyn" /></td>

</tr>
</table></td>
</tr>

</table></td>
</tr>
<!-- // MODULE ROW -->
<tr>
<td align="center" valign="top"
style="border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC"><table
border="0" cellpadding="0" cellspacing="0" width="100%"
style="background-color:#242424">
<tr>

<td align="center" valign="bottom"><table border="0" cellpadding="0"


cellspacing="0" width="600" class="flexibleContainer">

<tr>
<td valign="bottom" width="600"
class="flexibleContainerCell" style="padding-top:0px;padding-right:
20px;padding-left: 20px;padding-bottom:10px"><table align="left" border="0"
cellpadding="0" cellspacing="0" width="260" class="flexibleContainer">

<tr>
<td
valign="bottom" class="textContent" id="address"
style="color:#ffffff;padding-top:10px;
font-family:Helvetica;font-size:12px;line-height: 150%;text-align:left">
Dyn Global HQ<br />
150 Dow Street - Tower
Two<br />
Manchester, NH 03101</td>

</tr>
</table>

<table align="right" border="0" cellpadding="0" cellspacing="0"


width="260" class="flexibleContainer">
<tr>

<td valign="bottom" class="textContentLast"


style="text-align:right;padding-bottom:0;padding-top:60px"><a
href="http://twitter.com/Dyn"><img
src="http://dyn.com/wp-content/uploads/2014/12/twitter-email.jpg"
width="35" height="35" alt="Twitter" style="margin-right:10px" /></a><a
href="http://facebook.com/Dyn"><img
src="http://dyn.com/wp-content/uploads/2014/12/fb-email.jpg" width="35"
height="35" alt="Facebook" style="margin-right:10px" /></a><a
href="https://www.linkedin.com/company/dyn"><img
src="http://dyn.com/wp-content/uploads/2014/12/linkedin-email.jpg"
width="35" height="35" alt="LinkedIn" style="margin-right:10px" /></a><a
href="http://www.youtube.com/dyninc"><img
src="http://dyn.com/wp-content/uploads/2014/12/yt-email.jpg" width="35"
height="35" alt="YouTube" /></a></td>
</tr>

</table></td>
</tr>

</table></td>
</tr>
</table></td>

</tr>
</table></td>
</tr>
</table>
</center>
</body>
</html>

You might also like