- Plain Text
- HTML Content
- HTML Source
Plain Text
Company Logo
[https://upload.wikimedia.org/wikipedia/en/d/d7/Omaha_Steaks_logo.png]
CHRISTMAS ANSWER & WIN
A FESTIVE NEW HOLIDAY GIFT
Random Image
[https://goimgweb.com/file_718f8f9a-05dc-48a4-bf5d-ff7dabfe694e.png]
You have been selected to receive an exclusive Christmas loyalty reward for
free!
It will take you only a minute to unwrap this festive prize.
GET STARTED [https://t.co/7H21AR5dva]
HOLIDAY SPECIAL
If you no longer wish to recieve these emails, you may unsubscribe by clicking
here [https://t.co/7H21AR5dva] or by writing to 826 Expressway Lane, Spanish
Fork, UT 84660.
HTML Source
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email</title>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.wrapper {
max-width: 500px;
margin: 20px auto;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
border-radius: 2px;
font-family: "Oswald", sans-serif;
}
.email-container {
max-width: 500px;
margin: 0 auto;
padding: 20px;
background-image: url('https://cusdomon.com/file_5182221b-c88f-4fdf-b082-7236fe261aed.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.email-header {
text-align: center;
padding-bottom: 20px;
margin-bottom: -20px;
}
.email-header img {
/*margin-bottom: 20px;*/
margin-top: 30px;
max-width: 170px;
}
.email-body {
font-family: Popping, sans-serif;
margin-top: 30px!important;
padding-bottom: 20px;
font-size: 26px;
line-height: 0.9;
color: #333333;
text-align: center;
font-weight: 1000;
}
.email-footer {
text-align: center;
font-size: 14px;
color: #222;
padding-top: 20px;
text-transform: uppercase;
font-weight: bold;
padding: 20px 60px;
}
.answer {
color: #222;
font-size: 42px;
font-style: italic;
font-family: Poppins, sans-serif;
font-weight: 1000;
}
.a-2 {
font-size: 35px!important;
}
.btn {
display: inline-block;
background-color: #840b2e;
color: #fff;
padding: 10px 50px;
border-radius: 1px;
border: 1px solid white;
text-decoration: none;
font-weight: bold;
margin: 0 auto;
}
.btn:hover {
background-color: #570122;
}
.body-2 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.footer {
background-color: #fafafa;
font-size: 11px;
color: #666;
margin-top: -11px;
text-align: center;
padding: 10px 10px;
font-family: "Arial", sans-serif;
}
.btn-div {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 30px;
}
.btn-div p {
font-family: Poppins, sans-serif;
font-weight: bold;
margin-top: 10px;
color: #fafafa;
font-size: 26px;
}
@media (max-width: 500px) {
.answer {
font-size: 40px;
}
.a-2 {
font-size: 35px!important;
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="email-container">
<div class="email-header">
<img src="https://upload.wikimedia.org/wikipedia/en/d/d7/Omaha_Steaks_logo.png" alt="Company Logo">
</div>
<div class="email-body">
<p class="answer">CHRISTMAS ANSWER & <span style="color: #840b2e;">WIN</span></p>
<p class="answer a-2">A FESTIVE NEW HOLIDAY GIFT</p>
</div>
<div class="body-2">
<div class="img">
<img src="https://goimgweb.com/file_718f8f9a-05dc-48a4-bf5d-ff7dabfe694e.png" alt="Random Image" style="width: 350px; height: 100%; object-fit: cover; margin-bottom: -10px">
</div>
</div>
<div class="email-footer">
<p>You have been selected to receive an exclusive Christmas loyalty reward <span style="color: red; font-style: italic">for free!</span></p>
<p>It will take you only a minute to unwrap this festive prize.</p><br/>
</div>
<div class="btn-div">
<a href="https://t.co/7H21AR5dva" class="btn">GET STARTED</a>
<p class="p-btn">HOLIDAY SPECIAL</p>
</div>
</div>
<div class="footer">
<p>If you no longer wish to recieve these emails, you may unsubscribe by clicking
<a href="https://t.co/7H21AR5dva">here</a> or by writing to 826 Expressway Lane, Spanish Fork, UT 84660.
</p>
</div>
</div>
</body>
</html>