-
Notifications
You must be signed in to change notification settings - Fork 2
/
home.html
162 lines (147 loc) · 7.04 KB
/
home.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
<!DOCTYPE html>
<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">
<link rel="stylesheet" href="styles/home.css">
<link rel="stylesheet" href="./navbar-before.css">
<link rel="stylesheet" href="./footer.css">
<title>Home-Page</title>
</head>
<body>
<div id="navbar_container"></div>
<div id="drive-result">
<div id="drive">
<div id="drive1">
<div id="heading-drive">
<h1>Drive results with unforgettable email marketing.</h1>
<p>Connecting with your audience has never been easier with Campaign Monitor’s straightforward email marketing and automation tools.</p>
<div id="button-div">
<button onclick="mycall()">Sign up for free</button>
<button onclick="mycall()">Learn more</button>
</div>
</div>
</div>
<div id="drive2">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/2021_cm_web_homepage_hero-stackofemails.png?ver=298">
</div>
</div>
</div>
<div id="powering">
<h2>Powering email marketing for businesses around the world.</h2>
<div>
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/ripcurl-2.png?ver=2981661498439010">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/digiday-2.png?ver=2981661498439010">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/au_red_cross-2.png?ver=2981661498439010">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/thegist.png?ver=2981661498439011">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/logo-strip/eno-2.png?ver=2981661498439011">
</div>
</div>
<div id="drag-drop">
<h1>Drag and drop your way to a beautiful email.</h1>
<div id="drag-box">
<div>
<div id="drag-data">
<h3>EASE OF USE</h3>
<p>Customize any template or design to showcase your brand using the simply powerful drag-and-drop email builder—no coding required.</p>
<h3>COMPLETE CUSTOMIZATION</h3>
<p>Display your brand at its best with precise adjustments to every aspect of your campaign in the email builder.</p>
<h3>MOBILE OPTIMIZATION</h3>
<p>Every template is responsive to mobile devices so you can send knowing your campaigns look great everywhere.</p>
<h3>TEMPLATE MANAGEMENT FOR TEAMS</h3>
<p>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.</p>
</div>
</div>
<div id="drag-image">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_sidebar_r.png?ver=298" >
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/editor_email_r.png?ver=298" >
</div>
</div>
</div>
<div id="eager-button">
<h2>Eager to see it in action? Take a look.</h2>
<button onclick="mycall()">Get started for free</button>
</div>
<div id="sms-here">
<div id="sms-div">
<div>
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-vector-bg-no-dots.svg?ver=298">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/sms-image-2x.png?ver=298" >
</div>
<div>
<div id="sms-data">
<h1>SMS is here!</h1>
<h1>A new way to connect.</h1>
<h1>A new way to convert.</h1>
<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>
<button onclick="mycall()">Learn More</button>
</div>
</div>
</div>
</div>
<div id="cards">
<div id="image-cards">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/template-1_comp-r.jpg?ver=298">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/template-2_comp-r.jpg?ver=298">
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/template-3_comp-r.jpg?ver=298">
</div>
<div id="cards-data">
<div id="cards-data-head">
<h1>Get started with one of our free templates.</h1>
<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>
<div id="button-cards">
<button onclick="mycall()">Build an email</button>
</div>
</div>
</div>
</div>
<div id="face-card">
<div id="face-head">
<h2>"Campaign Monitor helped us easily create beautiful emails that turned our Bombshell wetsuit into a global phenomenon.”</h2>
<p>James Taylor, Global Creative Director</p>
<div id="button-face">
<button onclick="mycall()" >See Rip Curl's success</button>
</div>
</div>
</div>
<div id="last-home">
<div>
<div id="chart-data">
<div id="chart-data-head">
<h1>Automate email journeys for perfectly timed sends.</h1>
<p>Most marketers think automation is intimidating. But creating customer journeys has never been more approachable than with the visual journey designer.</p>
<div id="button-cards">
<button onclick="mycall()">Explore automation</button>
</div>
</div>
</div>
<div>
<img src="https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/resized-5-21/automation-graphic_2.png?ver=298">
</div>
</div>
</div>
<div id="face-card2">
<div id="face-head">
<h2>“Campaign Monitor helped transform us from a small idea to a real company thanks to their user-friendly tools — I honestly could not recommend them enough.”</h2>
<p>Ellen Hyslop, Co-Founder of The GIST</p>
<div id="button-face">
<button onclick="mycall()">See Rip Curl's success</button>
</div>
</div>
</div>
<div id="footer_container"></div>
</body>
</html>
<script src="./scripts/home.js"></script>
<script type="module">
import navbarBefore from './components/navbar_before.js' ;
let container=document.getElementById("navbar_container") ;
container.innerHTML=navbarBefore() ;
console.log(container)
</script>
<script type="module">
import Footer from './components/footer.js' ;
let footer_container=document.getElementById("footer_container") ;
footer_container.innerHTML=Footer() ;
</script>