mirror of https://github.com/lework/script
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.
468 lines
13 KiB
468 lines
13 KiB
4 years ago
|
<!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​ Hapnina​ Street​</h6>
|
||
|
|
<h6 style="text-align:center;">Raanana,​ IL​ 972-762-5400​</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>
|