Email Template

Developer
Dominic Francois
Size
2,305 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?

A quick email template. What is a email template? How do you make a email template? This script and codes were developed by Dominic Francois on 10 October 2022, Monday.

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="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="email-body"> <div class="email-container"> <div class="header"> <hgroup> <h1>Thank You</h1> <h2>Subscription Successful</h2> </hgroup> </div> <div class="section1"> <h1>Weekly News</h1> <p>Now that you have subscribed to our newsletter, we want to thank you by supplying you with the most relevant information and exclusive content.</p> <h2>What Content?</h2> <a href="#"><img src="http://images6.fanpop.com/image/quiz/940000/940442_1351292073702_500_273.jpg" alt="" /></a> <p>You will recieve links to our exclusive videos, our weekly newsletter keeping you upto date with all that is current and finally access to our vip section for the website.</p> <h1>Very Important Person</h1> <p>We thank you for wanting to be so involved with our team and for supporting us as a small company trying to change the world. Click the button below to login into your vip account.</p> <a href="#" class="vip">VIP</a> </div> <div class="footer"> <p>visit site | unsubscribe</p> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Email Template - Script Codes CSS Codes

.email-body{ background:#fff;
}
.email-container { max-width:500px; margin: 0 auto;
}
.header { background:#e74c3c; padding:50px;
}
.header hgroup { text-align:center; font-family:verdana;
}
.header hgroup h1 { font-size: 2em; color: #fff; font-weight: bold; letter-spacing:.3em; text-transform:uppercase;
}
.header hgroup h2 { padding:20px 0 0 0; font-size:.75em; color:#121212;
}
.section1 { padding:20px; color:#666; font-family: verdana; background: #ecf0f1;
}
.section1 h1 { font-size:1.2em; color: #121212;
}
.section1 h2 { color:#121212; font-size:1.2em;
}
.section1 p { line-height:1.5em; padding: 20px 0; font-size:.75em;
}
.section1 img { width:100%; padding-top:20px;
}
.section1 a.vip { color:#fff; padding: 10px 20px; background:#3498db; text-decoration: none;
}
.footer{ padding:20px; text-align:center; background:#7f8c8d; color:#A0AAAB;
}
Email Template - Script Codes
Email Template - Script Codes
Home Page Home
Developer Dominic Francois
Username DominicFrancois
Uploaded October 10, 2022
Rating 3
Size 2,305 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!

Dominic Francois (DominicFrancois) Script Codes
Name
Photography Portfolio
Flat login form
Digital clock
Accordion Menu
Vertical Image Slider
Navigation
Portfolio Design
Scroll to top button
Sorry page
Fancy Audio Player
Create amazing captions 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!