<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TemPt Accessories V.I.P Nyhetsbrev</title>
<style>
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
html, body {width: 100%; margin: 0; padding: 0; top: 0; left: 0; border:0; outline:0;}
body {vertical-align:baseline; font-size: 62.5%; font-family: arial, verdana, sans-serif; background: #ffe77b}
#container {
width: 600px;
position: relative;
margin: 40px auto;
background: #fff;
}
.header {
position: relative;
top: -10px;
}
h1 {
font-weight: bold;
font-size: 36px;
margin: 10px;
}
h2 {
padding:10px;
margin: 3px 0;
font-size:30px;
font-weight: normal;
font-family:Georgia, 'Times New Roman', Times, serif;
text-align: center;
}
h3 {
padding: 10px;
margin: 10px 0;
font-size:25px;
font-weight: normal;
font-family:Georgia, 'Times New Roman', Times, serif;
text-align: center;
}
h4 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-weight: bold;
margin: 10px 0;
}
#container a {
color:#564319;
text-decoration:none;
}
.centered {
position: relative;
margin: 0 auto;
display: block;
}
#social {
position: relative;
float: left;
margin: 20px;
}
#social img {
margin-right: 14px;
}
#hours {
position: relative;
float: right;
margin: 25px 20px 20px 20px;
display: inline;
height: 100px;
}
#hours p {
margin-top: 10px;
}
#hours .title {
position: relative;
width: 100px;
display: inline-block;
font-weight: bold;
}
</style>
</head>
<body>
<div id="container">
<img src="http://tempt.no/nyhetsbrev/header%20600x70px%20%20copy.png" width="600" height="70" alt="bakgrunn" class="header" />
<h1>Værsegod, et godt tilbud til deg!</h1>
<h2>Nattåpent på Øyrane-Torg 26.September!</h2>
<img src="http://tempt.no/nyhetsbrev/566x204%20copy.PNG" width="566" height="204" alt="bilde" class="centered" />
<h3>Du velger selv hvilke produkter du vil bruke rabatten på!</h3>
<img src="http://tempt.no/nyhetsbrev/RABATT-30.PNG" width="566" height="204" alt="bilde2" class="centered" />
<div id="social">
<h4>Follow Us On</h4>
<img src="images/tweet48.png" width="48" height="48" alt="twitter" />
<img src="images/in48.png" width="48" height="48" alt="LinkedIn" />
<img src="images/face48.png" width="48" height="48" alt="facebook" />
</div>
<div id="hours">
<p>
<span class="title">Hours: </span>
<span class="content">Man-Fre. 10:00-20:00, Lør. 10:00-18:00</span>
</p>
<p>
<span class="title">Customer Support: </span>
<span class="content"><a href="mailto:name@yourcompanyname.com">name@yourcompanyname.com</a></span>
</p>
<p>
<span class="title">Company Address: </span>
<span class="content">1 Infinite Loop, Cupertino, CA 95014, USA</span>
</p>
<p>
<span class="title">Company URL: </span>
<span class="content"><a href="http://www.yourcompanyname.com" target="_blank">http://www.yourcompanyname.com</a></span>
</p>
</div>
<img src="http://tempt.no/nyhetsbrev/600px%20footer.PNG" width="600" height="100" alt="footer" />
</div>
</body>
</html>
