forked from Abrar2003/symptomatic-property-4004
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (139 loc) · 12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email Marketing | Email Software | Campaign Monitor</title>
<link rel="stylesheet" href="./styles/navbar.css" />
<link rel="stylesheet" href="./styles/footer.css" />
<link rel="stylesheet" href="./styles/index.css">
<link rel="stylesheet" href="./styles/nafv2.css">
<link href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACICAMAAAALZFNgAAAAclBMVEX///94Vv9vSP/As/9wS/9zUP+diP+0pf93VP91Uv9tRv9rQ/9yTf/9/P/39f/r5//d1v+IbP/Ivf/l4P+mk//Wzv+Wfv+sm//z8P+Ygf/Tyv/u6/+7rf+Qdv98XP9lOf+woP+ijf+EZv/EuP/OxP+AYf/xEBM6AAADsElEQVR4nO2aa5uyIBCGA8EQNLOys1nb9v//4qtrlnlIDoMf3ovn49rCfeHMPDA4mzk5OTk5OTk5OTk5OTn9t1p653TS+Vb3Zc+foy3FmCTrqTD2PuU8zBadBz5GhSg5T8NxvJByPpJErQfLHFXCSWwfY7ERrJpOrFqPPPwEQeGl/Qxcy4TUs9Fb69n89Qgxceu+OUidRfCajPrDIMWisF97GOuEN6b6DoICfLW1KKuAInkQhLidRF74dZTKgqBAnNuZZa4U09Y04yBFIm+BE3mxI6w9iQwICjlozK4fuDuHFAhi3N9DYURzHvRMIQdSVrc+X9LQKeu+FhWQorrtIGL2TtpRqgpS+NLDOJH3B9y7HGogKKCGjpz+DA+uAlJUt+ykjxHtRF+UaoEgyrQdefllOdRBikS+6cWsFw5EqSZIkcjoqI4RZ2JkWHUQFJCdqiO3nBYIRNmRFzcxlLSGICjIFRI5xaHEkHogRXXLJBelz2khQVAYSsVs/D1pAUAQyw+jjhzN8y81DAikTOSRk2mcyA9mAlJUt+s3jhUdTVogkGIXyQZjdp9JJC0YyLAjpxeZpIUDKV5P1hezm979oE2QsuR3HHl5UR4FAAQxvP0YIppTxeWAAhHz5ggntSiFA6Gf5cTrHOImAgkvze3j/sY1lgMCRGybm5MUqb9ZEBAmmmXk3YiaGiSg98a/rmWdFhyEouY59PzttGAVhCSN8FBxWmCQj4OFxPbYEgjLvUaUHvSj1BDko4odkZrTAoKEl8Y+ZENMotQIhG/f4bF8mEWpAQjD1xdHNA8BlkMPJBDvKnbaGkepNghtdNM8bpi0BiDkvTM8+YONKPsgwn+FRwoTpVog7B0ei10OtxyqIPTdoxlpRNkFaZitp3pagATBWf2bOBlrRNkEIbv6J8ZOawLC8jpMI93tMQjI2+RSYu60+iAke14dRSBOqw3yMtv1T8+Vz2QgjD+PDANXPlOBBPhZxeLM2nLIgLzC9K7SiIIH4c8T5elgJWllQRjeVGEK67TKILXZRsBOqwpSmxzQ9lgbJKzuICLPVg2TBOHVXmz8yscuCCNVX2yl14gCAwmqrwH2Ph8bwC4IufyZnC2nlQbhh7I/t9gAnha0QPhfFTNqREGAYPzX+JgbNaIAQK64rGKmjSgAEK+sYnc2UdJ+ASmTFuyIr6Bw0+E4Kl75wEh0Lk3v0heTkOp+vTmb3bjAE0uIQ9/nBvGvN7FWMfw3d05OTk5OTk5OTk5OTk5OLf0D39tCH3ttTBoAAAAASUVORK5CYII=" rel="icon" type="image/fab-icon">
</head>
<body>
<div id="navbar"></div>
<section id="banner">
<div class="hero-left">
<div class="comm-logo-head">
<h1>Drive results with unforgettable email marketing.</h1>
</div>
<p>Connecting with your audience has never been easier with Campaign Monitor’s straightforward email marketing and automation tools.</p>
<div class="btn-container">
<a href="./signup.html" class="cmbtn primary">Sign up for free</a>
<a href="#" class="cmbtn tertiary purple tallbtn">Learn more</a>
</div>
</div>
<div class="hero-right">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/2021_cm_web_homepage_hero-stackofemails.png?ver=298" alt="email template" data-lazy-src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/2021_cm_web_homepage_hero-stackofemails.png?ver=298" data-ll-status="loaded" class="entered lazyloaded"><noscript><img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/2021_cm_web_homepage_hero-stackofemails.png?ver=298" alt="email template"></noscript></div>
</section>
<div class="b2">
<p class="lead publishing">Powering email marketing for businesses around the world.</p>
<ul class="logos">
<l class="ripcurl"><img alt="Rip Curl - Campaign Monitor Email Marketing Customer" title="Rip Curl" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/ripcurl-2.png?ver=2981658403473950" class="loaded"></l>
<l class="digiday"><img alt="Digiday - Campaign Monitor Email Marketing Customer" title="Digiday" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/digiday-2.png?ver=2981658403473952" class="loaded"></l>
<l class="redcross"><img alt="Australian Red Cross - Campaign Monitor Email Marketing Customer" title="Australian Red Cross" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/au_red_cross-2.png?ver=2981658403473953" class="loaded"></l>
<l class="thegist"><img alt="The Gist - Campaign Monitor Email Marketing Customer" title="The Gist" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/thegist.png?ver=2981658403473954" class="loaded"></l>
<l class="eno"><img alt="Eno - Campaign Monitor Email Marketing Customer" title="Eno" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/eno-2.png?ver=2981658403473955" class="loaded"></l>
</ul>
</div>
<section class="fullwidth" id="beautiful">
<hgroup id="evan">
<h3>Drag and drop your way to a beautiful email.</h3>
</hgroup>
<div class="draw-device browser " id="beautiful-browser">
<div class="copy">
<ul>
<l><strong>Ease of use</strong><br> Customize any template or design to showcase your brand using the simply powerful <a href="https:#">drag-and-drop email builder</a>—no coding required.</l><br>
<l><strong>Complete Customization</strong><br> Display your brand at its best with precise adjustments to every aspect of your campaign in the email builder. </l><br>
<l><strong>Mobile Optimization</strong><br> Every template is responsive to mobile devices so you can send knowing your campaigns look great everywhere.</l><br>
<l><strong>Template management for teams</strong><br> Allow your email designer to lock sections of the template so that your team only updates what you want them to — ensuring your brand style and business critical information all stay intact.</l><br>
</ul>
</div>
<div class="screen">
<div class="si">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_sidebar_r.png?ver=298" class="customize entered lazyloaded" alt="Create Custom Emails - Builder" title="Builder" data-lazy-src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_sidebar_r.png?ver=298" data-ll-status="loaded"><noscript><img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_sidebar_r.png?ver=298" class="customize" alt="Create Custom Emails - Builder" title="Builder" /></noscript>
</div>
<div class="desktop">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_email_r.png?ver=298" class="email entered lazyloaded" alt="Custom Email - Jaybird" title="Jaybird" data-lazy-src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_email_r.png?ver=298" data-ll-status="loaded"><noscript><img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_email_r.png?ver=298" class="email" alt="Custom Email - Jaybird" title="Jaybird" /></noscript>
</div>
</div>
</div>
</div>
<!-- </div> -->
</div>
<div class="callout">
<p>Eager to see it in action? Take a look.</p>
<div class="btn-container">
<a href="#" id="cccc">Get started for free</a>
</div>
</div>
</div>
</section>
<section id="timerReveal">
<div id="tim">
<img class="smsReveal__bg entered lazyloaded" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-vector-bg-no-dots.svg?ver=298" alt="" data-lazy-src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-vector-bg-no-dots.svg?ver=298" data-ll-status="loaded"><noscript><img class="smsReveal__bg" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-vector-bg-no-dots.svg?ver=298" alt=""></noscript>
<img class="smsRev" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-image-2x.png?ver=298" alt="" data-lazy-src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-image-2x.png?ver=298" data-ll-status="loaded"><noscript><img class="smsReveal__image" src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-image-2x.png?ver=298" alt=""></noscript>
</div>
<div class="smsReveal_content">
<div>
<h3>SMS is here!</h3>
<h3>A new way to <span>connect.</span></h3>
<h3>A new way to <span>convert.</span></h3>
<p>Combining SMS and email marketing is the perfect way to build a stronger connection with your audience and maximize ROI. We make it easy to get started.</p>
<a href="#" id="cccc1">Learn More</a>
</div>
</div>
</div>
</section>
<div id="b3">
<div id="b3img">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/template-1_comp-r.jpg?ver=298" alt="">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/template-2_comp-r.jpg?ver=298" alt="">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/template-3_comp-r.jpg?ver=298" alt="">
</div>
<div class="copy1">
<h3>Get started with one of our free templates.</h3>
<p>Start your email with one of our professionally-designed templates to launch targeted campaigns like marketing offers, product announcements, newsletters, or event promotions.</p>
<a href="#" class="tertiary purple tallbtn cmbtn">Build an email</a>
</div>
</div>
<div id="b456">
<div class="support-contents__quote-container">
<p class="support-contents__quote">"Campaign Monitor helped us easily create beautiful emails that turned our Bombshell wetsuit into a global phenomenon.”</p>
<p class="support-contents__attribution">James Taylor, Global Creative Director</p>
<div class="btn-container">
<a href="#" id="white">See Rip Curl's success</a>
</div>
</div>
</div>
</div>
<section class="fullwidth shade" id="mobile">
<div class="copy3">
<h3>Automate email journeys for perfectly timed sends.</h3>
<p>Most marketers think automation is intimidating. But creating customer journeys has never been more approachable than with the visual journey designer.</p>
<a href="#" class="tertiary purple tallbtn cmbtn" id="cc">Explore automation</a>
</div>
<div class="overflow">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/automation-graphic_2.png?ver=298" alt="example email templates" data-lazy-src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/automation-graphic_2.png?ver=298" data-ll-status="loaded" class="entered lazyloaded"><noscript><img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/automation-graphic_2.png?ver=298" alt="example email templates"></noscript>
</div>
</div>
</section>
<div id="b98">
<div>
<div class="copy3" style="color: white;">
<h3>Automate email journeys for perfectly timed sends.</h3>
<p>Most marketers think automation is intimidating. But creating customer journeys has never been more approachable than with the visual journey designer.</p>
<a href="#" class="tertiary purple tallbtn cmbtn" id="white"style="width:230px; margin-left:1px; text-align:center; text-decoration:none;border-radius:5px;">Explore automation</a>
</div>
</div>
</div>
<div id="lid">
<h1> Get started with Campaign Monitor today</h1>
<p>With our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.
</p>
<a href="#" id="white" style="width:230px; text-align:center; text-decoration:none;padding: 30px;border-radius:5px">Sign up for free</a>
</div>
<div id="footer"></div>
</body>
</html>
<script src="./scripts/index.js" type="module"></script>