HTML email

Developer
Stuart Allen
Size
4,277 Kb
Views
8,096
  1. HTML email Previews
  2. HTML email HTML Codes
  3. HTML email CSS Codes

How do I make an html email?

What is a html email? How do you make a html email? This script and codes were developed by Stuart Allen on 29 November 2022, Tuesday.

HTML email Previews
IQ Test

HTML email - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>HTML email</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>The Wiley Enterprise IT Team is excited to announce the arrival of Microsoft Office 365!</title> <style> </style>
</head>
<body bgcolor="#ffffff" style="background-color:#ffffff; margin: 0; padding: 0;"> <!-- wrapper --> <table id="table-wrapper" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-family: sans-serif;"> <!-- table header - wiley logo and web-based email link --> <tr class="header"> <td></td> <td width="560" style="padding: 20px 20px;"> <table class="" border="0" cellpadding="0" cellspacing="0" align="center" width="100%"> <tr> <td><img width="120" height="25" src="http://media.wiley.com/spa_assets/R16B089RC1/site/wiley2/cvo/images/wiley-wordmark.png"></td> <td class="email-link"><span>If this email is not displaying correctly, please click <a href="#">here</a></span></td> </tr> </table> </td> <td></td> </tr> <!-- header horizontal rule --> <tr class="header-hr"> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <!-- content --> <tr class="content"> <td></td> <td width="560" style="padding: 0 20px;"> <!-- empty band --> <table height="24" class="table-rule" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td>&nbsp;</td> </tr> </table> <!-- Header image --> <table class="table-header-image" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td><img class="imageFix" width="100%" src="https://github.com/wileycreativeservices/office365email/blob/master/images/email-graphic.jpg?raw=true"></td> </tr> </table> <!-- empty band --> <table height="24" class="table-rule" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td>&nbsp;</td> </tr> </table> <!-- text-intro --> <table class="text-intro" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td style="padding: 15px 0"> <h2>The Wiley Enterprise IT Team is excited to announce the arrival of Microsoft Office 365!</h2> </td> </tr> <tr> <td style="height: 10px; width: 100%; background-color: #ffffff; border-top: 1px solid #000000"> &nbsp; </td> </tr> <tr> <td> <p>So, what does this mean for you? In short, all of us will have access to the latest tools, features, and functions that will allow us to better collaborate with one another, be more productive from anywhere and any device, and keep information safe with the security and stability of an improved IT environment.</p> <p><strong>Over the coming months, the Office 365 rollout will involve:</strong></p> </td> </tr> </table> <!-- empty band --> <table height="24" class="table-rule" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td>&nbsp;</td> </tr> </table> </td> <td></td> </tr> <tr class="feature-container"> <td></td> <td width="560" style="padding: 0 20px;"> <!-- feature list --> <table class="feature-list" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="0" width="20%"></td> <td height="0" width="20%"></td> <td height="0" width="20%"></td> <td height="0" width="20%"></td> <td height="0" width="20%"></td> </tr> <tr> <td class="feature feature-orange"><img src="https://github.com/wileycreativeservices/office365email/blob/master/images/office.png?raw=true"></td> <td class="feature feature-orange" colspan="4"> Upgrading to the “Modern Desktop”—which includes Office 2016 versions of Word, Excel, PowerPoint, and more. </td> </tr> <tr> <td class="feature feature-red" colspan="4"> Introducing OneDrive for Business, which allows access to your files from any device at anytime. </td> <td class="feature feature-red"><img src="https://github.com/wileycreativeservices/office365email/blob/master/images/onedrive.png?raw=true"></td> </tr> <tr> <td class="feature feature-orange"><img src="https://github.com/wileycreativeservices/office365email/blob/master/images/skype.png?raw=true"></td> <td class="feature feature-orange" colspan="4"> Incorporating Full Skype for Business functionality to improve and enhance communication. </td> </tr> <tr> <td class="feature feature-red" colspan="4"> Migrating email to a secure cloud environment. </td> <td class="feature feature-red" colspan="1"><img src="https://github.com/wileycreativeservices/office365email/blob/master/images/email.png?raw=true"></td> </tr> <tr> <td class="feature feature-orange" colspan="1"><img src="https://github.com/wileycreativeservices/office365email/blob/master/images/sharepoint.png?raw=true"></td> <td class="feature feature-orange" colspan="4"> Moving to SharePoint Online for a true, interconnected, and collaborative environment in the cloud. </td> </tr> </table> </td> <td></td> </tr> <tr class="content"> <td></td> <td width="560" style="padding: 0 20px;"> <!-- empty band --> <table height="24" class="table-rule" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td>&nbsp;</td> </tr> </table> <!-- text-outro --> <table class="text-outro" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <p>Simplicity yields greater productivity, and with the upcoming Office 365 initiative we can all benefit from the user friendly set-up it provides. Our IT team will work hard to keep you informed of what to expect and when, along with offering tips on how to best use the exciting new features. While we work to complete our Office 365 Resource Site on the Portal, which will contain updates, training, and other information, you can get a sneak peek at what to expect with the <a href="https://resources.office.com/en-us-landing-guided-tour-test-drive.html">MS Office 365 Guided Tour</a>.</p> <p>Should you have any questions or concerns along the way, please feel free to reach out to <a href="mailto:[email protected]">[email protected]</a>.</p> </td> </tr> <tr> <td> <table height="24" class="table-rule" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td>&nbsp;</td> </tr> </table> </td> </tr> <tr> <td> <p><strong>Cheers to working smarter not harder!</strong></p> <p><i>Wiley IT</i></p> </td> </tr> </table> <!-- empty band --> <table height="24" class="table-rule" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td>&nbsp;</td> </tr> </table> </td> <td></td> </tr> <!-- footer --> <tr class="footer"> <td></td> <td width="560" style="padding: 40px 20px;">Copyright © 2000-2016 by John Wiley & Sons, Inc., or related companies. All rights reserved.</td> <td></td> </tr> </table> <!-- end wrapper -->
</body>
</html>
</body>
</html>

