0% found this document useful (0 votes)
3 views

HTML Email

This document is an introduction email for a graphic and web design agency. It includes sections about the agency's services, a call to action button, and social links. The agency specializes in graphic design, branding, and web design services.

Uploaded by

shawaizkhan488
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views

HTML Email

This document is an introduction email for a graphic and web design agency. It includes sections about the agency's services, a call to action button, and social links. The agency specializes in graphic design, branding, and web design services.

Uploaded by

shawaizkhan488
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<title>Introduction | Infinity Shadow</title>
<!-- Calendly Badge Widget -->
<link href="https://assets.calendly.com/assets/external/widget.css"
rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js"
type="text/javascript" async></script>
<script type="text/javascript">
window.onload = function () {
Calendly.initBadgeWidget({
url: 'https://calendly.com/infinityshadow/graphic-and-web-design',
text: 'Book a Free Meeting ',
color: '#ff7200',
textColor: '#ffffff',
branding: true
});
}
</script>
<!-- Calendly Badge Widget end -->
<link href="https://fonts.googleapis.com/css?
family=Playfair+Display:400,400i,700,700i" rel="stylesheet">
<!-- CSS Reset : BEGIN -->
<style>
/* General Styles */
body {
margin: 0;
padding: 0 !important;
mso-line-height-rule: exactly;
background-color: #f1f1f1;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.8;
color: rgba(0, 0, 0, .4);
}

/* Container Styles */
.email-container {
max-width: 600px;
margin: 0 auto;
}

/* Heading Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Playfair Display', serif;
color: #000000;
margin-top: 0;
}

/* Text Styles */
p {
margin: 15px 0;
}

/* Link Styles */
a {
color: #f3a333;
text-decoration: none;
}

/* Button Styles */
.btn {
padding: 10px 15px;
display: inline-block;
margin-top: 15px;
border-radius: 30px;
background: #f1620f;
color: #ffffff;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}

.btn:hover {
background-color: #000000;
color: #fff;
}

/* Section Styles */
.email-section {
padding: 20px;
background-color: #fafafa;
}

/* Footer Styles */
.footer {
color: rgb(255, 255, 255);
background-color: #000000;
padding: 20px;
text-align: center;
}

/* Services List Styles */


.services-list {
list-style: none;
padding: 0;
color: #000000;
/* Set list item color to black */
}

/* Remove Bullets from List Items */


.services-list li {
list-style: none;
}
</style>
</head>
<body width="100%">
<center style="width: 100%;">
<div class="email-container">
<!-- Header Section -->
<table align="center" role="presentation" cellspacing="0"
cellpadding="0" border="0" width="100%">
<tr>
<td class="bg_white" style="padding: 1em 2.5em; text-align:
center">
<h1>Infinity Shadow</h1>
</td>
</tr>
</table>

<!-- Hero Section -->


<table valign="middle" role="presentation" cellspacing="0"
cellpadding="0" border="0" width="100%">
<tr>
<td class="email-section"
style="background-color: #000000; color: #ffffff; text-
align: center; padding: 40px;">
<h2 style="font-size: 24px; font-weight: 700;">Graphic
&amp; Website Design Agency</h2>
<p style="font-weight: 400;">We specialize in providing
high-quality graphic design, branding,
and web design services to meet your needs. Our team is
dedicated to creating visually
striking designs that help you stand out.</p>
<p><a href="https://wa.link/zftslj" class="btn btn-
primary">Contact us for Information!</a></p>
</td>
</tr>
</table>

<!-- Services Section -->


<table role="presentation" cellspacing="0" cellpadding="0" border="0"
width="100%">
<tr>
<td class="email-section" style="text-align:left;">
<h2 style="font-size: 24px; font-weight: 700;">Services We
Provide</h2>
<ul class="services-list" style="font-size: 17px; padding:
0;">
<li>Branding and identity design</li>
<li>Print materials (brochures, flyers, posters,
business cards)</li>
<li>Digital graphics (web banners, social media
graphics)</li>
<li>Packaging design</li>
<li>Illustrations and infographics</li>
<li>Website design</li>
<li>User experience (UX) design</li>
<li>Photo editing and retouching</li>
<li>T-shirt and apparel design</li>
<li>Visual content for advertising and promotions</li>
</ul>
<p><a href="https://calendly.com/infinityshadow/graphic-
and-web-design"
class="btn btn-primary">Book a Free Meeting today!!
</a></p>
</td>
</tr>
</table>

<!-- Footer Section -->


<table class="footer" role="presentation" cellspacing="0"
cellpadding="0" border="0" width="100%">
<tr>
<td>
<p>&copy; Infinity Shadow. All Rights Reserved</p>
</td>
</tr>
</table>
</div>
</center>
</body>

</html>

You might also like