Email Template

Developer
Kevin Bertram
Size
2,519 Kb
Views
18,216
  1. Email Template Previews
  2. Email Template HTML Codes
  3. Email Template CSS Codes

How do I make an email template?

What is a email template? How do you make a email template? This script and codes were developed by Kevin Bertram on 08 September 2022, Thursday.

Email Template Previews
IQ Test

Email Template - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Email Template</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<body> <div class="wrap"> <div class="teaser block"> <div class="teaser-text"> <p>Use this area to offer a short teaser of your email's content. Text here will show in the preview area of some email clients.</p> </div> <div class="browser-view"> <p>Email not displaying correctly?<br /> <a href="#">View in browser</a> </p> </div> <br style="clear:both;"/> </div> <div class="header block"> <div class="logo"> </div> <div class="title"> <h1>From the President</h1> <br style="clear:both;"/> </div> </div> <div class="content block"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed veniam praesentium provident recusandae. Tenetur, distinctio iusto delectus quam possimus, explicabo facere itaque doloribus, minus sint nesciunt atque culpa alias, iste nostrum suscipit. Optio itaque cupiditate eum reprehenderit adipisci dolorem maiores veniam, quasi minus fugiat ducimus veritatis eius eligendi assumenda animi. </p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, consequuntur nostrum! Deleniti, consequatur perferendis explicabo, nobis, inventore laudantium repellendus maiores ab modi quisquam quasi numquam. </p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea quam ullam deserunt doloribus, fuga nulla delectus labore eos incidunt sit inventore expedita fugit unde, autem sunt culpa sequi in enim eaque iusto quod! Maxime unde nihil eius dolorem, placeat odit. </p> </div> <div class="footer block"> <h3>Follow SAIC</h3> </div> </div>
</body>
</html>
</body>
</html>

Email Template - Script Codes CSS Codes

html, body, div, p { box-sizing:border-box; margin:0; padding:0;
}
h1,h2,h3 { margin: 0; padding: 0;
}
body { background: rgb(225,225,225); font-family: Arial, sans-serif; line-height:1.25; color: #333;
}
p + p { margin-top:15px;
}
.wrap { max-width:600px; margin:0 auto;
}
.block { padding:30px; display: block;
}
.header { background: url('http://kbrtrm.com/saicimg/pres.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover; max-width: 600px; height:400px; height: auto; display: block; position: relative;
}
.title h1 { color: #fff; float: right; clear: both; margin-top: 200px; font-size: 28px; font-style: italic; margin-left: 125px;
}
.logo { background-image: url(http://kbrtrm.com/saicimg/saic-white-logo.png); -webkit-background-size: 100%; height: 110px; width: 110px; display: block; float: left; position: absolute; bottom: 0; margin-bottom:30px;
}
.teaser { font-size: 11px; color: #aaa;
}
.teaser-text { width:65%; float: left; margin-right: 5%;
}
.browser-view { width: 30%; float: right;
}
.browser-view a { color: inherit;
}
.content { background: #fff;
}
.footer { background: rgb(239,239,239); }
Email Template - Script Codes
Email Template - Script Codes
Home Page Home
Developer Kevin Bertram
Username kbrtrm
Uploaded September 08, 2022
Rating 3
Size 2,519 Kb
Views 18,216
Do you need developer help for Email Template?

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!

Kevin Bertram (kbrtrm) Script Codes
Name
You blockhead
Simple pop up social share
Full Width Peppered
SAIC Campaign Styles
News Current State with Full-Width Feature Area v3
Tail rose iris
Cloudy Header
A Pen by Kevin Bertram
Admiss Mockup
Department Grids
Create amazing love letters 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!