forked from shriram083/CoSchedule_Clone
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
299 lines (289 loc) · 13.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Organize Your Marketing In 1 Place - CoSchedule Marketing Suite</title>
<script src="https://kit.fontawesome.com/eeb844cf12.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./static/style.css">
<link rel="stylesheet" href="./static/footer.css">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/> -->
<link rel="icon" href="/images/logo.png" type="image/png">
</head>
<body>
<nav>
<div class="wrapper">
<div class="logo"><a class="brand" href=""><img src="./images/logo.png" alt=""></a><a href="#">CoSchedule</a></div>
<input type="radio" name="slider" id="menu-btn">
<input type="radio" name="slider" id="close-btn">
<ul class="nav-links">
<label for="close-btn" class="btn close-btn"><i class="fas fa-times"></i></label>
<li><a href="products.html">Product</a></li>
<li><a href="coshedule.html">Why CoSchedule</a></li>
<li>
<a href="#" class="desktop-item">Resources</a>
<input type="checkbox" id="showDrop">
<label for="showDrop" class="mobile-item">Resources</label>
<ul class="drop-menu">
<li><a href="#">Drop menu 1</a></li>
<li><a href="#">Drop menu 2</a></li>
<li><a href="#">Drop menu 3</a></li>
<li><a href="#">Drop menu 4</a></li>
<li><a href="#">Drop menu 5</a></li>
<li><a href="#">Drop down menu</a></li>
<li><a href="#">Drop down menu</a></li>
<li><a href="#">Drop down menu</a></li>
</ul>
</li>
<li>
<a href="pricing.html" class="desktop-item">Pricing</a>
<input type="checkbox" id="showMega">
<label for="showMega" class="mobile-item">Pricing</label>
<div class="mega-box">
<div class="content">
<div class="row">
<img src="img.jpg" alt="">
</div>
<div class="row">
<header>Design Services</header>
<ul class="mega-links">
<li><a href="#">Graphics</a></li>
<li><a href="#">Vectors</a></li>
<li><a href="#">Business cards</a></li>
<li><a href="#">Custom logo</a></li>
</ul>
</div>
<div class="row">
<header>Email Services</header>
<ul class="mega-links">
<li><a href="#">Personal Email</a></li>
<li><a href="#">Business Email</a></li>
<li><a href="#">Mobile Email</a></li>
<li><a href="#">Web Marketing</a></li>
</ul>
</div>
<div class="row">
<header>Security services</header>
<ul class="mega-links">
<li><a href="#">Site Seal</a></li>
<li><a href="#">VPS Hosting</a></li>
<li><a href="#">Privacy Seal</a></li>
<li><a href="#">Website design</a></li>
</ul>
</div>
</div>
</div>
</li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<input type="checkbox" id="showMega">
<label for="" class="mobile-item price">Create My Calender</label>
<li><a href="signIn.html" target="_blank">Sign in</a></li>
<li><a href="#">Get A Demo</a></li>
<li><a class="btn-1" href="">Create My Calender</a></li>
</ul>
<label for="menu-btn" class="btn menu-btn"><i class="fas fa-bars"></i></label>
</div>
</nav>
<!-- End of Navabar -->
<div class="body-text">
<div class="title">
<h1>Organize All Of Your Marketing In One Place. <i> From Any Place.</i></h1>
<p>Get more done in less time with the only work management software for marketers.</p>
<a href="#"><input type="button" value="Get Started Free"></a>
<p class="small">Why not? It's free forever.</p>
</div>
<div class="image">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Fhome%2Fhome-calendar.png&w=1200&q=75" alt="">
</div>
<div class="empty-div"></div>
<div class="brand">
<h1>30,000 marketers start their day with CoSchedule</h1>
<div class="brand-logo">
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fforbes-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fyamaha-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Funicef-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fconvertkit-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fwalgreens-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fdictionary-com-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fp-and-g-logo.webp&w=256&q=75" alt=""></div>
<div><img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fschwans-logo.webp&w=256&q=75" alt=""></div>
</div>
</div>
<!-- ********************* End Of Marketing ****************** -->
<div class="products">
<h2 >Our Products</h2>
<div class="our-products">
<div>
<img src="./images/img1.PNG" alt="">
<h2>Marketing Calendar</h2>
<p>A calendar that helps you see, schedule, and share your marketing.</p>
<ul>
<li>See everything together in one place</li>
<li>Share your progress with higher-ups
</li>
<li>Show what your marketing is doing
</li>
</ul>
<button><a href="">Explore More</a></button>
</div>
<div>
<img src="./images/img2.PNG" alt="">
<h2 >Marketing Suite</h2>
<p>A family of agile marketing products to coordinate your team, projects, and process.</p>
<ul >
<li>Manage marketing requests</li>
<li>Eliminate content bottlenecks</li>
<li>Maximize resources to increase output</li>
</ul>
<button><a href="">Explore More</a></button>
</div>
<div>
<img src="./images/img3.PNG" alt="">
<h2 class="market">Headline Studio</h2>
<p>Write better headlines that will boost your traffic.</p>
<ul class="market">
<li>Score your headlines based on proven data
</li>
<li>Find the high-scoring words instantly
</li>
<li>Show what your marketing is doing
</li>
</ul>
<button class="btn-clr"><a href="">Explore More</a></button>
</div>
<div>
<img src="./images/img4.PNG" alt="">
<h2 class="market">Actionable Marketing Institute
</h2>
<p>Develop new marketing skills in 30 minutes (or less)</p>
<ul class="market">
<li>Improve your marketing with fluff-free training</li>
<li>Spend less time learning & more time doing</li>
<li>Learn from industry pros you trust</li>
</ul>
<button class="btn-clr"><a href="">Explore More</a></button>
</div>
</div>
</div>
<!-- ************************** End Of Our Products ********************** -->
<div class="growing">
<h1>The fastest growing marketing work management software</h1>
<p>CoSchedule is trusted by 30,000 marketers in 100+ countries.</p>
<div class="growing-brand">
<div class="growing-div">
<img class="growing-img-1" src="./images/growing1.PNG" alt="">
<p>The Gartner Magic Quadrant™ for Content Marketing Platforms 2020</p>
</div>
<div class="growing-div">
<img class="growing-img-2" src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Finc-5000-logo.png&w=256&q=75" alt="">
<p>One Of The Fastest-Growing Marketing Platforms 3 Years In a Row</p>
</div>
<div class="growing-div">
<img src="https://coschedule.com/_next/image?url=%2Fimg%2Ftestimonials%2Fg2crowd-badge.png&w=96&q=75" alt="">
<p>Awarded High Performer in 5 Product Categories</p>
</div>
</div>
</div>
<!-- ************* End of Growing ************* -->
<div class="organize">
<div class="organize-div">
<h1 class="organize-white">Organize all of your marketing in one place
</h1>
<button><a href="">Get Started Free</a></button>
</div>
</div>
<!-- ************* End of Organize ************ -->
<footer>
<div class="left-footer">
<a href="#"><img src="./images/logo.png" alt=""></a>
<a href="#">Sign Up</a>
<a href="#">Requast A Demo</a>
<a href="#">Sign In</a>
</div>
<div class="right-footer">
<div class="footer-links">
<h3>PRODUCTS</h3>
<a href="#"><img src="https://coschedule.com/_next/image?url=%2Fimg%2Fproduct%2Fmarketing-calendar-product-icon.png&w=32&q=75" alt="img1"><p>Marketing Calendar</p></a>
<a href="#"><img src="https://coschedule.com/_next/image?url=%2Fimg%2Fproduct%2Fmarketing-suite-product-icon.png&w=32&q=75" alt="img1"><p>Marketing Calendar</p></a>
<hr>
<a href="#"><img src="./images/footer1.PNG" alt="img1"><p>Marketing Calendar</p></a>
<hr>
<a href="#"><img src="./images/footer2.PNG" alt="img1"><p>Marketing Calendar</p></a>
</div>
<div class="footer-links">
<h3>WHY COSCHEDULE</h3>
<a href="#"><p>Customer Stories</p></a>
<a href="#"><p>Support</p></a>
<a href="#"><p>Product Announcements</p></a>
<a href="#"><p>Pricing</p></a>
</div>
<div class="footer-links">
<h3>COMPANY</h3>
<a href="#"><p>About</p></a>
<a href="#"><p>Job</p></a>
<a href="#"><p>Press</p></a>
<a href="#"><p>Contact Us</p></a>
<a href="#"><p>Affiliate Program</p></a>
<a href="#"><p>Terms & Policies</p></a>
</div>
<div class="footer-links">
<h3>RESOURCES</h3>
<a href="#"><p>CoSchedule Marketing Blog</p></a>
<a href="#"><p>Actionable Marketing Podcast</p></a>
<a href="#"><p>10x Marketing Formula Book</p></a>
<a href="#"><p>Get Started With Agile Marketing Book</p></a>
<a href="#"><p>Marketing Ideas Hub</p></a>
</div>
<div class="footer-links">
<h3>GUIDES</h3>
<a href="#"><p>CoSchedule Guide</p></a>
<a href="#"><p>Agile Marketing Guide</p></a>
<a href="#"><p>Marketing Strategy Guide</p></a>
<a href="#"><p>Content Marketing Guide</p></a>
</div>
<div class="footer-links">
<h3>TOOLS</h3>
<a href="#"><p>Headline Analyzer</p></a>
<a href="#"><p>Social Message Optimizer</p></a>
<a href="#"><p>Email Subject Line Tester</p></a>
<a href="#"><p>Marketing Dictionary</p></a>
</div>
</div>
<!-- </div> -->
</footer>
<!-- end of Footer -->
<div class="link-copy">
<div class="copy-right">
<p>© Copyright 2022, all rights reserved. See our <a href="#">Terms & Policies</a></p>
</div>
<div class="link-icon">
<span><a href="#"> <i class="fa fa-facebook-square" style="color: gray; font-size:24px " ></i></a></span>
<span><a href="#"><i class="fa fa-twitter-square" style="color: gray; font-size:24px "></i></a></span>
<span><a href="#"><i class="fa fa-linkedin-square" style="color: gray; font-size:24px "></i></a></i></span>
<span><a href="#"><i class="fa fa-pinterest" style="color: gray; font-size:24px "></i></a></span>
<span><a href="#"><i class="fa fa-instagram" style="color: gray; font-size:24px "></i></a></span>
</div>
</div>
</div>
</body>
</html>