-
Notifications
You must be signed in to change notification settings - Fork 2
/
marketing_calander.html
363 lines (296 loc) · 18.2 KB
/
marketing_calander.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
<!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>Document</title>
<link rel="stylesheet" href="./marketing_calander.css">
</head>
<body>
<div id="whole_page">
<div id=left_long>
<div id="navbar">
<div id="left">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAbFBMVEX////zgF70hWL4onf2lG31jGf2j2n0g2D4pHn3m3L3l2/5pnv5qHz0h2T2kWv1iWX3mXH3nXT4nnX4oHb95dv6uJj5sJP9593++Pb+8u30jG381sf7yrf5vq71lnv6uJT80732noH6s4z5rYRdABRnAAABlklEQVR4nO3c226CQBhF4Z+ebacnizjUY+37v2OLDpa0UaZBnS1Z+5qElS8xkiHBzMzP5tlmt2EX9R43e97serub7Z7Crn52X++l2qDea7Vhtbdql/Xuwh7WWyy9rTd+zzKdLOdW5a8qjSz3+d3lG1UiWW7lbZbpZbmlzRtRMlkLyxS1XDNLR8uhhRZaallooYWWQhZaaKGlkIUWWmgpZJ2X1sfY2pcPQtNwEnF1OequVUbcx2wSsqZRV3vXWSvqPpaHrDzu8lFnrdRZ56eV7/0l/skq9v0Sx4fTSpmFFlpoKWShhRZaCllooYWWQhZaaKGlkIVWv7Xax/nWEbOKE52dzkJW3NlpeYCT5oguP/3XSXNe9PZcPnUWWmidWCv1q6gdWj7iPsd8FcV/Yr+fIHg6RQsttCSz0EILLYUstNBCSyELLbTQUshCq99a7eN8S+NV1A6t1K+iOpw0H/NV1Hmdy6fOQgsttBSy0EILLYUstNBCSyELLbTQUshS0porai2an8rU0VqqflhU9DOsqh+tlfzE7xfzN51ouUDd5AAAAABJRU5ErkJggg=="
alt="">
</div>
<div id="middle">
<h2 id="h1">Co</h2>
<h2 id="h2">Schedule</h2>
</div>
<div id="middle_right">
<a href="#">Features</a>
<a href="#">Marketing Calendar Pro</a>
<a href="./login.html">Sign In</a>
</div>
</div>
<!-- <==============================================================================> -->
<div id="box1">
<p id="box1_heading">Bring Together ALL Your Marketing In One Calendar</p>
<p id="box1_p">Finally see, schedule, & share all your marketing in a forever-free Marketing Calendar.
</p>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fmarketing-calendar-hero.png&w=1200&q=75"
alt="">
</div>
<!-- <==================================================================================> -->
<div id="box2">
<h1>Wish There Was An Easier Way To Manage Your Marketing?</h1>
<p>You’ve got more marketing to get done. Multiple projects. An endless to-do list. Lots of ideas. Tons
of spreadsheets & Google Docs. But you only have a limited amount of time and resources to get it
all done.</p>
<p>Having more marketing to coordinate results in marketing chaos. This is total disorganization that
leaves you feeling anxious, overwhelmed, and unsure how to handle it all.</p>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fmarketing-chaos.png&w=750&q=75"
alt="">
</div>
<!-- <========================================================================================> -->
<div id="box3">
<h1>Handle It All In With CoSchedule Marketing Calendar</h1>
<p>It’s your secret weapon that gives you total visibility of your marketing in real-time.</p>
<p>Add all projects, tasks, ideas, social messages, & other marketing to finally have everything in one
place.</p>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fmarketing-bliss.png&w=750&q=75"
alt="">
</div>
<!-- <=================================================================================================================> -->
<div id="box5">
<img src="https://coschedule.com/img/headline-studio/quotation-green.svg" alt="">
<p>Before CoSchedule, everything was scattered between emails & spreadsheets. With Marketing Calendar, I
can easily organize all of my marketing and keep everyone on the same page.</p>
<h4>Beverly Cook, Director of Communications at NYC Leadership Center</p>
</div>
<!-- <===================================================================================================> -->
<div id="box9">
<div id="box9_head">
<h1>Take Control, See All Your Work, & Show Your Progress With Marketing Calendar.</h1>
</div>
<div id="box9_1">
<div id="box9_101">
<h1>See Everything Together (Finally)</h1>
<p>Get instant clarity into all your projects and confirm you’re working on the right
priorities.</p>
</div>
<div id="box9_201">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fsee-everything-together.png&w=1080&q=75"
alt="">
</div>
</div>
<div id="box9_2">
<div id="box9_200">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fstay-flexible.png&w=1080&q=75"
alt="">
</div>
<div id="box9_202">
<h1>Stay Flexible When Plans Change</h1>
<p>Make rescheduling a breeze by dragging and dropping projects right in the calendar.</p>
</div>
</div>
</div>
<!-- <==========================================================================================> -->
<div id="box14">
<div id="box14_1">
<h1>Plan Integrated Social Campaigns</h1>
<p>Create, schedule, & publish social campaigns to promote your blog posts, events, and other
initiatives. Then analyze the results with social reports.</p>
</div>
<div id="box14_2">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fplan-social-campaigns.png&w=1080&q=75"
alt="">
</div>
</div>
<!-- <========================================================> -->
<div id="box15">
<div id="box15_1">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fshare-progress.png&w=1080&q=75"
alt="">
</div>
<div id="box15_2">
<h1>Share Your Progress With Higher-Ups</h1>
<p>Easily prove the marketing you do every day makes a difference to your company.</p>
</div>
</div>
<!-- <====================================================================================================> -->
<div id="box16">
<h1>Transform The Way You Work In Just 14 Days (Or Less!)</h1>
<p>Join thousands of marketers who have totally organized their marketing in just two weeks (or less!).
</p>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Ftransform-the-way-you-work.png&w=1200&q=75"
alt="">
</div>
<!-- <==================================================================> -->
<div id="box17">
<img src="https://coschedule.com/img/headline-studio/quotation-green.svg" alt="">
<p>Before CoSchedule, everything was scattered between emails & spreadsheets. With Marketing Calendar, I
can easily organize all of my marketing and keep everyone on the same page.</p>
<h4>Beverly Cook, Director of Communications at NYC Leadership Center</p>
</div>
<!-- <=======================================================================================================> -->
<div id="pink_box">
<h3>MARKETING CALENDAR PRO</h3>
<h1>Want To Complete Even More Marketing In Less Time?</h1>
<p>Upgrade to Marketing Calendar Pro to unlock these premium features.</p>
<div id="pink_box_1">
<div id="pink_box_1_box14_1">
<h4>TEAM COLLABORATION</h4>
<h1>Collaborate With Your Team To Share Progress In Real-Time</h1>
<p>Easily share marketing updates with your boss, provide feedback on projects, & assign out
work to your team.</p>
</div>
<div id="pink_box_1_box14_2">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fteam-collaboration.png&w=1080&q=75"
alt="">
</div>
</div>
<div id="pink_box_written_1">
<div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Finvite-your-team.png&w=96&q=75"
alt="">
<h3>Invite Your Entire Team</h3>
<p>Add your interns, coworkers, & other contributors to your Marketing Calendar, so you can
easily assign tasks & define priorities for your entire team.</p>
</div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fread-only-views.png&w=96&q=75"
alt="">
<h3>Unlimited Read-Only Observer Views</h3>
<p>Provide project updates to your boss, clients, or anyone on your team. Create & share
observer links for any calendar view, project, or social campaign.</p>
</div>
</div>
<div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fdiscussions.png&w=96&q=75"
alt="">
<h3> Discussions</h3>
<p>Stop wasting time tracking down project updates - there’s a better way to collaborate.
Share project updates, feedback, & other details inside each project with discussions.
</p>
</div>
</div>
</div>
<div id="pink_box_2">
<div id="pink_box_2_1">
<h4>SCORECARD
</h4>
<h1>Score your headlines 10x faster</h1>
<p>Analyze more headlines, more quickly with an all-new algorithm. See which types of changes
will
strengthen your score based on <b> proven data from 4+ million headlines.</b></p>
</div>
<div id="pink_box_2_2">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Ftask-management.png&w=1080&q=75"
alt="">
</div>
</div>
<div id="pink_box_written_1">
<div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fexisting-project-duplication.png&w=96&q=75"
alt="">
<h3>Existing Project Duplication</h3>
<p>Duplicate any existing project to add new projects, events, or social campaigns to your
calendar in seconds.</p>
</div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Frecurring-tasks.png&w=96&q=75"
alt="">
<h3>Recurring Tasks & Events</h3>
<p>Set repeating tasks or events on a recurring schedule. Choose the perfect frequency, and
they’ll automatically show on your calendar.</p>
</div>
</div>
<div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Freusable-task-templates.png&w=96&q=75"
alt="">
<h3>Reusable Task Templates</h3>
<p>Use Task Templates to assign tasks & keep work moving forward using reusable project
checklists.</p>
</div>
</div>
</div>
<div id="pink_box_3">
<div id="pink_box_3_1">
<h4>ADVANCED SOCIAL PUBLISHING
</h4>
<h1>Never Miss Another Important Social Post Again</h1>
<p>Plan, create, schedule, & consistently publish to all of your social profiles in one
place.</b></p>
</div>
<div id="pink_box_3_2">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fsocial-publishing.png&w=1080&q=75"
alt="">
</div>
</div>
<div id="pink_box_written_1">
<div id="pink_box_written_1">
<div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Funlimited-social-messages.png&w=96&q=75"
alt="">
<h3>Unlimited Social Messages</h3>
<p>Connect all your social profiles to your calendar. Then create & schedule unlimited
social messages to build out your entire social strategy alongside the rest of your
marketing.</p>
</div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fbulk-social-upload.png&w=96&q=75"
alt="">
<h3>Bulk Social Upload</h3>
<p>Use Bulk Social Upload to upload, finalize, & schedule up to 365 social messages on
your calendar with a CSV file import.</p>
</div>
</div>
<div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Fsocial-templates.png&w=96&q=75"
alt="">
<h3>Social Templates</h3>
<p>Eliminate manual social scheduling. Create predefined social sharing plans you can
reuse again & again to promote your content, blog posts, events, & other campaigns.
</p>
</div>
<div>
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fmarketing-calendar%2Frequeue-social-automation.png&w=96&q=75"
alt="">
<h3>ReQueue - Social Media Automation</h3>
<p>ReQueue continuously publishes your best content to your social channels for you &
automates your recurring social promotions.</p>
</div>
</div>
</div>
</div>
<!-- <======================================================================================================> -->
<div id="orange_box_last">
<h1>See Everything In A Marketing Calendar You Can Share</h1>
<p>Take control of your process. See all your projects together. And show your progress. All with CoSchedule Marketing Calendar.</p>
</div>
</div>
<!-- <================ ========== =========== == = = = = = = = == = = = = = = = == = == == = = = == == == = ======> -->
</div>
<div id="right_fixed">
<h1>Create Your <mark> Forever-Free </mark>Marketing Calendar</h1>
<div id="right_fixed_inner1">
<p>Full name</p>
<input type="text" placeholder="Full name" id="name"><br>
<p> Email Address</p>
<input type="text" name="" id="email" placeholder="Work email address"><br>
<p> Password</p>
<input type="password" name="" id="password" placeholder="Password "><br>
<button id="signup" onclick="signUp()">Get Started Now</button><br>
</div>
<p id="pp">OR</p>
<div id="right_fixed_inner2">
<button><img src="https://cdn-icons-png.flaticon.com/128/300/300221.png" alt="">Sign up with
Google</button><br>
<button><img src="https://cdn-icons-png.flaticon.com/128/1312/1312139.png" alt="">Sign up with
Facebook</button><br>
<button><img src="https://cdn-icons-png.flaticon.com/128/0/747.png" alt="">Sign up with
Apple</button><br>
</div>
</div>
</body>
</html>
<script src="./marketinng_calander.js"></script>