HTML Email
HTML Email
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;
}
</html>