HTML email - Script Codes CSS Codes

h2 { margin: 0;
}
p { margin-top: 0;
}
img { border: 0 none; height: auto; line-height: 100%; outline: none; text-decoration: none;
}
a img { border: 0 none;
}
p { line-height: 150%;
}
table,
td { border-collapse: collapse; font-family: sans-serif;
}
table { color: #424240;
}
.email-link { color: #757472; vertical-align: bottom; text-align: right; font-size: 12px; padding-left: 30px;
}
.header-hr > td { background-color: #E87700;
}
.feature-container > td { background-color: #FAF7F2; border-top: solid 4px #E87700; border-bottom: solid 4px #E87700;
}
.feature-list td.feature { color: #424240; padding: 30px 10px; border-bottom-style: solid; border-bottom-width: 1px; font-size: 18px; line-height: 26px;
}
.feature-list td.feature.feature-orange { border-color: #BDBBB7;
}
.feature-list td.feature.feature-red { border-color: #BDBBB7; text-align: right;
}
.feature-list td.feature img { vertical-align: middle;
}
.feature-list tr:last-child td { border-width: 0;
}
.footer td { color: #BDBBB7; background-color: #424240; font-size: 12px;
}
HTML email - Script Codes
HTML email - Script Codes
Home Page Home
Developer Stuart Allen
Username rarebush
Uploaded November 29, 2022
Rating 3
Size 4,277 Kb
Views 8,096
Do you need developer help for HTML email?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Stuart Allen (rarebush) Script Codes
Name
Blur background on search focus
WileyPLUS serif CSS
WOL 2 Bootstrap
Dashboard Builder - geochart
TableTop.js - turn a google sheet into a JavaScript object
Animated leaderboard
WileyPLUS styles
Animated leaderboard - image
ChemPlanner Colours
Hub styleguide
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!