RubyGems - wco_email - Versions diffs - 0.1.1.1 - Mend

wco_email 0.1.1.1

Files changed (183) hide show

data/app/views/wco_email/email_templates/_marketing_node_1.html.erb ADDED Viewed

@@ -0,0 +1,984 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+	xmlns:o="urn:schemas-microsoft-com:office:office">
+<head>
+	<!--[if gte mso 15]>
+        <xml>
+            <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+            </o:OfficeDocumentSettings>
+        </xml>
+        <![endif]-->
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>*|MC:SUBJECT|*</title>
+	<style type="text/css">
+		p {
+			margin: 10px 0;
+			padding: 0;
+		}
+		table {
+			border-collapse: collapse;
+		}
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6 {
+			display: block;
+			margin: 0;
+			padding: 0;
+		}
+		img,
+		a img {
+			border: 0;
+			height: auto;
+			outline: none;
+			text-decoration: none;
+		}
+		body,
+		#bodyTable,
+		#bodyCell {
+			height: 100%;
+			margin: 0;
+			padding: 0;
+			width: 100%;
+		}
+		.mcnPreviewText {
+			display: none !important;
+		}
+		#outlook a {
+			padding: 0;
+		}
+		img {
+			-ms-interpolation-mode: bicubic;
+		}
+		table {
+			mso-table-lspace: 0pt;
+			mso-table-rspace: 0pt;
+		}
+		.ReadMsgBody {
+			width: 100%;
+		}
+		.ExternalClass {
+			width: 100%;
+		}
+		p,
+		a,
+		li,
+		td,
+		blockquote {
+			mso-line-height-rule: exactly;
+		}
+		a[href^=tel],
+		a[href^=sms] {
+			color: inherit;
+			cursor: default;
+			text-decoration: none;
+		}
+		p,
+		a,
+		li,
+		td,
+		body,
+		table,
+		blockquote {
+			-ms-text-size-adjust: 100%;
+			-webkit-text-size-adjust: 100%;
+		}
+		.ExternalClass,
+		.ExternalClass p,
+		.ExternalClass td,
+		.ExternalClass div,
+		.ExternalClass span,
+		.ExternalClass font {
+			line-height: 100%;
+		}
+		a[x-apple-data-detectors] {
+			color: inherit !important;
+			text-decoration: none !important;
+			font-size: inherit !important;
+			font-family: inherit !important;
+			font-weight: inherit !important;
+			line-height: inherit !important;
+		}
+		#bodyCell {
+			padding: 10px;
+		}
+		.templateContainer {
+			max-width: 600px !important;
+		}
+		a.mcnButton {
+			display: block;
+		}
+		.mcnImage,
+		.mcnRetinaImage {
+			vertical-align: bottom;
+		}
+		.mcnTextContent {
+			word-break: break-word;
+		}
+		.mcnTextContent img {
+			height: auto !important;
+		}
+		.mcnDividerBlock {
+			table-layout: fixed !important;
+		}
+		/*
+	@tab Page
+	@section Background Style
+	@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
+	*/
+		body,
+		#bodyTable {
+			/*@editable*/
+			background-color: #FAFAFA;
+		}
+		/*
+	@tab Page
+	@section Background Style
+	@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
+	*/
+		#bodyCell {
+			/*@editable*/
+			border-top: 0;
+		}
+		/*
+	@tab Page
+	@section Email Border
+	@tip Set the border for your email.
+	*/
+		.templateContainer {
+			/*@editable*/
+			border: 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 {
+			/*@editable*/
+			color: #202020;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 26px;
+			/*@editable*/
+			font-style: normal;
+			/*@editable*/
+			font-weight: bold;
+			/*@editable*/
+			line-height: 125%;
+			/*@editable*/
+			letter-spacing: normal;
+		}
+		/*
+	@tab Page
+	@section Heading 2
+	@tip Set the styling for all second-level headings in your emails.
+	@style heading 2
+	*/
+		h2 {
+			/*@editable*/
+			color: #202020;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 22px;
+			/*@editable*/
+			font-style: normal;
+			/*@editable*/
+			font-weight: bold;
+			/*@editable*/
+			line-height: 125%;
+			/*@editable*/
+			letter-spacing: normal;
+			/*@editable*/
+			text-align: left;
+		}
+		/*
+	@tab Page
+	@section Heading 3
+	@tip Set the styling for all third-level headings in your emails.
+	@style heading 3
+	*/
+		h3 {
+			/*@editable*/
+			color: #202020;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 20px;
+			/*@editable*/
+			font-style: normal;
+			/*@editable*/
+			font-weight: bold;
+			/*@editable*/
+			line-height: 125%;
+			/*@editable*/
+			letter-spacing: normal;
+			/*@editable*/
+			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 {
+			/*@editable*/
+			color: #202020;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 18px;
+			/*@editable*/
+			font-style: normal;
+			/*@editable*/
+			font-weight: bold;
+			/*@editable*/
+			line-height: 125%;
+			/*@editable*/
+			letter-spacing: normal;
+		}
+		/*
+	@tab Preheader
+	@section Preheader Style
+	@tip Set the background color and borders for your email's preheader area.
+	*/
+		#templatePreheader {
+			/*@editable*/
+			background-color: #FAFAFA;
+			/*@editable*/
+			background-image: none;
+			/*@editable*/
+			background-repeat: no-repeat;
+			/*@editable*/
+			background-position: center;
+			/*@editable*/
+			background-size: cover;
+			/*@editable*/
+			border-top: 0;
+			/*@editable*/
+			border-bottom: 0;
+			/*@editable*/
+			padding-top: 9px;
+			/*@editable*/
+			padding-bottom: 9px;
+		}
+		/*
+	@tab Preheader
+	@section Preheader Text
+	@tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
+	*/
+		#templatePreheader .mcnTextContent,
+		#templatePreheader .mcnTextContent p {
+			/*@editable*/
+			color: #656565;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 12px;
+			/*@editable*/
+			line-height: 150%;
+			/*@editable*/
+			text-align: left;
+		}
+		/*
+	@tab Preheader
+	@section Preheader Link
+	@tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
+	*/
+		#templatePreheader .mcnTextContent a,
+		#templatePreheader .mcnTextContent p a {
+			/*@editable*/
+			color: #656565;
+			/*@editable*/
+			font-weight: normal;
+			/*@editable*/
+			text-decoration: underline;
+		}
+		/*
+	@tab Header
+	@section Header Style
+	@tip Set the background color and borders for your email's header area.
+	*/
+		#templateHeader {
+			/*@editable*/
+			background-color: #FFFFFF;
+			/*@editable*/
+			background-image: none;
+			/*@editable*/
+			background-repeat: no-repeat;
+			/*@editable*/
+			background-position: center;
+			/*@editable*/
+			background-size: cover;
+			/*@editable*/
+			border-top: 0;
+			/*@editable*/
+			border-bottom: 0;
+			/*@editable*/
+			padding-top: 9px;
+			/*@editable*/
+			padding-bottom: 0;
+		}
+		/*
+	@tab Header
+	@section Header Text
+	@tip Set the styling for your email's header text. Choose a size and color that is easy to read.
+	*/
+		#templateHeader .mcnTextContent,
+		#templateHeader .mcnTextContent p {
+			/*@editable*/
+			color: #202020;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 16px;
+			/*@editable*/
+			line-height: 150%;
+			/*@editable*/
+			text-align: left;
+		}
+		/*
+	@tab Header
+	@section Header Link
+	@tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
+	*/
+		#templateHeader .mcnTextContent a,
+		#templateHeader .mcnTextContent p a {
+			/*@editable*/
+			color: #007C89;
+			/*@editable*/
+			font-weight: normal;
+			/*@editable*/
+			text-decoration: underline;
+		}
+		/*
+	@tab Body
+	@section Body Style
+	@tip Set the background color and borders for your email's body area.
+	*/
+		#templateBody {
+			/*@editable*/
+			background-color: #FFFFFF;
+			/*@editable*/
+			background-image: none;
+			/*@editable*/
+			background-repeat: no-repeat;
+			/*@editable*/
+			background-position: center;
+			/*@editable*/
+			background-size: cover;
+			/*@editable*/
+			border-top: 0;
+			/*@editable*/
+			border-bottom: 2px solid #EAEAEA;
+			/*@editable*/
+			padding-top: 0;
+			/*@editable*/
+			padding-bottom: 9px;
+		}
+		/*
+	@tab Body
+	@section Body Text
+	@tip Set the styling for your email's body text. Choose a size and color that is easy to read.
+	*/
+		#templateBody .mcnTextContent,
+		#templateBody .mcnTextContent p {
+			/*@editable*/
+			color: #202020;
+			/*@editable*/
+			font-family: Helvetica;
+			/*@editable*/
+			font-size: 16px;
+			/*@editable*/
+			line-height: 150%;
+			/*@editable*/
+			text-align: left;
+		}
+		/*
+	@tab Body
+	@section Body Link
+	@tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
+	*/
+		#templateBody .mcnTextContent a,
+		#templateBody .mcnTextContent p a {
+			/*@editable*/
+			color: #007C89;
+			/*@editable*/
+			font-weight: normal;
+			/*@editable*/
+			text-decoration: underline;
+		}
+		/* templateFooter */
+		#templateFooter {
+			background-color: #FAFAFA;
+			background-image: none;
+			background-repeat: no-repeat;
+			background-position: center;
+			background-size: cover;
+			border-top: 0;
+			border-bottom: 0;
+			padding-top: 9px;
+			padding-bottom: 9px;
+		}
+		#templateFooter .mcnTextContent,
+		#templateFooter .mcnTextContent p {
+			color: #656565;
+			font-family: Helvetica;
+			font-size: 12px;
+			line-height: 150%;
+			text-align: center;
+		}
+		#templateFooter .mcnTextContent a,
+		#templateFooter .mcnTextContent p a {
+			color: #656565;
+			font-weight: normal;
+			text-decoration: underline;
+		}
+		@media only screen and (min-width:768px) {
+			.templateContainer {
+				width: 600px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			body,
+			table,
+			td,
+			p,
+			a,
+			li,
+			blockquote {
+				-webkit-text-size-adjust: none !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			body {
+				width: 100% !important;
+				min-width: 100% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnRetinaImage {
+				max-width: 100% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImage {
+				width: 100% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnCartContainer,
+			.mcnCaptionTopContent,
+			.mcnRecContentContainer,
+			.mcnCaptionBottomContent,
+			.mcnTextContentContainer,
+			.mcnBoxedTextContentContainer,
+			.mcnImageGroupContentContainer,
+			.mcnCaptionLeftTextContentContainer,
+			.mcnCaptionRightTextContentContainer,
+			.mcnCaptionLeftImageContentContainer,
+			.mcnCaptionRightImageContentContainer,
+			.mcnImageCardLeftTextContentContainer,
+			.mcnImageCardRightTextContentContainer,
+			.mcnImageCardLeftImageContentContainer,
+			.mcnImageCardRightImageContentContainer {
+				max-width: 100% !important;
+				width: 100% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnBoxedTextContentContainer {
+				min-width: 100% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImageGroupContent {
+				padding: 9px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnCaptionLeftContentOuter .mcnTextContent,
+			.mcnCaptionRightContentOuter .mcnTextContent {
+				padding-top: 9px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImageCardTopImageContent,
+			.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,
+			.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
+				padding-top: 18px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImageCardBottomImageContent {
+				padding-bottom: 9px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImageGroupBlockInner {
+				padding-top: 0 !important;
+				padding-bottom: 0 !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImageGroupBlockOuter {
+				padding-top: 9px !important;
+				padding-bottom: 9px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnTextContent,
+			.mcnBoxedTextContentColumn {
+				padding-right: 18px !important;
+				padding-left: 18px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcnImageCardLeftImageContent,
+			.mcnImageCardRightImageContent {
+				padding-right: 18px !important;
+				padding-bottom: 0 !important;
+				padding-left: 18px !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			.mcpreview-image-uploader {
+				display: none !important;
+				width: 100% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Heading 1
+	@tip Make the first-level headings larger in size for better readability on small screens.
+	*/
+			h1 {
+				/*@editable*/
+				font-size: 22px !important;
+				/*@editable*/
+				line-height: 125% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Heading 2
+	@tip Make the second-level headings larger in size for better readability on small screens.
+	*/
+			h2 {
+				/*@editable*/
+				font-size: 20px !important;
+				/*@editable*/
+				line-height: 125% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Heading 3
+	@tip Make the third-level headings larger in size for better readability on small screens.
+	*/
+			h3 {
+				/*@editable*/
+				font-size: 18px !important;
+				/*@editable*/
+				line-height: 125% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Heading 4
+	@tip Make the fourth-level headings larger in size for better readability on small screens.
+	*/
+			h4 {
+				/*@editable*/
+				font-size: 16px !important;
+				/*@editable*/
+				line-height: 150% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Boxed Text
+	@tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
+	*/
+			.mcnBoxedTextContentContainer .mcnTextContent,
+			.mcnBoxedTextContentContainer .mcnTextContent p {
+				/*@editable*/
+				font-size: 14px !important;
+				/*@editable*/
+				line-height: 150% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Preheader Visibility
+	@tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
+	*/
+			#templatePreheader {
+				/*@editable*/
+				display: block !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Preheader Text
+	@tip Make the preheader text larger in size for better readability on small screens.
+	*/
+			#templatePreheader .mcnTextContent,
+			#templatePreheader .mcnTextContent p {
+				/*@editable*/
+				font-size: 14px !important;
+				/*@editable*/
+				line-height: 150% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Header Text
+	@tip Make the header text larger in size for better readability on small screens.
+	*/
+			#templateHeader .mcnTextContent,
+			#templateHeader .mcnTextContent p {
+				/*@editable*/
+				font-size: 16px !important;
+				/*@editable*/
+				line-height: 150% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Body Text
+	@tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
+	*/
+			#templateBody .mcnTextContent,
+			#templateBody .mcnTextContent p {
+				/*@editable*/
+				font-size: 16px !important;
+				/*@editable*/
+				line-height: 150% !important;
+			}
+		}
+		@media only screen and (max-width: 480px) {
+			/*
+	@tab Mobile Styles
+	@section Footer Text
+	@tip Make the footer content text larger in size for better readability on small screens.
+	*/
+			#templateFooter .mcnTextContent,
+			#templateFooter .mcnTextContent p {
+				/*@editable*/
+				font-size: 14px !important;
+				/*@editable*/
+				line-height: 150% !important;
+			}
+		}
+	</style>
+</head>
+<body>
+	<!--*|IF:MC_PREVIEW_TEXT|*-->
+	<!--[if !gte mso 9]><!----><span class="mcnPreviewText"
+		style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">Wasya
+		Co offers exceptional deployment & development services in nodejs and a variety of other software stacks.</span>
+	<!--<![endif]-->
+	<!--*|END:IF|*-->
+	<center>
+		<br />
+		<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
+			<tr>
+				<td align="center" valign="top" id="bodyCell">
+					<!-- BEGIN TEMPLATE // -->
+					<!--[if (gte mso 9)|(IE)]>
+                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
+                        <tr>
+                        <td align="center" valign="top" width="600" style="width:600px;">
+                        <![endif]-->
+					<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
+						<tr>
+							<td valign="top" id="templateBody">
+								<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
+									style="min-width:100%;">
+									<tbody class="mcnTextBlockOuter">
+										<tr>
+											<td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
+												<!--[if mso]>
+				<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
+				<tr>
+				<![endif]-->
+												<!--[if mso]>
+				<td valign="top" width="600" style="width:600px;">
+				<![endif]-->
+												<table border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;"
+													width="100%" class="mcnTextContentContainer">
+													<tbody>
+														<tr>
+															<td align="right" valign="top" class="mcnTextContent"
+																style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
+																<table cellpadding="0" cellspacing="0" width="100%">
+																	<tr>
+																		<td align="center">
+																			<br />
+																			<img
+																				src="https://d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/09/29185755/259x66-WasyaCo-Logo-YellowShadow.png"
+																				alt="Wasya Co [logo]" />
+																		</td>
+																	</tr>
+																</table>
+																<br /><br />
+																<table cellpadding="0" cellspacing="0" width="100%">
+																	<tr>
+																		<td align="right">
+																			<img src="https://wasya.co/wp-content/uploads/2023/09/250x250-girl-pointing-1.png"
+																				alt="Good-looking office assistant" />
+																		</td>
+																		<td align="right" valign="top">
+																			<br />
+																			<h1>NodeJs & ReactJs</h1>
+																			<h4><i>Devops & App Development</i></h4>
+																		</td>
+																	</tr>
+																</table>
+																<br />
+																<table align="center" border="0" cellpadding="0" cellspacing="0">
+																	<tbody>
+																		<tr>
+																			<td>
+																				<p>Wasya Co offers exceptional deployment & development services <br />in nodejs
+																					and a variety of other software stacks.</p>
+																			</td>
+																		</tr>
+																	</tbody>
+																</table>
+																<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock"
+																	style="min-width:100%;">
+																	<tbody class="mcnButtonBlockOuter">
+																		<tr>
+																			<td
+																				style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
+																				valign="top" align="right" class="mcnButtonBlockInner">
+																				<table border="0" cellpadding="0" cellspacing="0"
+																					class="mcnButtonContentContainer"
+																					style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
+																					<tbody>
+																						<tr>
+																							<td align="right" valign="middle" class="mcnButtonContent"
+																								style="font-family: Helvetica; font-size: 18px; padding: 18px;">
+																								<a class="mcnButton " title="Read More"
+																									href="https://tidycal.com/wasya-co/30min" target="_blank"
+																									style="font-weight: bold;letter-spacing: -0.5px;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Chat
+																									with us Now!</a>
+																							</td>
+																						</tr>
+																					</tbody>
+																				</table>
+																			</td>
+																			<td width="50"></td>
+																		</tr>
+																	</tbody>
+																</table>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+												<!--[if mso]>
+				</td>
+				<![endif]-->
+												<!--[if mso]>
+				</tr>
+				</table>
+				<![endif]-->
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</td>
+						</tr>
+						<tr>
+							<td valign="top" id="templateFooter">
+								<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock"
+									style="min-width:100%;">
+									<tbody class="mcnFollowBlockOuter">
+										<tr>
+											<td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
+												<%= render '/wco_email/application_mailer/footer_unsubscribe' %>
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</td>
+						</tr>
+					</table>
+					<!--[if (gte mso 9)|(IE)]>
+                        </td>
+                        </tr>
+                        </table>
+                        <![endif]-->
+					<!-- // END TEMPLATE -->
+				</td>
+			</tr>
+		</table>
+	</center>
+</html>