You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

467 lines
13 KiB

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Single Article</title>
</head>
<body yahoo bgcolor="#ffffff">
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="10" cellspacing="0">
<tr>
<td>
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table bgcolor="#ffffff" class="content" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainer">
<tr>
<td valign="top" class="bodyContent" mc:edit="body_content_01">
<p>Hi and Welcome to Microsoft!</p>
<h1><strong>We are happy you have joined our company</strong></h1>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="50%" id="templateContainerImageFull" style="min-height:15px;">
<tr>
<td width="1">
<img src="http://c0185784a2b233b0db9b-d0e5e4adc266f8aacd2ff78abb166d77.r51.cf2.rackcdn.com/blank.png" style="width: 1px; display:block; margin:0; padding:0; border:0;"/>
</td>
<td valign="top" class="bodyContentImageFull" mc:edit="body_content_01">
<p style="text-align:center;margin:0;padding:0;float:right;">
<img src="http://1gew6o3qn6vx9kp3s42ge0y1-wpengine.netdna-ssl.com/wp-content/uploads/2012/08/1731.0841_5F00_Microsoft20Logo_5F00_1324B2E1.png" style="display:block; margin:0; padding:0; border:0;" />
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- BEGIN BODY // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainerMiddle" class="brdBottomPadd">
<tr>
<td valign="top" class="bodyContent" mc:edit="body_content">
<h2><strong>Here is the most useful web site you can get</strong></h2>
<p>Enjoy!</p>
<a class="blue-btn" href="https://medium.com/@tkolber"><strong>Read now</strong></a>
</td>
</tr>
</table>
<!-- // END BODY -->
</td>
</tr>
<tr>
<td align="center" valign="top">
</td>
</tr>
<tr>
<td align="center" valign="top" id="bodyCellFooter" class="unSubContent">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="templateContainerFooter">
<tr>
<td valign="top" width="100%" mc:edit="footer_unsubscribe">
<p style="text-align:center;">
<img src="http://c0185784a2b233b0db9b-d0e5e4adc266f8aacd2ff78abb166d77.r51.cf2.rackcdn.com/templates/cog-03.jpg" style="margin:0 auto 0 auto;display:inline-block;" />
</p>
<h6 style="text-align:center;margin-top: 9px;">Microsoft Israel LTD</h6>
<h6 style="text-align:center;">2&#8203; Hapnina&#8203; Street&#8203;</h6>
<h6 style="text-align:center;">Raanana,&#8203; IL&#8203; 972-762-5400&#8203;</h6>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
td ul li {
font-size: 16px;
}
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{
max-width:100%;
border:0;
line-height:100%;
outline:none;
text-decoration:none;
}
table{border-collapse:collapse !important;}
.content {width: 100%; max-width: 600px;}
.content img { height: auto; min-height: 1px; }
#bodyTable{margin:0; padding:0; width:100% !important;}
#bodyCell{margin:0; padding:0;}
#bodyCellFooter{margin:0; padding:0; width:100% !important;padding-top:39px;padding-bottom:15px;}
body {margin: 0; padding: 0; min-width: 100%!important;}
#templateContainerHeader{
font-size: 14px;
padding-top:2.429em;
padding-bottom:0.929em;
}
#templateContainerImageFull { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; }
#templateContainerFootBrd{
border-bottom:1px solid #e2e2e2;
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
border-spacing: 0;
height: 10px;
width:100% !important;
}
#templateContainer{
border-top:1px solid #e2e2e2;
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
border-radius: 4px 4px 0 0 ;
background-clip: padding-box;
border-spacing: 0;
}
#templateContainerMiddle {
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
}
#templateContainerMiddleBtm {
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
border-spacing: 0;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
color:#2e2e2e;
display:block;
font-family:Helvetica;
font-size:26px;
line-height:1.385em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
color:#2e2e2e;
display:block;
font-family:Helvetica;
font-size:22px;
line-height:1.455em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
color:#545454;
display:block;
font-family:Helvetica;
font-size:18px;
line-height:1.444em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
color:#545454;
display:block;
font-family:Helvetica;
font-size:14px;
line-height:1.571em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
h5{
color:#545454;
display:block;
font-family:Helvetica;
font-size:13px;
line-height:1.538em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
h6{
color:#545454;
display:block;
font-family:Helvetica;
font-size:12px;
line-height:2.000em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
p {
color:#545454;
display:block;
font-family:Helvetica;
font-size:16px;
line-height:1.500em;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:0;
text-align:left;
}
.unSubContent a:visited { color: #a1a1a1; text-decoration:underline; font-weight:normal;}
.unSubContent a:focus { color: #a1a1a1; text-decoration:underline; font-weight:normal;}
.unSubContent a:hover { color: #a1a1a1; text-decoration:underline; font-weight:normal;}
.unSubContent a:link { color: #a1a1a1 ; text-decoration:underline; font-weight:normal;}
.unSubContent a .yshortcuts { color: #a1a1a1 ; text-decoration:underline; font-weight:normal;}
.unSubContent h6 {
color: #a1a1a1;
font-size: 12px;
line-height: 1.5em;
margin-bottom: 0;
}
.bodyContent{
color:#505050;
font-family:Helvetica;
font-size:14px;
line-height:150%;
padding-top:3.143em;
padding-right:3.5em;
padding-left:3.5em;
padding-bottom:0.714em;
text-align:left;
}
.bodyContentImage {
color:#505050;
font-family:Helvetica;
font-size:14px;
line-height:150%;
padding-top:2em;
padding-right:3.571em;
padding-left:3.571em;
padding-bottom:2em;
text-align:left;
}
.bodyContentImage h4 {
color: #4E4E4E;
font-size: 13px;
line-height: 1.154em;
font-weight:normal;
margin-bottom: 0;
}
.bodyContentImage h5 {
color: #828282;
font-size: 12px;
line-height: 1.667em;
margin-bottom: 0;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
a:visited { color: #3386e4; text-decoration:none;}
a:focus { color: #3386e4; text-decoration:none;}
a:hover { color: #3386e4; text-decoration:none;}
a:link { color: #3386e4 ; text-decoration:none;}
a .yshortcuts { color: #3386e4 ; text-decoration:none;}
.bodyContent img{
height:auto;
max-width:498px;
}
.footerContent{
color:#808080;
font-family:Helvetica;
font-size:10px;
line-height:150%;
padding-top:2.000em;
padding-right:2.000em;
padding-bottom:2.000em;
padding-left:2.000em;
text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.bodyContentImageFull p { font-size:0 !important; margin-bottom: 0 !important; }
.brdBottomPadd { border-bottom: 1px solid #f0f0f0; }
.brdBottomPadd .bodyContent { padding-bottom: 2.286em; }
a.blue-btn {
background: #5098ea;
display: inline-block;
color: #FFFFFF;
border-top:10px solid #5098ea;
border-bottom:10px solid #5098ea;
border-left:20px solid #5098ea;
border-right:20px solid #5098ea;
text-decoration: none;
font-size: 14px;
margin-top: 1.0em;
border-radius: 3px 3px 3px 3px;
background-clip: padding-box;
}
@media only screen and (max-width: 550px), screen and (max-device-width: 550px) {
body[yahoo] .hide {display: none!important;}
body[yahoo] .buttonwrapper {background-color: transparent!important;}
body[yahoo] .button {padding: 0px!important;}
body[yahoo] .button a {background-color: #e05443; padding: 15px 15px 13px!important;}
body[yahoo] .unsubscribe { font-size: 14px; display: block; margin-top: 0.714em; padding: 10px 50px; background: #2f3942; border-radius: 5px; text-decoration: none!important;}
}
/*@media only screen and (min-device-width: 601px) {
.content {width: 600px !important;}
}*/
@media only screen and (max-width: 480px) {
h1 {
font-size:34px !important;
}
h2{
font-size:30px !important;
}
h3{
font-size:24px !important;
}
h4{
font-size:18px !important;
}
h5{
font-size:16px !important;
}
h6{
font-size:14px !important;
}
p {
font-size: 18px !important;
}
.brdBottomPadd .bodyContent { padding-bottom: 2.286em !important; }
.bodyContent {
padding: 6% 5% 1% 6% !important;
}
.bodyContent img {
max-width: 100% !important;
}
.bodyContentImage {
padding: 3% 6% 6% 6% !important;
}
.bodyContentImage img {
max-width: 100% !important;
}
.bodyContentImage h4 {
font-size: 16px !important;
}
.bodyContentImage h5 {
font-size: 15px !important;
margin-top:0;
}
}
.ii a[href] {color: inherit !important;}
span > a, span > a[href] {color: inherit !important;}
a > span, .ii a[href] > span {text-decoration: inherit !important;}
</style>
</body>
</html>