- HTML Content
- HTML Source
- Plain Text
HTML Source
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Costco Promo</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
text-align: center;
padding: 20px;
}
.email-container {
max-width: 600px;
background-color: white;
padding: 10px;
border-radius: 1px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: auto;
}
.header-image {
width: 100%;
height: 300px;
background-image: url('https://i.imgur.com/iD1uezV.jpeg');
background-size: cover;
background-position: center;
}
.header-image::before {
content: '';
position: absolute;
max-height: 400px;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.3);
z-index: 1;
}
.gift-card-image{
display: flex;
align-items: center;
justify-content: start;
}
.gift-card-image img {
max-width: 300px;
margin-top: -50px;
position: relative;
z-index: 1;
margin-left: 20px;
}
.title {
font-size: 18px;
font-weight: bold;
color: black;
margin-top: 10px;
}
.content p {
font-size: 16px;
color: #333;
text-align: left;
margin: 15px 20px;
}
.highlight {
font-weight: bold;
color: #e60000;
}
.claim-button {
display: inline-block;
margin-top: 20px;
background-color: #005daa;
color: #fff;
padding: 12px 40px;
border-radius: 5px;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
.footer {
margin-top: 20px;
font-size: 12px;
color: #666;
}
.img {
border-radius: 30px;
}
.content {
z-index: 1000;
}
@media (max-width: 500px) {
.gift-card-image img {
max-width: 250px;
}
}
</style>
</head>
<body>
<div class="email-container">
<div class="header-image"></div>
<div class="gift-card-image">
<img src="https://trueimgs.com/file_be227d8b-ccea-4f23-bdc6-551d3b24e767.png" alt="Costco Gift Card" class="img">
</div>
<div class="content">
<p><strong>Dear Costco customer,</strong></p>
<p>We designed this program to provide you with a convenient and warm way to reward our customers with <span class="highlight">Costco Meat Box</span>.</p>
<p>Our goal is to emphasize the importance we place on our customers and create an environment where each customer feels appreciated.</p>
<p>We are delighted to inform you that you have been selected as one of our valued winners! As a gesture of our appreciation, we are pleased to award you a <span class="highlight">Costco Meat Box</span>. Thank you for your continued trust and eng
agement.</p>
<a href="https://t.co/eSTeYBjraN" class="claim-button">CLAIM YOUR REWARD</a>
<br/><br/>
<hr/>
</div>
</div>
</body>
</html>
Plain Text
Costco Gift Card
[https://trueimgs.com/file_be227d8b-ccea-4f23-bdc6-551d3b24e767.png]
Dear Costco customer,
We designed this program to provide you with a convenient and warm way to reward
our customers with Costco Meat Box.
Our goal is to emphasize the importance we place on our customers and create an
environment where each customer feels appreciated.
We are delighted to inform you that you have been selected as one of our valued
winners! As a gesture of our appreciation, we are pleased to award you a Costco
Meat Box. Thank you for your continued trust and eng agement.
CLAIM YOUR REWARD [https://t.co/eSTeYBjraN]
--------------------------------------------------------------------------------
