-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
425 lines (387 loc) · 22.4 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mail Chimp</title>
<link rel="stylesheet" href="./styles/common.css">
<link rel="stylesheet" href="./styles/landing.css">
<link rel="stylesheet" href="./styles/commonFooter.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Castoro&display=swap" rel="stylesheet">
</head>
<body>
<div id="nav-bar">
<ul>
<div id="nav" class="nav-left">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<li><a href="our.html">Our Story</a></li>
<li><a href="how-to-design-a-beautiful-website.html">Resources</a></li>
<li><a href="#">Inspiration</a></li>
<li><a href="pricing.html">Pricing</a></li>
</div>
<span style="font-size:40px; padding-top: 15px; cursor:pointer" onclick="openNav()">☰ </span>
<div class="nav-mid">
<li><i><a href="index.html"><i class="fab fa-mailchimp fa-3x"></i><b class="mailchimp-logo">mailchimp</b></a></i></li>
</div>
<div class="nav-right">
<li><i class="fas fa-search fa-lg"></i></li>
<li>
<a href="login.html" id="login">Login</a>
</li>
<li>
<a href="" class="sign-up" style="color: white;">Sign Up Free</a>
</li>
</div>
</ul>
</div>
<div class="hero-cont">
<div class="hero">
<div class="hero-text">
<h1>Marketing smarts for big ideas</h1>
<p style="font-size: 1.5rem; font-weight:100; line-height: 2rem; font-family:'Roboto', sans-serif;">Mailchimp helps small businesses do big things, with the right tools and guidance every step of the way.</p>
<button class="call-to-action"><b>Pick A Plan</b></button>
</div>
<div class="hero-graphic">
<img class="hero-img" src="https://eep.io/images/yzco4xsimv0y/qEl0Lc7kL9UT1U7BTdxEo/5f6cfc0b9b5c093085ced77662cfc1e4/ILLO_Hero_Control_FranzLang_1520x1520_border__1_-min.png?w=760&q=95" alt="hero-img">
</div>
</div>
</div>
<div class="outer-cont-2">
<div class="section-2">
<h1>Do it all with Mailchimp</h1>
<div class="section-2-parra">
<h6>Bring your audience data, marketing channels, and insights together so you can reach your
goals faster—all from a single platform.</h6>
</div>
<div class="inner-cont-2">
<div>
<div class="inner-txt-cont2">
<h2 class="light">Get your business online</h2>
<h6>Give your brand a home with a custom domain.
Then create a website with built-in marketing tools to help you launch it.</h6>
<h6 id="link1">Websites and Domains <i class="fas fa-arrow-right"></i></h6>
</div>
<div class="inner-img-cont2">
<img class="inner-cont2-img" src="https://eep.io/images/yzco4xsimv0y/oadkyoPValmw9ljrmOTCf/662808ac1f34ca5d0ccd0bfbbc387754/MC_sites_01e__2_-min.png?w=860&q=95" alt="section-2.1">
</div>
</div>
<div>
<div class="inner-txt-cont2">
<h2 class="light">Market your business</h2>
<h6>Send the right messages on all the right channels. Build emails, social ads, landing pages,
postcards, and more from one place.</h6>
<h6 id="link1">Marketing Campaigns <i class="fas fa-arrow-right"></i></h6>
</div>
<div class="inner-img-cont2">
<img class="inner-cont2-img" src="https://eep.io/images/yzco4xsimv0y/wFT9IN3PvAN2B2HjLvbA4/b996bc49192207e6461446bf21897c99/MC_marketing_01e-min.png?w=860&q=95" alt="section-2.2">
</div>
</div>
</div>
</div>
</div>
<div class="outer-cont-3">
<div class="section-3">
<div class="section-3-txt">
<h1>“We shifted our road map to fast track new products and features, and bring you the tools needed most right now.”</h1>
<h6>New solutions, app updates, and marketing smarts are here! Take advantage of intelligence-backed creative tools, a visual automation builder, more e-commerce functionality,
and our updated app designed to help your business grow alongside your ambitions.</h6>
<button class="call-to-action"><b>See our fall release</b> </button>
</div>
<div class="section-3-img">
<img src="./static/section3-img.JPG" alt="SECTION-3">
</div>
</div>
</div>
<div class="outer-cont-4">
<h1 class="cont-4-heading">We’ll help you—</h1>
<div class="cont-4-grid">
<div>
<img src="https://eep.io/images/yzco4xsimv0y/6V4UZ6LqPgTirHcF7m4jpF/ba5708ee6f9c5531f7ca370ff53cc1d1/we_help_you_people.jpg?w=760&q=95" alt="section-4.1">
</div>
<div>
<h2>Reach the right people</h2>
<h6>Put your people at the heart of your marketing with tools that
help you get to know your audience and see who you should be talking to.</h6>
<h6><a href="#" id="link2">Audience management tools</a></h6>
</div>
<div>
<img src="https://eep.io/images/yzco4xsimv0y/1i6M5ef070sq7ovF2KQoSf/f4742fe4d61781592d83ceac381756dc/we_help_you_content.jpg?w=760&q=95" alt="section-4.2">
</div>
<div>
<h2>Create better content</h2>
<h6>Let your brand shine through with easy-to-use design tools and flexible templates.
Our AI-powered Creative Assistant will even generate custom designs for you in seconds.</h6>
<h6><a href="#" id="link2">Explore content studio</a></h6>
</div>
<div>
<img src="https://eep.io/images/yzco4xsimv0y/3AeO3Tg5m87hLImdhaC7mf/81a8981ddd55cd4a2952286e1d6c12a0/we_help_you_automate.jpg?w=760&q=95" alt="section-4.3">
</div>
<div>
<h2>Automate your marketing</h2>
<h6>Add a personal touch without the personal effort through automated messages that reach your
customers at exactly the right moments.</h6>
<h6><a href="#" id="link2">Learn about automations</a></h6>
</div>
<div>
<img src="https://eep.io/images/yzco4xsimv0y/3pEpuywfVN0I9dtWYKJ6Mr/3b3bb206a2c5ff61b338cad1f69d27e9/we_help_you_insights.jpg?w=760&q=95" alt="section-4.4">
</div>
<div>
<h2>Take action with our insights</h2>
<h6>With all your data and insights in one place, you can see what’s working best and get
recommendations to help you do more of it.</h6>
<h6><a href="#" id="link2">Insights & analytics tools</a></h6>
</div>
</div>
</div>
<div class="outer-cont-5">
<div class="cont-5">
<h1>Grow with Mailchimp</h1>
<h6>Our marketing platform helps brands like these build their thing and keep it growing.</h6>
<div class="inner-flex-5">
<div>
<img src="https://eep.io/images/yzco4xsimv0y/1UwhzIHudUfFf3IEgUQpLw/4538fff06cb2c15bfae0f2764728ef2f/new-belgium-brewing-logo-A417F22C28-seeklogo.com.png?q=95" alt="section-5.1">
<h6>Customers since 2011</h6>
</div>
<div>
<img src="https://eep.io/images/yzco4xsimv0y/jZxPQXjesCQjeR0xljc3b/d4e4cf06f6b4951aeab9a41db21f9362/Vimeo_bw.png?q=95" alt="section-5.2">
<h6>Customers since 2012</h6>
</div>
<div>
<img src="https://eep.io/images/yzco4xsimv0y/3eGTzHLQxE5I3jBWcPNR7u/efdd88aeb06177041587a91afea4d697/_ted-logo-black-ted-logo-black-and-white.png?q=95" alt="section-5.3">
<h6>Customers since 2010</h6>
</div>
</div>
</div>
</div>
<script src="./scripts/index.js"></script>
</body>
</html>
<!-- Abinash -->
<div id="keep_div">
<h1 class="top_h">Keep pushing forward.</h1>
<h1 class="top_h">We've got your back.</h1>
<div class="keep_img">
<img src="https://eep.io/images/yzco4xsimv0y/1ipIfBMtWd2aO37MZ1FXxl/df16a119af825588348369684ae69f7e/ILLO_Spot_Email_3_1080__1_.png?w=160&q=95"/>
<div>
<h3>Award-winning support</h3>
</div>
<div>
<p>Get the help you need, whenever you need it with our 24/7 support.</p>
</div>
<div class="learn">
<p>Learn More</p>
</div>
</div>
<div class="keep_img">
<img src="https://eep.io/images/yzco4xsimv0y/2q6xBaVYZKQyIiYiQg2oW8/679abd56f8fffd996ddca4ed5984105b/ILLO_Spot_Why-Mailchimp_Power-In-Numbers_1080x1080.png?w=160&q=95"/>
<div>
<h3>250+ app integrations</h3>
</div>
<div>
<p>You can connect all your tools to Mailchimp and unlock even more features.</p>
</div>
<div class="learn">
<p>Learn More</p>
</div>
</div>
<div class="keep_img">
<img src="https://eep.io/images/yzco4xsimv0y/6jrVSU1WhOGG2sMqg2AqSG/7ad01c078427ca71403f92e7343d0673/ILLO_Mini-Spot_Best-Customers_3_520.png?w=160&q=95"/>
<div>
<h3>A directory of trusted pros</h3>
</div>
<div>
<p>Take your marketing to the next level when you work with a Mailchimp partner.</p>
</div>
<div class="learn">
<p>Browse partners</p>
</div>
</div>
</div>
<div id="see_how">
<div id="see_heading">
<h1>See how it all comes together</h1>
</div>
<div class="see_below">
<img src="https://eep.io/images/yzco4xsimv0y/2KI2ugwb2GQsBcqFLz8fsn/d57eafcbd0008fd2d39d17c2535ebb59/Campaign_Boost__1_-min.png?w=760&q=95"/>
<div class="see_word">
<h1>Connect your store to give regular emails a sales boost</h1>
<p>Do more with your marketing using the power of analytics. Sync your store data and get pre-built customer segments based on purchase behavior to improve your sales.</p>
</div>
</div>
<div id="see_how_two">
<div class="see_below">
<img src="https://eep.io/images/yzco4xsimv0y/6NiU5dJzz6gU196DrRlH8L/bb57af2b2cab097cbe5764911afc96bb/Purchase-min.png?w=760&q=95"/>
<div class="see_word">
<h1>Pave the way to purchase</h1>
<p>Put your customers on personalized journeys that lead them to checkout.</p>
</div>
</div>
</div>
<div id="see_how_three">
<div class="see_below">
<img src="https://eep.io/images/yzco4xsimv0y/6f40VKlQwpoJQA1UcIVRE1/dc9878cd594f5e6af70f88bd2483408d/Results.png?w=760&q=95"/>
<div class="see_word">
<h1>Sit back and watch the results roll in</h1>
<p>Track sales from first click to purchase. See who paid for what and how much money your campaign has earned.</p>
</div>
</div>
</div>
<div class="upto">
<h1>Up to 6x more orders with automation</h1>
<p>Make your marketing work harder so you can focus on running your business. Our data shows automations can generate up to 6 times more orders than bulk email alone.</p>
<h4 class="see all smart">See All Smarts</h4>
</div>
<div class="lowimg">
<img src="https://eep.io/images/yzco4xsimv0y/1NIsKMRR8bNuZlQVfWPePQ/4c81beeea56054b45be98988dcb359a8/ILLO_Hero_Transactional-Target-1520.png?w=600&q=95"/>
</div>
</div>
<!-- <div class="street">
<div class="flex_all">
<img src="https://eep.io/images/yzco4xsimv0y/3vsykArLHv2eBeESwssrzG/31a76f649175ad04adc739fb1c471071/why_mailchimp.png?q=95"/>
</div>
<div class="flex_all">
<h3>"Since using Mailchimp, I feel so much more confident in managing all our marketing. Like I got this."</h3>
</div>
<div class="flex_all">
<p>– Marissa Axell, co-founder of 17th Street Athletic Club</p>
</div>
<div class="flex_all">
<h1>37%</h1>
<p>lift on online bookings</p>
</div>
<div class="flex_all">
<h1>250%</h1>
<p>increase in email signups</p>
<div class="flex_all">
<p>Results not typical.</p>
</div>
<div class="flex_img">
<img src="https://eep.io/images/yzco4xsimv0y/559tOd6MMKShfDSZOkObzY/82d6f7a567b064ef923d80a807128b2e/wis-17thstreet-Hero-Article-_1_.jpg?w=760&q=95"/>
</div>
</div>
</div> -->
<div class="mail">
<h1>Mailchimp was recently named one of the Best Software Companies of 2020 by G2.</h1>
<h4 class="mail_box">See How We stack up</h4>
<div class="mail_img">
<img src="https://eep.io/images/yzco4xsimv0y/2ewurCGaai01QOo0c24QAq/dc5c8ae42584033c0851f19894ee1251/ILLO_Hero_Transactional-Sending_Receiving-1520.png?w=600&q=95"/>
</div>
</div>
<div class="last">
<h1>Resources to give you the inside track</h1>
<p>Looking to get ahead? We have expert guidance, timely resources, and inspiring stories from entrepreneurs who’ve been in your shoes. Business-growing shoes.</p>
</div>
<!-- HImanshu's Code from here -->
<div id="imaginary-box">
<button id="box-1">
<a href="./how-design-a-beautiful-website.html" class="atag">
<div>
<div class="a_a">BUSINESS TIPS</div>
<div class="a_b">Beautiful Websites Made Easy</div>
<p>You don't have to be a designer to create a professional, attractive website to showcases your brand</p>
<div class="a_c">Learn More</div>
</div></a>
</button>
<img src="https://eep.io/images/yzco4xsimv0y/5usY1hKgMQ9eGCVoQP5Lxs/3f7955e5c99e4251efe74cc7e6626016/MCPNoodleSchoolMCHome-2.jpg?w=780&q=95" class="image-1"/>
<button id="box-2">
<div class="b">
<img src="https://eep.io/images/yzco4xsimv0y/4GB4ccyPMbWUX4aYbzIlo9/5f045fc4120b8afb030036e3ce8136e9/mcp-horizontal.png?w=240&q=95" class="image-2"/>
<div class="b_a">FILM</div>
<div class="b_b">Noodle School</div>
<div class="b_c">Students look toward a new career part through a intricate art of noodle making</div>
<h class="b_d">Watch Now</h>
</div>
</button></div>
<button id="box-3">
<div>
<div class="c_a">WORKSHOP</div>
<div class="c_b">Everything you need to know about… Securing content usage rights</div>
<h class="c_c">Learn More</h>
</div>
</button>
<img src="./static/mailchimp2.png" class="image-4"/>
<button id="box-4">
<div>
<div class="d_a">RESOURCES</div>
<div class="d_b">Make the Most of Your Website Launch</div>
<div class="d_c">Create a website that expresses who you are and amplifies your business. These 10 tips will help.</div>
<div class="d_d">Learn More</div>
</div>
</button>
<div id="box-5">
<h1 class="e_a">Let's do this</h1>
<div class="e_b">Every big idea starts with a small step forward.</div>
<button class="e_c"><div>Pic A Plan</div></button>
</div>
<div id="box-6">
<div>
<div>
<h4>Product</h4>
<a href="">Why mailchimp?</a>
<a href="">Product Updates</a>
<a href="">Email Marketing</a>
<a href="">Wevsites</a>
<a href="">How We Compare</a>
<a href="">GDPR Compliance</a>
<a href="">Security</a>
<a href="">Status</a>
<a href="">Mobole App</a>
</div>
<div>
<h4>Resources</h4>
<a href="">Guided & Tutorials</a>
<a href="">Marketing Tips</a>
<a href="">Marketing Glossary</a>
<a href="">Browse by Topic</a>
<a href="">Integrations Directory</a>
</div>
<div>
<h4>Community</h4>
<a href="">Agencies & Freelancers</a>
<a href="">Developers</a>
<a href="">Events</a>
</div>
<div>
<h4>Company</h4>
<a href="">Our Story</a>
<a href="">Newsroom</a>
<a href="">Annual Report</a>
<a href="">Careers</a>
</div>
<div>
<h4>Help</h4>
<a href="">Contact Us</a>
<a href="">Hire an Expert</a>
</div>
<div id="flex-box">
<img src="https://eep.io/images/yzco4xsimv0y/4GB4ccyPMbWUX4aYbzIlo9/5f045fc4120b8afb030036e3ce8136e9/mcp-horizontal.png?w=240&q=95" class="image-5"/>
<div>Films, podcasts and original series that celebrate the entrepreneurial spirit.</div><br>
<a href="">Check it out -></a>
<img src="https://eep.io/images/yzco4xsimv0y/5itQmdXHB6vMuAcvyWp5MR/ef5cd2cecd4c92b7029a22ec67585c65/Courier.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/5itQmdXHB6vMuAcvyWp5MR/ef5cd2cecd4c92b7029a22ec67585c65/Courier.svg?q=95" data-behavior="lazyload" alt="Courier" class="image-5"/>
<div>Expert insights, industry trends, and inspiring stories that help you live and work on your own your own terms.</div><br>
<a href="">Learn More -></a>
</div>
</div>
<hr/>
<div>
<div class="flex-box2">
<img src="https://eep.io/images/yzco4xsimv0y/1u3hha7FE0Q402e2qsMu6a/5e403548149c1618b64034284f692ff1/icon-ios.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/1u3hha7FE0Q402e2qsMu6a/5e403548149c1618b64034284f692ff1/icon-ios.svg?q=95" data-behavior="lazyload" class="image-6" alt="[KB] Download on the App Store">
<img src="https://eep.io/images/yzco4xsimv0y/64EpnI4RsQI66c2y2O60G2/4c34d7bc4dd7a4362c7e19a06c109e21/icon-android.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/64EpnI4RsQI66c2y2O60G2/4c34d7bc4dd7a4362c7e19a06c109e21/icon-android.svg?q=95" data-behavior="lazyload" class="image-6" alt="Get it on Google Play">
</div>
<img src="https://eep.io/images/yzco4xsimv0y/5daYAeMRSgIUUiSquGwsgI/1904e3f818575ec9625fa15dab193243/icon-facebook.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/5daYAeMRSgIUUiSquGwsgI/1904e3f818575ec9625fa15dab193243/icon-facebook.svg?q=95" data-behavior="lazyload" class="image-7" alt="Facebook">
<img src="https://eep.io/images/yzco4xsimv0y/3VjJhbqftKuok6gqYuUQKy/328d56c5d13ad50b9679b11e716bb218/icon-twitter.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/3VjJhbqftKuok6gqYuUQKy/328d56c5d13ad50b9679b11e716bb218/icon-twitter.svg?q=95" data-behavior="lazyload" class="image-7" alt="Twitter">
<img src="https://eep.io/images/yzco4xsimv0y/RlNw7Xkw8uKYAUoYU4aQw/ff3eada8736da9e63fbd9f929c6a677c/icon-instagram.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/RlNw7Xkw8uKYAUoYU4aQw/ff3eada8736da9e63fbd9f929c6a677c/icon-instagram.svg?q=95" data-behavior="lazyload" class="image-7" alt="Instagram">
<img src="https://eep.io/images/yzco4xsimv0y/n5saFR4miW4U4ygUIQo0A/8f9c60cb133b80fda2fe9bdb825b4a5f/icon-linkedin.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/n5saFR4miW4U4ygUIQo0A/8f9c60cb133b80fda2fe9bdb825b4a5f/icon-linkedin.svg?q=95" data-behavior="lazyload" class="image-7" alt="LinkedIn">
<img src="https://eep.io/images/yzco4xsimv0y/2z1ra9BrgQewIqMQckMasg/58e3e8ec04acd60f0642f89dfbd71218/icon-youtube.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/2z1ra9BrgQewIqMQckMasg/58e3e8ec04acd60f0642f89dfbd71218/icon-youtube.svg?q=95" data-behavior="lazyload" class="image-7" alt="YouTube">
<img src="https://eep.io/images/yzco4xsimv0y/7nawBEArBKpxRukK66OZtN/af9879112b20982e13748d47b24c8681/pinterest-logo.svg?q=95" data-src="https://eep.io/images/yzco4xsimv0y/7nawBEArBKpxRukK66OZtN/af9879112b20982e13748d47b24c8681/pinterest-logo.svg?q=95" data-behavior="lazyload" class="image-7" alt="">
<div class="last-text">©2001-2020 All Rights Reserved. Mailchimp® is a registered trademark of The Rocket Science Group. Apple and the Apple logo are trademarks of Apple Inc., registered in the U.S. and other countries. Mac App Store is a service mark of Apple Inc. Google Play and the Google Play logo are trademarks of Google Inc. <a href="" style="color: #241c15; font-weight: 700;">Privacy & Terms</a></div>
</div>
</div>
</a>
<script src="./scripts/index.js"></script>
</body>
</html>
<!-- ADD SOMETHING -->