Skip to content

Instantly share code, notes, and snippets.

@jakl

jakl/header.jpg

Last active August 29, 2015 13:59
Show Gist options
  • Save jakl/10715600 to your computer and use it in GitHub Desktop.
Save jakl/10715600 to your computer and use it in GitHub Desktop.
Download ZIP
thingy
Raw
index.html
<!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>*|MC:SUBJECT|*</title>
<style type="text/css">
/* Mail Chimp Boiler Plate */
#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 */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /Mail Chimp Boiler Plate */
hr {
border-color: #9F4A75;
border-style: solid none;
border-width: 1px 0;
margin: 18px 0;
}
td {
padding: 0;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
body {
line-height: 150%;
background: url(w.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.newsletter {
padding: 20px;
background-color: rgba(132,0,47,0.7);
}
.side-content {
background-color: #660738;
height: 230px;
padding: 20px;
}
.main-content {
background-color: #AF4A75;
height: 230px;
padding: 20px;
}
.main-column {
height: 290px;
width: 700px;
}
.content-img {
width: 180px;
}
.content-btn {
color: #FBB03B;
font-size: 16px;
font-weight: bold;
font-style: italic;
font-family: arial;
margin-right: 40px;
}
.footer {
color: #666;
font-family: arial;
text-decoration: none;
}
#bodyCell {
padding-top: 80px;
padding-left: 200px;
padding-right: 200px;
padding-bottom: 50px;
}
.header {
font-size: 50px;
padding-bottom: 20px;
text-decoration: none;
margin-top: 20px;
}
.main-text {
color: #E2DFDE;
font-family: arial;
text-decoration: none;
font-size: 30px;
}
.headline {
font-family: "Trebuchet MS";
color: white;
font-size: 29px;
line-height: 120%;
}
.bold {
font-weight: bold;
}
.subtext {
font-family: arial;
color: #E2DFDE;
text-decoration: none;
font-size: 16px;
line-height: 180%;
}
.day {
color: white;
font-family: "Trebuchet MS";
font-size: 32px;
margin-top: 20px;
}
.time {
color: white;
font-family: "Trebuchet MS";
font-size: 27px;
margin-bottom: 20px;
}
.register {
color: white;
background-color: #9F4A75;
font-size: 20px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 45px;
padding-right: 30px;
width: 174px;
margin-left: 7px;
margin-top: 32px;
}
.navbar-links {
font-size: 16px;
}
.navbar-spacer {
padding-right: 15px;
}
.cusion15 {
padding-bottom: 15px;
}
.cusion5 {
padding-bottom: 5px;
}
.padding5 {
padding: 5px;
}
.padding15 {
padding: 15px;
}
.full-width {
width: 100%;
}
.header-img {
height: 180px;
}
.date {
font-size: 24px;
padding-bottom: 5px;
padding-top: 25px;
color: white;
font-family: arial;
}
.height200 {
height: 200px;
}
.full-height {
height: 100%;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
<tr>
<td align="center" valign="top" id="bodyCell">
<div class="newsletter">
<table class="full-width">
<tr><td>
<a class="header main-text" href="https://www.wearewatermark.org">
<div class="header main-text">
W A T E R M A R K
</div>
</a>
</td><td align="right">
<a class="main-text">f t l y</a>
</td></tr>
<tr><td colspan="100%">
<img src="header.jpg" class="full-width">
</td></tr>
<tr><td>
<div class="date main-text">Upcoming events</div>
</td><td align="right">
<div class="date main-text">JAN/FEB 2014</div>
</td></tr>
<tr><td class="main-column">
<div class="main-content">
<div class="headline">WEBINAR SERIES</div>
<div class="headline bold cusion15">Silence Your Inner Critic with Tara Sophia Mohr</div>
<table><tr><td valign="top">
<div class="subtext">
How is your inner critic holding you back at work? Tara Sophia Mohr, expert on women’s leadership and well-be- ing, teaches us how to silence our inner critic to access and convey greater confidence in the workplace.
</div>
<div class="content-btn pull-right">Learn more</div>
</td><td>
<img src="tara.jpg" class="content-img">
</td></tr></table>
</div>
</td><td>
<div class="side-content">
<div class="day">January 8</div>
<hr>
<div class="time">10:00 am — 11:00 am</div>
<div class="time">Webex</div>
<div class="register">REGISTER NOW</div>
</div>
</td></tr>
<tr><td class="main-column">
<div class="main-content">
<div class="headline">WEBINAR SERIES</div>
<div class="headline bold cusion15">Silence Your Inner Critic with Tara Sophia Mohr</div>
<table><tr><td valign="top">
<div class="subtext">
How is your inner critic holding you back at work? Tara Sophia Mohr, expert on women’s leadership and well-be- ing, teaches us how to silence our inner critic to access and convey greater confidence in the workplace.
</div>
<div class="content-btn pull-right">Learn more</div>
</td><td>
<img src="tara.jpg" class="content-img">
</td></tr></table>
</div>
</td><td>
<div class="side-content">
<div class="day">January 8</div>
<hr>
<div class="time">10:00 am — 11:00 am</div>
<div class="time">Webex</div>
<div class="register">REGISTER NOW</div>
</div>
</td></tr>
<tr><td class="main-column">
<div class="main-content">
<div class="headline">WEBINAR SERIES</div>
<div class="headline bold cusion15">Silence Your Inner Critic with Tara Sophia Mohr</div>
<table><tr><td valign="top">
<div class="subtext">
How is your inner critic holding you back at work? Tara Sophia Mohr, expert on women’s leadership and well-be- ing, teaches us how to silence our inner critic to access and convey greater confidence in the workplace.
</div>
<div class="content-btn pull-right">Learn more</div>
</td><td>
<img src="tara.jpg" class="content-img">
</td></tr></table>
</div>
</td><td>
<div class="side-content">
<div class="day">January 8</div>
<hr>
<div class="time">10:00 am — 11:00 am</div>
<div class="time">Webex</div>
<div class="register">REGISTER NOW</div>
</div>
</td></tr>
</table>
</div>
<div class="cusion15"></div>
<table class="full-width footer">
<tr>
<td class="padding5">
<div>© 2014. Watermark</div>
<div>Women at the Top, Making Our Mark Together</div>
<div>All Rights Reserved</div>
<div>wearewatermark.org</div>
<div><a class="footer" href="mailto:info@wearewatermark.org">info@wearewatermark.org</a></div>
</td>
<td class="padding5" align="right" valign="top">
<div>Privacy Statement</div>
<div>Contact Us</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment