forked from akaushik509/CoSchedule.com-Clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
marketing.html
316 lines (279 loc) · 12.3 KB
/
marketing.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
<!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" />
<title>CoSchedule Marketing Suit</title>
<link rel="stylesheet" href="marketing.css" />
</head>
<body>
<header>
<div id="navbar">
<div>
<a href="marketing_suit.html"
><img
src="https://coschedule.com/img/product/coschedule-marketing-suite-logo-color.svg"
alt="logo"
/></a>
</div>
<select>
<option>Explore</option>
<option><a href="www.google.com">Calender Organizer</a></option>
<option >Work Organizer</option>
<option>Calender Organizer</option>
<option>Asset Organizer</option>
</select>
<button style="cursor: pointer;">Get a Demo</button>
</div>
</div>
<div id="middle">
<div><h1>Take control of Yours Process And Bring Your Team Together.</h1>
<p>Complete more work. Deliver projects on time. Prove your value.</p>
<div><button style="cursor: pointer;">Request Your Demo</button>
<p>Or Get Started Free</p>
</div >
<div id="inside">
<p>CoSchedule Marketing Suite is a family of agile marketing products that helps you coordinate your process, projects, and teams.</p>
</div>
</div>
</div>
</header>
<div id="uppar">
<div class="overwhite">
<div> <img src="https://coschedule.com/img/product/marketing-calendar-product-icon.png" alt=""></div>
<div> <h4>Calender Organizer</h4></div>
</div>
<div class="overwhite">
<div><img src="https://coschedule.com/img/product/content-organizer-product-icon.png" alt=""></div>
<div><h4>Content Organizer</h4></div>
</div>
<div class="overwhite">
<div><img src="https://coschedule.com/img/product/work-organizer-product-icon.png" alt=""></div>
<div><h4>Work Organizer</h4></div>
</div>
<div class="overwhite">
<div><img src="https://coschedule.com/img/product/asset-organizer-product-icon.png" alt=""></div>
<div><h4>Asset Organizer</h4></div>
</div>
</div>
<div id="vi">
<div>
<h3>Close the output gap with Marketing Suite</h3>
<p>Marketers are expected to do more without more resources. 60% of the workweek is wasted managing work — not completing it.</p>
<p>CoSchedule Marketing Suite removes time wasters so your team can perform to its full potential.</p>
</div>
<div>
<video width="100%" height="100%" muted="" title="Close the output gap with CoSchedule" id="aj-mar-suite-vid" autoplay loop>
<source src="https://media.coschedule.com/uploads/2021/08/marketing-suite_output-gap_19.mp4">
Your browser does not support HTML video.
</video>
</div>
</div>
<div class="box">
<div> Start completing more marketing with Marketing Suite
</div>
<button>Request Your Demo</button>
<p>Or Get Started Free</p>
</div>
<div id="feedback">
<div class="ptag">"CoSchedule Marketing Suite has been a fabulous tool for managing projects. It’s so seamless. There’s no more back-and-forth on whether projects have been completed. It’s all right there where everybody can see it, so everybody’s accountable"</div>
<div id="imgnam">
<div> <img src="https://coschedule.com/img/testimonials/debora-spano-umass.png" alt="">
</div>
<div><h4>DEBORA SPANO</h4>
<p>Proactive Media Relations Manager</p></div>
</div>
<p>See how UMass Memorial gained back 93 productive hours every month</p>
</div>
<div id="aim">
<div class="comp_right">
<div><h1>Complete more work</h1>
<p>Publish more content to generate a higher ROI by increasing your existing team’s productive work capacity. Eliminate endless email threads, unnecessary meetings, and desk drop-bys to <strong>complete 125% more work.</strong></p>
</div>
<img src="https://coschedule.com/img/product/suite/suite-complete-more-work.png" alt="">
</div>
<div class="comp_left">
<img src="https://coschedule.com/img/product/suite/suite-deliver-projects-on-time.png" alt="">
<div><h1>Deliver Projects On Time</h1>
<p>Develop a high-performance team that completes projects on time by balancing the predictability and flexibility of your work. Maintain <strong>on-time task completion rates greater than 90%.</strong></p></div>
</div>
<div class="comp_right">
<div><h1>Prove your value</h1>
<p>Get full visibility into your marketing operations to prioritize, plan, and manage a reliable pipeline of upcoming and in-flight projects. <strong>Focus 100% of your efforts</strong> on work that aligns with strategic business goals.</p></div>
<img src="https://coschedule.com/img/product/suite/suite-prove-your-value.png" alt="">
</div>
</div>
<div id="explore">
<div class="head">
<h1>Explore the Marketing Suite</h1>
</div>
<div id="visualize">
<div class="left"><img src="https://coschedule.com/img/product/suite/suite-marketing-calendar2.png" alt=""></div>
<div class="right">
<div id="cal">
<img src="https://coschedule.com/img/product/coschedule-marketing-calendar-product-icon.svg" alt="">
<div>CALENDER ORGANIZER</div>
</div>
<h2>Visualize everything in real time</h2>
<p>See every project on a unified calendar of record. Keep stakeholders "in the know.” Manage marketing requests and pivot quickly when priorities change.</p>
<button>Explore More</button>
</div>
</div>
<div id="visualize">
<div class="right">
<div id="cal" style="margin-left: 50px;">
<img src="https://coschedule.com/img/product/coschedule-content-organizer-product-icon.svg" alt="">
<div>CONTENT ORGANIZER</div>
</div>
<h2 style="margin-left: 50px;">Eliminate content bottlenecks from idea to promotion</h2>
<p style="margin-left: 50px;">See every project on a unified calendar of record. Keep stakeholders "in the know.” Manage marketing requests and pivot quickly when priorities change.</p>
<button style="margin-left: 54px;" id="purple">Explore More</button>
</div>
<div class="left"><img src="https://coschedule.com/img/product/suite/suite-content-organizer.png" alt=""></div>
</div>
<div id="visualize">
<div class="left"><img src="https://coschedule.com/img/product/suite/suite-work-organizer.png" alt=""></div>
<div class="right">
<div id="cal">
<img src="https://coschedule.com/img/product/coschedule-work-organizer-product-icon.svg" alt="">
<div>WORK ORGANIZER</div>
</div>
<h2>Maximize resources to increase output</h2>
<P>Implement consistent, defined workflows to speed up production and identify how urgent changes impact proactively planned work.</P>
<button id="red">Explore More</button>
</div>
</div>
<div id="visualize">
<div class="right">
<div id="cal" style="margin-left: 50px;">
<img src="https://coschedule.com/img/product/coschedule-asset-organizer-product-icon.svg" alt="">
<div>ASSET ORGANIZER</div>
</div>
<h2 style="margin-left: 50px;">Catalog and maintain control of brand assets</h2>
<p style="margin-left: 50px;">Customize taxonomies to quickly find, update, and share files. Securely share folders and files with stakeholders to make sure your work is up-to-date.</p>
<button style="margin-left: 54px;" id="blue">Explore More</button>
</div>
<div class="left"><img src="https://coschedule.com/img/product/suite/suite-asset-organizer.png" alt=""></div>
</div>
</div>
<div class="cos">
<div>
<h2>It's like adding a full-time marketer to your team. <em>Seriously</em>.</h2>
<p>Marketing teams save an average of $50,000 a year with CoSchedule Marketing Suite.</p>
<p>Find out how much productive time + money you’ll save (and share the results with your boss).</p>
</div>
</div>
<div id="calci">
<div id="calci-left">
<div>
<h4>Tell us about your team</h4>
<div class="inside_calci">
<h6>How many <strong>people</strong> are on your marketing team?</h6>
<div class="changing_input">
<span>–</span>
<input type="number" value="5" min="0">
<span >+</span>
</div>
</div>
<div class="inside_calci">
<h6>How many <strong>people</strong> are on your marketing team?</h6>
<div class="changing_input">
<span>–</span>
<input type="number" value="7" min="0">
<span >+</span>
</div>
</div>
<div class="inside_calci">
<h6>How many <strong>people</strong> are on your marketing team?</h6>
<div class="changing_input">
<span>–</span>
<input type="number" value="12" min="0">
<span >+</span>
</div>
</div>
</div>
<button id="calculate_your">Calculate Your Savings</button>
</div>
<div id="calci-right">
<div><h4>Based on your unique inputs, Marketing Suite could help <em>your team</em> achieve the following results:</h4></div>
<div id="pig">
<div>
<img src="https://coschedule.com/img/product/suite/suite-save-money.png" alt="">
<p>Save <strong> $55,000</strong> every year</p>
</div>
<div>
<img src="https://coschedule.com/img/product/suite/suite-get-back-time.png" alt="">
<p>Get back<strong>1,051 hours</strong> every year</p>
</div>
<div>
<img src="https://coschedule.com/img/product/suite/suite-complete-more-projects.png" alt="">
<p>Complete<strong> 350 more projects</strong> every year</p>
</div>
<div>
<img src="https://coschedule.com/img/product/suite/suite-organize-in-90-days.png" alt="">
<p>Organize your team in <strong> 90 days </strong> or sooner</p>
</div>
</div>
</div>
</div>
<div class="box">
<div>Take Control Of Your Process And Bring Your Team Together
</div>
<p id="box-2">Complete more work. Deliver projects on time. And prove your </p>
<p id="box-3">marketing value. All with the CoSchedule Marketing Suite.</p>
<button>Request Your Demo</button>
<p>Or Get Started Free</p>
</div>
<footer>
<div id="first">
<img src="https://coschedule.com/img/cos-logo-icon.svg" alt="">
<p>Request A Demo</p>
<p>Sign In</p>
<div id="first_inside">
<img src="https://coschedule.com/img/testimonials/g2crowd-badge.png" alt="" style="margin-left: -90px;">
<img src="https://coschedule.com/img/testimonials/gartner-badge.png" alt="">
<img src="https://coschedule.com/img/testimonials/forbes-badge.png" alt="">
</div>
</div>
<div id="second">
<h4>PRODUCTS</h4>
<div><img src="https://coschedule.com/img/product/coschedule-suite-product-icon.svg" alt="">
<p>Marketing Suite</p></div>
<div><img src="https://coschedule.com/img/product/marketing-calendar-product-icon.png" alt="">
<p>Calender Organizer</p>
</div>
<div>
<img src="https://coschedule.com/img/product/content-organizer-product-icon.png" alt="">
<p>Content Organizer</p>
</div>
<div>
<img src="https://coschedule.com/img/product/work-organizer-product-icon.png" alt="">
<p>Work Organizer</p>
</div>
<div>
<img src="https://coschedule.com/img/product/asset-organizer-product-icon.png" alt="">
<p>Asset Organizer</p>
</div>
</div>
<div class="third">
<h5>WHY COSCHEDULE</h5>
<P>Customer Stories</P>
<p>ROI Calculator</p>
<p>Support</p>
<p>Product Announcements</p>
<p>Pricing</p>
</div>
<div class="third">
<h5>COMPANY</h5>
<p>About</p>
<p>Jobs</p>
<p>Press</p>
<p>Contact Us</p>
</div>
<p>© Copyright 2022, all rights reserved. See our <a href="">Terms & Policies</a>.</p>
</footer>
</body>
</html>
<script>
</script>