-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
533 lines (515 loc) · 24.5 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
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
<!DOCTYPE html>
<html lang="ru">
<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
href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&family=Montserrat:wght@300;500;700&family=Open+Sans:wght@300;400;600;700&family=Raleway:wght@700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css" />
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<link rel="stylesheet" href="css/style.css">
<title>Marketing</title>
</head>
<body>
<header class="header">
<div class="header__top">
<div class="container">
<div class="header__top-inner">
<a href="#" class="logo">
<svg width="80.554291" height="59.997559" viewBox="0 0 80.5543 59.9976" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>
Created with Pixso.
</desc>
<defs/>
<path id="OM" d="M13.4209 49.7759Q9.60645 49.7759 6.54785 48.106Q3.48926 46.4272 1.74023 43.4741Q0 40.521 0 36.8823Q0 33.2524 1.74023 30.2993Q3.48926 27.3462 6.54785 25.6763Q9.60645 23.9976 13.4209 23.9976Q17.2002 23.9976 20.2588 25.6763Q23.3262 27.3462 25.0488 30.2817Q26.7803 33.2173 26.7803 36.8823Q26.7803 40.5562 25.0488 43.4917Q23.3262 46.4272 20.2588 48.106Q17.2002 49.7759 13.4209 49.7759ZM13.4209 46.5679Q16.1982 46.5679 18.4131 45.311Q20.6279 44.0542 21.9023 41.8394Q23.1768 39.6245 23.1768 36.8823Q23.1768 34.1489 21.9023 31.9341Q20.6279 29.7192 18.4131 28.4624Q16.1982 27.2056 13.4209 27.2056Q10.6523 27.2056 8.40234 28.4624Q6.15234 29.7192 4.86914 31.9341Q3.59473 34.1489 3.59473 36.8823Q3.59473 39.6245 4.86914 41.8394Q6.15234 44.0542 8.40234 45.311Q10.6523 46.5679 13.4209 46.5679ZM55.6492 49.4858L55.614 31.1255L46.5086 46.4272L44.8562 46.4272L35.742 31.231L35.742 49.4858L32.2878 49.4858L32.2878 24.2876L35.241 24.2876L45.7527 41.9976L56.1238 24.2876L59.0681 24.2876L59.1121 49.4858L55.6492 49.4858Z" fill-rule="evenodd" fill="#333333"/>
<path id="Vector" d="M78.1295 19.6299L76.716 19.1978C76.52 19.1377 76.313 19.1938 76.1806 19.3433C75.8372 19.731 75.4604 20.0996 75.0605 20.4385C72.0963 22.9536 68.3758 23.8125 64.3011 22.9233C60.2468 22.0386 58.3834 19.6919 55.8042 16.4443C55.6198 16.2119 55.4321 15.9756 55.2403 15.7358C55.2184 15.7085 55.1928 15.6724 55.1655 15.6343C55.0939 15.5342 55.0048 15.4097 54.8793 15.2871C54.7088 15.1201 54.5231 14.9648 54.3273 14.8252C53.9227 14.5361 53.653 14.082 53.5872 13.5786L53.1536 10.2568C53.1348 10.1128 53.061 9.97949 52.9483 9.88672C52.8358 9.79346 52.6935 9.74805 52.5529 9.76074L50.4129 9.94873C50.1204 9.97461 49.9149 10.2383 49.9539 10.5381L50.3698 13.7246C50.4153 14.0732 50.3026 14.4282 50.0604 14.6978C49.6905 15.1094 49.502 15.6177 49.5154 16.1675C49.6838 23.1162 54.3428 28.2593 61.9782 29.9253C65.2736 30.6445 68.7777 30.2144 71.8453 28.7148C72.4627 28.4126 73.0469 28.0747 73.5952 27.7031C74.3597 27.1846 75.0546 26.5996 75.6727 25.9536C76.7776 24.7993 77.5807 23.5063 78.0599 22.1108C78.2654 21.5122 78.4221 20.8916 78.5256 20.2661C78.5714 19.9888 78.3992 19.7124 78.1295 19.6299ZM51.0844 10.9873L52.1648 10.8926L52.4523 13.0942L52.0159 13.105L51.3629 13.1211L51.0844 10.9873ZM72.9825 26.7871C70.012 28.8018 65.9808 29.6958 62.1544 28.8608C55.0641 27.3135 50.7388 22.5776 50.5841 16.1919C50.5757 15.8486 50.7319 15.6011 50.8644 15.4536C51.1791 15.103 51.3743 14.6685 51.4313 14.21L52.6398 14.1807C52.8323 14.7939 53.2183 15.334 53.7423 15.7075C53.8899 15.813 54.0297 15.9297 54.1579 16.0552C54.2106 16.1069 54.2575 16.1724 54.3119 16.2485C54.3468 16.2974 54.3828 16.3477 54.424 16.3994C54.6151 16.6382 54.8019 16.8735 54.9857 17.105C57.6095 20.4092 59.6819 23.0186 64.1249 23.9883C66.3516 24.4741 68.5007 24.4727 70.5125 23.9844C72.3376 23.5415 74.0167 22.7075 75.5086 21.5029L75.5445 21.5205L75.736 21.6143C74.9665 22.8091 73.9849 23.8047 72.8486 24.5752C70.3517 26.2686 67.1132 26.8789 63.7675 26.1489C58.558 25.0122 54.8474 22.2085 53.319 18.2544C53.2092 17.9702 52.898 17.8198 52.624 17.9185C52.3499 18.0171 52.2169 18.3271 52.3267 18.6113C53.9992 22.9385 57.9997 25.9937 63.5912 27.2139C66.3197 27.8091 69.0294 27.5923 71.4276 26.5869C72.156 26.2812 72.8414 25.9102 73.4784 25.478C74.7854 24.5913 75.8865 23.4492 76.7287 22.0991L76.8752 22.1709C76.1205 24.0171 74.7366 25.5977 72.9825 26.7871ZM77.2218 21.1543L77.0033 21.0479L76.3725 20.7397C76.508 20.6079 76.6402 20.4731 76.7687 20.3359L77.3785 20.5225C77.3329 20.7349 77.2806 20.9458 77.2218 21.1543Z" fill-rule="nonzero" fill="#000000"/>
</svg>
</a>
<nav class="menu">
<button class="menu__btn">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="18" viewBox="0 0 30 18" fill="none">
<path d="M0 0H30V2H0V0Z" fill="black"></path>
<path d="M0 8H30V10H0V8Z" fill="black"></path>
<rect y="16" width="30" height="2" fill="black"></rect>
</svg>
</button>
<ul class="menu__list">
<li class="menu__list-item">
<a href="#" class="menu__list-link">HOME</a>
</li>
<li class="menu__list-item">
<a href="#about" class="menu__list-link">ABOUT US</a>
</li>
<li class="menu__list-item">
<a href="#portfolio" class="menu__list-link">PORTFOLIO</a>
</li>
<li class="menu__list-item">
<a href="#team" class="menu__list-link">OUR TEAM</a>
</li>
<li class="menu__list-item">
<a href="#blog" class="menu__list-link">BLOG</a>
</li>
<li class="menu__list-item">
<a href="#contact" class="menu__list-link">CONTACT</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header__content">
<div class="container">
<div class="header__content-inner">
<h1 class="header__title">
O...MARKETING
</h1>
<h4 class="header__subtitle">
DIGITAL MARKETING AGENCY
</h4>
<a href="#contact" class="header__icon">
<img src="images/mouse.svg" alt="icon">
</a>
</div>
</div>
</div>
</header>
<section id="about" class="about">
<div class="container">
<div class="about__inner">
<h2 class="title about__title">About Us</h2>
<div class="about__text">
<p>
Практика показывает, что большие продажи далеко не всегда зависят от того, сколько вы потратите на
продвижение сайта и рекламную кампанию. Значительно сильнее конечный результат зависит от правильной
организации кампании. Мы достигаем максимальной эффективности и помогаем сберечь бюджеты наших клиентов,
используя стратегический интернет-маркетинг.
</p>
<p>
Определяем цели продвижения — что наш клиент хочет получить, когда работа будет сделана. Проводим
маркетинговые исследования рынка, целевой аудитории, конкурентной среды. При разработке стратегии учитываем
все имеющиеся данные.
</p>
</div>
</div>
</div>
</section>
<section class="expertise">
<div class="container">
<h2 class="title expertise__title">Our Expertise</h2>
<div class="expertise__inner">
<div class="expertise__info">
<div class="expertise__info-item">
BRANDING
<span style="width: calc(100% - 90%);">90%</span>
</div>
<div class="expertise__info-item">
DESIGN
<span style="width: calc(100% - 80%);">80%</span>
</div>
<div class="expertise__info-item">
DEVELOPMENT
<span style="width: calc(100% - 85%);">85%</span>
</div>
</div>
<div class="expertise__text">
<p>
В стратегию интернет-маркетинга входит создание имиджевой и рекламной концепции, разработка
контент-стратегии, распределение использования различных каналов коммуникации.
</p>
<p>
Реализуем принятую стратегию, отслеживая промежуточные результаты, и корректируя будущие действия с учетом
изменений. Главной целью в этом процессе для нас является конечный результат, а не следование планам.
</p>
</div>
</div>
<div class="expertise__items">
<div class="expertise__item expertise__item--design">
<h4 class="expertise__item-title">GRAPHIC DESIGN</h4>
<p class="expertise__item-text">
Рекламный дизайн, дизайн упаковки, этикетки, листовок, каталогов, разработка презентаций, дизайн выставочных
стендов
</p>
</div>
<div class="expertise__item expertise__item--dev">
<h4 class="expertise__item-title">WEB DEVELOPMENT</h4>
<p class="expertise__item-text">
Разрабатываем веб сайты от концепции до реализации. Дизайн, верстка, программирование и запуск сайт в сеть
</p>
</div>
<div class="expertise__item expertise__item--marketing">
<h4 class="expertise__item-title">MARKETING</h4>
<p class="expertise__item-text">
Разрабатываем маркетинговое и рекламное продвижение Вашего продукта или услуги под ключ и на любой бюджет.
</p>
</div>
</div>
</div>
</section>
<section class="magic">
<div class="container">
<div class="magic__inner">
<h2 class="title magic__title">
Let’s make magic.
</h2>
<div class="magic__text">
<p>
Маркетинговое агентство MGN: полный комплекс маркетинговых, рекламных и дизайнерских услуг в Харькове и
Украине: маркетинговые исследования рынков, товаров, потребителей, планирование комплекса маркетинга,
реклама, проведение рекламных кампаний, брендинг, рекламный дизайн, pr.
</p>
<p>
Нами накоплен немалый опыт работы в реальном бизнесе, в самых различных отраслях – от недвижимости до
аптечного и медицинского бизнеса. Мы не просто беремся решать задачи наших клиентов, мы сами вышли из
бизнес-среды и понимаем суть бизнес-процессов.
</p>
<p>
Мы говорим с бизнесом на одном языке!
</p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="portfolio">
<div class="container">
<div class="portfolio__top">
<h2 class="title portfolio__title">Portfolio</h2>
<div class="portfolio__filter-btn">
<button class="portfolio__btn" data-filter="all">
ALL
</button>
<button class="portfolio__btn" data-filter=".category-a">
BRANDING
</button>
<button class="portfolio__btn" data-filter=".category-b">
DESIGN
</button>
<button class="portfolio__btn" data-filter=".category-c">
PHOTOGRAPHY
</button>
<button class="portfolio__btn" data-filter=".category-d">
ILLUSTRATION
</button>
</div>
</div>
</div>
<div class="portfolio__content">
<div class="portfolio__item mix category-a">
<img src="images/portfolio/1.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-a">
<img src="images/portfolio/2.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-b">
<img src="images/portfolio/3.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-b">
<img src="images/portfolio/4.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-b">
<img src="images/portfolio/5.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-c">
<img src="images/portfolio/6.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-c">
<img src="images/portfolio/7.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-d">
<img src="images/portfolio/8.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
<div class="portfolio__item mix category-d">
<img src="images/portfolio/9.jpg" alt="image">
<a href="#" class="portfolio__item-link">
SHOW PROJECT
</a>
</div>
</div>
<a href="#" class="portfolio__add">
VIEW MORE PROJECTS
</a>
<blockquote class="portfolio__blockquote">
«Неважно какую историю вы рассказываете, главное – сделайте своего покупателя героем»
<span class="portfolio__blockquote-author">
Крис Броган
</span>
</blockquote>
<div class="portfolio__video">
<a href="https://youtu.be/365ZyBVFZmA" data-fancybox class="portfolio__video-link">
<img src="images/play.svg" alt="icon">
</a>
</div>
<div class="container">
<div class="portfolio__numbers">
<h5 class="portfolio__numbers-item">
305
<span>Web Designs</span>
</h5>
<h5 class="portfolio__numbers-item">
220
<span>Logo Designs</span>
</h5>
<h5 class="portfolio__numbers-item">
52
<span>Print Designs</span>
</h5>
<h5 class="portfolio__numbers-item">
88
<span>Mobile Apps</span>
</h5>
</div>
</div>
</section>
<section id="blog" class="slider-blog">
<div class="container">
<div class="slider-blog__inner">
<div class="slider-blog__item">
<a href="#" class="slider-blog__item-link">
<h3 class="slider-blog__item-title">
АНИМИРОВАННЫЙ ЛОГОТИП –
ТРЕНД ИЛИ НЕОБХОДИМОСТЬ?
</h3>
</a>
<p class="slider-blog__item-desc">
Что представляет собой анимированный логотип, и в чем его преимущества? И почему сейчас это модно? Давайте
обсудим.
</p>
</div>
<div class="slider-blog__item">
<a href="#" class="slider-blog__item-link">
<h3 class="slider-blog__item-title">
АНИМИРОВАННЫЙ ЛОГОТИП –
ТРЕНД ИЛИ НЕОБХОДИМОСТЬ?
</h3>
</a>
<p class="slider-blog__item-desc">
Что представляет собой анимированный логотип, и в чем его преимущества? И почему сейчас это модно? Давайте
обсудим.
</p>
</div>
<div class="slider-blog__item">
<a href="#" class="slider-blog__item-link">
<h3 class="slider-blog__item-title">
АНИМИРОВАННЫЙ ЛОГОТИП –
ТРЕНД ИЛИ НЕОБХОДИМОСТЬ?
</h3>
</a>
<p class="slider-blog__item-desc">
Что представляет собой анимированный логотип, и в чем его преимущества? И почему сейчас это модно? Давайте
обсудим.
</p>
</div>
<div class="slider-blog__item">
<a href="#" class="slider-blog__item-link">
<h3 class="slider-blog__item-title">
АНИМИРОВАННЫЙ ЛОГОТИП –
ТРЕНД ИЛИ НЕОБХОДИМОСТЬ?
</h3>
</a>
<p class="slider-blog__item-desc">
Что представляет собой анимированный логотип, и в чем его преимущества? И почему сейчас это модно? Давайте
обсудим.
</p>
</div>
<div class="slider-blog__item">
<a href="#" class="slider-blog__item-link">
<h3 class="slider-blog__item-title">
АНИМИРОВАННЫЙ ЛОГОТИП –
ТРЕНД ИЛИ НЕОБХОДИМОСТЬ?
</h3>
</a>
<p class="slider-blog__item-desc">
Что представляет собой анимированный логотип, и в чем его преимущества? И почему сейчас это модно? Давайте
обсудим.
</p>
</div>
<div class="slider-blog__item">
<a href="#" class="slider-blog__item-link">
<h3 class="slider-blog__item-title">
АНИМИРОВАННЫЙ ЛОГОТИП –
ТРЕНД ИЛИ НЕОБХОДИМОСТЬ?
</h3>
</a>
<p class="slider-blog__item-desc">
Что представляет собой анимированный логотип, и в чем его преимущества? И почему сейчас это модно? Давайте
обсудим.
</p>
</div>
</div>
</div>
</section>
<section id="team" class="team">
<div class="container">
<h2 class="title team__title">Our Team</h2>
<div class="team__items">
<div class="team__item">
<img src="images/team/1.jpg" alt="image">
<h6 class="team__name">МАКС</h6>
<p class="team__position">CEO</p>
</div>
<div class="team__item">
<img src="images/team/2.jpg" alt="image">
<h6 class="team__name">АНЯ</h6>
<p class="team__position">Co-Founder</p>
</div>
<div class="team__item">
<img src="images/team/3.jpg" alt="image">
<h6 class="team__name">МИЛА</h6>
<p class="team__position">Designer</p>
</div>
</div>
</div>
</section>
<section class="pricing">
<div class="container">
<h2 class="title pricing__title">Pricing Plans</h2>
<div class="pricing__items">
<ul class="pricing__item">
<li class="pricing__item-name">Basic</li>
<li class="pricing__item-num"><sup>$</sup> 290</li>
<li>1 Logo Design</li>
<li>1 Website Design</li>
<li>1 Domain Free</li>
<li>3 Month License</li>
<li>1 GB Storage</li>
<li>
<a class="pricing__item-link" href="#">
CHOOSE PLAN
</a>
</li>
</ul>
<ul class="pricing__item">
<li class="pricing__item-name">Starter</li>
<li class="pricing__item-num"><sup>$</sup> 500</li>
<li>2 Logo Design</li>
<li>2 Website Design</li>
<li>1 Domain Free</li>
<li>6 Month License</li>
<li>1 GB Storage</li>
<li>
<a class="pricing__item-link" href="#">
CHOOSE PLAN
</a>
</li>
</ul>
<ul class="pricing__item">
<li class="pricing__item-name">Professional</li>
<li class="pricing__item-num"><sup>$</sup> 1500</li>
<li>3 Logo Design</li>
<li>3 Website Design</li>
<li>2 Domain Free</li>
<li>12 Month License</li>
<li>2 GB Storage</li>
<li>
<a class="pricing__item-link" href="#">
CHOOSE PLAN
</a>
</li>
</ul>
</div>
</div>
</section>
<div class="clients">
<div class="container">
<ul class="clients__list">
<li>
<img src="images/clients/1.png" alt="image">
</li>
<li>
<img src="images/clients/2.png" alt="image">
</li>
<li>
<img src="images/clients/3.png" alt="image">
</li>
<li>
<img src="images/clients/4.png" alt="image">
</li>
<li>
<img src="images/clients/5.png" alt="image">
</li>
</ul>
</div>
</div>
<section id="contact" class="connection">
<div class="container">
<h2 class="title connection__title">Get in Touch</h2>
<form class="form">
<input type="text" placeholder="ИМЯ">
<input type="email" placeholder="EMAIL">
<textarea placeholder="ВАШЕ СООБЩЕНИЕ"></textarea>
<button type="submit">ОТПРАВИТЬ</button>
</form>
</div>
</section>
<footer class="footer">
<div class="footer__top">
<a href="#" class="footer__logo">
<img src="images/footer-logo.svg" alt="logo">
</a>
<ul class="footer__social-list">
<li class="footer__social-item">
<a href="#" class="footer__social-link">FACEBOOK</a>
</li>
<li class="footer__social-item">
<a href="#" class="footer__social-link">TWITTER</a>
</li>
<li class="footer__social-item">
<a href="#" class="footer__social-link">GOOGLE+</a>
</li>
<li class="footer__social-item">
<a href="#" class="footer__social-link">BEHANCE</a>
</li>
<li class="footer__social-item">
<a href="#" class="footer__social-link">DRIBBLE</a>
</li>
<li class="footer__social-item">
<a href="#" class="footer__social-link">INSTAGRAM</a>
</li>
</ul>
<div class="footer__contact">
<adress class="adress">
Украина, Харьковул. Тобольская, 63
</adress>
<a class="phone" href="tel:3806765252222">(38067) 65 252 222</a>
<a class="email" href="mailto:[email protected]">[email protected]</a>
</div>
<a class="go-top" href="#">
<img src="images/arrow-top.svg" alt="icon">
</a>
</div>
<div class="footer__copy">
<p>@2020 O...Marketing</p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>