-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
2308 lines (2298 loc) · 108 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
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Odry Cream</title>
<link
rel="shortcut icon"
href="./files/favicon.png"
type="image/png"
/>
<link rel="preconnect" href="https://fonts.gstatic.com/" />
<link href="./files/css2.css" rel="stylesheet" />
<link rel="stylesheet" href="./files/main.css" />
<script
type="text/javascript"
src="./files/script_land.js"
defer=""
></script>
</head>
<body>
<!-- <div
class="blockRedLine3103"
style="
color: rgb(255, 255, 255);
background: red;
box-sizing: border-box;
font: 400 16px / 1.15 Arial, sans-serif;
position: relative;
z-index: 1000000;
padding: 0px;
margin: 0px;
direction: ltr;
text-transform: none;
"
>
<div
style="
font: inherit;
margin: 0px auto;
padding: 10px;
max-width: 1200px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
"
>
<div
class="blockRedLine3103__image"
style="
flex-shrink: 0;
box-sizing: border-box;
padding: 0px;
margin: 0px;
"
>
<div
style="
width: 65px;
height: 5px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 0px 0px 10px;
box-sizing: border-box;
"
></div>
<div
style="
width: 65px;
height: 5px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 0px 0px 10px 20px;
box-sizing: border-box;
"
></div>
<div
style="
width: 65px;
height: 5px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 0px 0px 0px 10px;
box-sizing: border-box;
"
></div>
</div>
<img
class="blockRedLine3103__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NS40IDM3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1LjQgMzcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiMwMEE2NTE7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS45LDI5LjNjLTIuNCwwLTQuMywxLjktNC4zLDQuM3MxLjksNC4zLDQuMyw0LjNjMi40LDAsNC4zLTEuOSw0LjMtNC4zUzE4LjMsMjkuMywxNS45LDI5LjN6IE0xNS45LDM1LjIKCQkJYy0wLjksMC0xLjctMC43LTEuNy0xLjdzMC43LTEuNywxLjctMS43YzAuOSwwLDEuNywwLjcsMS43LDEuN1MxNi44LDM1LjIsMTUuOSwzNS4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNS40LDI5LjNjLTIuNCwwLTQuMywxLjktNC4zLDQuM3MxLjksNC4zLDQuMyw0LjNjMi40LDAsNC4zLTEuOSw0LjMtNC4zUzM3LjgsMjkuMywzNS40LDI5LjN6IE0zNS40LDM1LjIKCQkJYy0wLjksMC0xLjctMC43LTEuNy0xLjdzMC43LTEuNywxLjctMS43YzAuOSwwLDEuNywwLjcsMS43LDEuN1MzNi40LDM1LjIsMzUuNCwzNS4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLjQsMzIuNGg3LjNjMC4yLTEsMC43LTEuOCwxLjMtMi41SDMuNFYzMi40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00My44LDI5Ljl2LTguN2wtNi05LjdoLTkuN3YxOC4zaC04LjNjMC43LDAuNywxLjEsMS41LDEuMywyLjVoOS4yYzAuNS0yLjQsMi42LTQuMiw1LjItNC4yczQuNywxLjgsNS4yLDQuMgoJCQloNC44di0yLjVINDMuOHogTTMxLDIwLjF2LTUuN2g0LjVsNCw1LjdIMzF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3LjMsOGMwLDEuMSwwLDIuMiwwLDMuNGMwLDcuNC05LjMsMTAuMi05LjMsMTAuMnMtMS41LDAtMywwdjYuNGgyMS40VjhIMTcuM3oiLz4KCTwvZz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS43LDMuNEMxMi40LDMuNCw5LjYsMiw4LjYsMEg3LjFDNi4xLDIsMy4zLDMuNCwwLDMuNGMwLDIuMSwwLDUsMCw3LjdjMCw1LjQsOCw4LjUsOCw4LjVzNy43LTIuMyw3LjctOC41CgkJQzE1LjgsOC4xLDE1LjgsNS40LDE1LjcsMy40QzE1LjcsMy40LDE1LjcsMy40LDE1LjcsMy40eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0LjUsNC40Yy0yLjgsMC01LjEtMS4yLTYtMi45SDcuM0M2LjQsMy4yLDQsNC40LDEuMyw0LjRjMCwxLjgsMCw0LjIsMCw2LjZjMCw0LjYsNi43LDcuMiw2LjcsNy4yCgkJczYuNS0yLDYuNS03LjJDMTQuNSw4LjQsMTQuNSw2LjEsMTQuNSw0LjRDMTQuNSw0LjQsMTQuNSw0LjQsMTQuNSw0LjR6Ii8+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy4zLDEyLjJDNy4zLDEyLjIsNy4yLDEyLjIsNy4zLDEyLjJjLTAuMiwwLTAuNC0wLjEtMC42LTAuMkw0LjgsOS44Yy0wLjMtMC4zLTAuMy0wLjgsMC0xLjEKCQkJYzAuMy0wLjMsMC44LTAuMywxLjEsMGwxLjQsMS41bDIuNi0yLjdjMC4zLTAuMywwLjgtMC4zLDEuMSwwYzAuMywwLjMsMC4zLDAuOCwwLDEuMWwtMy4yLDMuM0M3LjcsMTIuMSw3LjUsMTIuMiw3LjMsMTIuMnoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K"
style="
flex-shrink: 0;
box-sizing: border-box;
width: 60px;
height: auto;
margin: 0px;
padding: 0px;
"
/>
<div
style="
font: inherit;
text-align: center;
box-sizing: border-box;
padding: 0px 5px;
margin: 0px;
"
>
<div
style="
font-style: inherit;
font-variant: inherit;
font-stretch: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
font-weight: 700;
color: inherit;
padding: 0px;
margin: 0px 0px 5px;
box-sizing: border-box;
"
>
CONSEGNA SICURA! Non ti preoccupare! Prendiamo sul serio la
sicurezza dei nostri clienti!
</div>
<div
style="
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-stretch: inherit;
line-height: inherit;
font-family: inherit;
font-size: 15px;
color: inherit;
padding: 0px;
margin: 0px;
box-sizing: border-box;
"
>
I nostri corrieri cambiano maschere e guanti ogni due ore. Il
processo di spedizione e pagamento avviene senza contatto diretto.
</div>
</div>
<div
class="blockRedLine3103__image"
style="
flex-shrink: 0;
box-sizing: border-box;
padding: 0px;
margin: 0px;
"
>
<div
style="
width: 65px;
height: 5px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 0px 0px 10px;
box-sizing: border-box;
"
></div>
<div
style="
width: 65px;
height: 5px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 0px 0px 10px 20px;
box-sizing: border-box;
"
></div>
<div
style="
width: 65px;
height: 5px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 0px 0px 0px 10px;
box-sizing: border-box;
"
></div>
</div>
</div>
</div>-->
<div class="nav__wrapper" style="position: sticky; top: 0px; z-index: 1202">
<header class="header" id="nav_mob_js" style="position: sticky">
<div class="container">
<div class="header__content">
<a
class="logo link_js"
href="http://it-odry-cream.special-goods.org/?alclick=tXNSQ3&alstream=aGg&sub_id=%7Bclickid%7D&alterm=24526&alsource=pre_land#main"
>
<div class="logo__img">
<img src="./files/logo.png" alt="" />
</div>
<div class="logo__text">
<div>Odry</div>
<div>Cream</div>
</div>
</a>
<nav class="header__nav">
<ul class="header__menu menu" id="menu_js">
<li class="menu__item">
<a class="menu__link link_js active" href="#main">Home</a>
</li>
<li class="menu__item">
<a class="menu__link link_js" href="#anti-age"
>Antietà Odry</a
>
</li>
<li class="menu__item">
<a class="menu__link link_js" href="#experts">Esperti</a>
</li>
<li class="menu__item">
<a class="menu__link link_js" href="#results">Risultati</a>
</li>
</ul>
</nav>
<div class="header__button-wrap">
<a
class="header__button link_js"
href="https://freedirtygame.com/OdryCream/#form-order"
><span>ORDINARE</span></a
>
</div>
</div>
</div>
</header>
<header class="header-mob" style="position: sticky">
<div class="container">
<div class="header-mob__content">
<a
class="logo-mob"
href="http://it-odry-cream.special-goods.org/?alclick=tXNSQ3&alstream=aGg&sub_id=%7Bclickid%7D&alterm=24526&alsource=pre_land"
>
<div>Odry</div>
<div>Cream</div>
</a>
<div class="hamburger" id="hamburger_js">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</header>
</div>
<div class="wrapper">
<section class="main top visible_section_js" id="main">
<div class="container">
<div class="main__content">
<div class="main__img-block">
<div class="main__img main__img_product product">
<picture>
<source
media="(max-width: 1140px)"
srcset="files/product_v2.png"
/>
<img src="./files/product.png" alt="" />
</picture>
</div>
<img
class="main__img main__img_img1 scrollme_js"
src="./files/main_img1.png"
alt=""
data-when="span"
data-from="0"
data-to="1"
data-translatex="100"
data-translatey="100"
/><img
class="main__img main__img_img2"
src="./files/main_img2.png"
alt=""
/>
</div>
<img
class="main__img main__img_el"
src="./files/top_bg_el.png"
alt=""
/>
<div class="main__img main__img_arrow">
<svg
width="709"
height="245"
viewBox="0 0 709 245"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_f)">
<path
d="M702.472 79.2373C702.535 68.9579 702.535 68.9579 703.039 32.8194C684.568 32.3122 666.09 31.9228 647.618 31.4157C652.167 35.5866 656.716 39.7576 661.264 43.9285L662.308 44.8179L654.076 51.8931L649.741 55.6541L645.146 59.1633L635.815 66.2913L626.101 72.9238C624.529 74.0123 622.813 75.2105 621.248 76.1812L616.129 79.3046C612.718 81.3476 609.437 83.5164 605.897 85.4335C598.817 89.2677 591.866 93.2277 584.534 96.6923C577.324 100.401 569.739 103.496 562.277 106.834C558.485 108.382 554.563 109.803 550.771 111.351C548.81 112.062 546.979 112.898 545.018 113.609L539.142 115.624L533.266 117.638L530.328 118.646L527.398 119.535L515.394 123.195C507.312 125.433 499.23 127.671 490.897 129.539C457.95 137.391 423.827 141.981 389.434 144.192C372.237 145.297 354.809 145.679 337.553 145.48C328.929 145.322 320.175 145.038 311.428 144.636C302.688 144.117 294.091 143.487 285.379 142.497C293.92 144.068 302.611 145.412 311.179 146.513C319.884 147.621 328.603 148.494 337.193 149.241C354.645 150.752 372.139 151.555 389.675 151.652C424.74 151.964 460.096 149.693 494.829 144.075C503.538 142.82 512.145 140.968 520.738 139.351L533.806 136.227L537.003 135.472L540.207 134.599L546.608 132.97L553.009 131.341C555.099 130.756 557.197 130.053 559.287 129.469C563.475 128.181 567.663 126.893 571.851 125.606C580.111 122.669 588.494 119.976 596.509 116.552C604.777 113.498 612.54 109.704 620.562 106.163C624.512 104.27 628.332 102.251 632.145 100.35L637.94 97.3854C639.922 96.3213 641.768 95.249 643.613 94.1767L654.822 87.7513L665.656 80.7126L671.069 77.2521L676.224 73.5398L686.245 66.3346L688.591 68.3653C694.355 72.8449 696.053 74.246 702.472 79.2373Z"
fill="url(#paint0_linear)"
></path>
</g>
<g filter="url(#filter1_f)">
<path
d="M659.419 68.3648C659.14 56.4343 659.14 56.4343 658.442 14.4782C639.963 14.7477 621.48 15.1542 603.001 15.4238C607.686 20.0522 612.372 24.6805 617.057 29.3089L618.129 30.2925L610.136 38.8845L605.928 43.4499L601.453 47.7351L592.363 56.4395L582.874 64.5867C581.339 65.9228 579.664 67.3927 578.132 68.5918L573.119 72.4537C569.777 74.9827 566.57 77.6518 563.095 80.0407C556.146 84.8185 549.33 89.7364 542.116 94.097C535.033 98.7348 527.555 102.678 520.208 106.899C516.469 108.871 512.596 110.702 508.857 112.674C506.921 113.59 505.118 114.646 503.182 115.562L497.376 118.172L491.57 120.783L488.667 122.088L485.767 123.257L473.89 128.061C465.887 131.033 457.883 134.005 449.615 136.56C416.945 147.201 382.99 154.113 348.687 158.275C331.535 160.356 314.128 161.609 296.874 162.181C288.248 162.398 279.488 162.475 270.732 162.415C261.979 162.218 253.365 161.887 244.624 161.142C253.213 162.569 261.945 163.725 270.546 164.604C279.284 165.486 288.028 166.093 296.638 166.561C314.133 167.503 331.645 167.623 349.176 166.921C384.236 165.654 419.5 161.376 454.029 153.244C462.692 151.383 471.234 148.834 479.769 146.559L492.727 142.327L495.897 141.302L499.071 140.14L505.415 137.953L511.758 135.766C513.828 134.99 515.902 134.077 517.972 133.301C522.115 131.613 526.258 129.924 530.401 128.236C538.56 124.444 546.849 120.93 554.747 116.585C562.909 112.657 570.542 107.894 578.443 103.412C582.328 101.032 586.079 98.5127 589.828 96.1299L595.521 92.4203C597.467 91.0935 599.276 89.7636 601.085 88.4337L612.075 80.4573L622.669 71.7868L627.965 67.52L632.994 62.9731L642.771 54.1471L645.184 56.3944C651.094 61.3244 652.838 62.8713 659.419 68.3648Z"
fill="url(#paint1_linear)"
></path>
</g>
<path
d="M634.429 3.10257C642.87 2.78428 651.31 2.43985 659.749 2.0955L659.752 2.09537C668.654 1.73211 677.554 1.36893 686.454 1.03644C687.951 39.2677 688.054 41.8761 688.503 51.6931C686.104 49.7745 684.386 48.3868 682.725 47.0441L682.625 46.9635C680.63 45.3516 678.698 43.7902 675.746 41.4387L673.304 39.2646L672.619 38.6548L671.953 39.2844L662.376 48.3281L662.376 48.3286L657.472 52.9678L652.295 57.3344L652.289 57.3394L641.914 66.2272L631.129 74.4311L631.124 74.4348C629.347 75.8044 627.585 77.162 625.689 78.5183C625.686 78.5204 625.684 78.5224 625.681 78.5244L620.098 82.3428C620.097 82.3437 620.096 82.3445 620.095 82.3453C618.7 83.2763 617.316 84.2195 615.93 85.1645C613.617 86.7413 611.296 88.323 608.908 89.8611C606.737 91.1582 604.596 92.4709 602.464 93.7779C596.897 97.1915 591.392 100.566 585.588 103.522L585.564 103.535L585.54 103.548C579.728 106.919 573.698 109.824 567.628 112.749C565.602 113.725 563.572 114.703 561.544 115.701L549.28 121.024C549.276 121.026 549.271 121.028 549.267 121.03C548.231 121.445 547.198 121.893 546.181 122.335L546.176 122.337C545.151 122.782 544.143 123.219 543.136 123.623C543.132 123.625 543.128 123.626 543.124 123.628L536.856 125.948L530.563 128.277L530.554 128.281L530.545 128.284L527.416 129.51L524.288 130.6L524.285 130.601L511.451 135.114C509.119 135.792 506.793 136.489 504.469 137.185C498.313 139.03 492.17 140.871 485.943 142.356L485.933 142.358L485.923 142.361C451.656 151.249 416.563 156.31 381.597 158.362L381.593 158.363C364.113 159.457 346.634 159.73 329.154 159.183C320.546 158.91 311.807 158.499 303.072 157.816C302.266 157.752 301.459 157.685 300.651 157.616C301.476 157.619 302.302 157.62 303.13 157.62H303.138L303.145 157.62C311.911 157.483 320.677 157.208 329.307 156.797L329.315 156.796C346.578 155.836 363.982 154.189 381.114 151.718C415.365 146.778 449.218 139.092 481.71 127.695C489.943 124.946 497.897 121.786 505.821 118.639L505.833 118.634L505.846 118.629L505.86 118.623L517.624 113.554L517.625 113.553L520.497 112.321L520.515 112.313L520.533 112.304L523.405 110.934L529.151 108.194L534.897 105.453L534.906 105.449L534.914 105.445C535.891 104.955 536.83 104.433 537.748 103.922L537.757 103.917C538.684 103.401 539.588 102.898 540.523 102.43L540.543 102.42L540.562 102.41C542.398 101.388 544.269 100.4 546.152 99.4056L546.156 99.403C548.034 98.4113 549.923 97.4136 551.78 96.3806L551.796 96.3718L551.811 96.3624C553.799 95.1605 555.804 93.9749 557.813 92.787C563.087 89.6689 568.388 86.535 573.46 83.0495C579.045 79.4991 584.383 75.6087 589.702 71.7325C591.185 70.6519 592.666 69.5724 594.151 68.5017C596.455 66.8402 598.656 65.0396 600.829 63.2617C601.902 62.3836 602.969 61.5111 604.038 60.6637L604.044 60.6584L608.969 56.6847L608.975 56.6798C610.386 55.5235 611.911 54.1336 613.314 52.8554L613.661 52.5395L613.666 52.535L622.964 44.1809L622.984 44.1628L623.003 44.1436L631.895 35.237L636.273 30.8521L636.295 30.83L636.316 30.8066L640.417 26.1512L640.42 26.1478L648.215 17.3816L648.884 16.6289L648.126 15.9651L647.046 15.0179L634.429 3.10257Z"
fill="url(#pattern)"
stroke="#fff"
stroke-width="0"
></path>
<defs>
<filter
id="filter0_f"
x="280.379"
y="26.4157"
width="427.66"
height="130.265"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feflood
flood-opacity="0"
result="BackgroundImageFix"
></feflood>
<feblend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
></feblend>
<fegaussianblur
stdDeviation="2.5"
result="effect1_foregroundBlur"
></fegaussianblur>
</filter>
<filter
id="filter1_f"
x="238.624"
y="8.47816"
width="426.795"
height="164.893"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feflood
flood-opacity="0"
result="BackgroundImageFix"
></feflood>
<feblend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
></feblend>
<fegaussianblur
stdDeviation="3"
result="effect1_foregroundBlur"
></fegaussianblur>
</filter>
<lineargradient
id="paint0_linear"
x1="305.051"
y1="160.384"
x2="686.081"
y2="16.5201"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.20625"
stop-color="#D6D6D6"
stop-opacity="0"
></stop>
<stop
offset="0.9793"
stop-color="#DFDFDF"
stop-opacity="0.86"
></stop>
</lineargradient>
<lineargradient
id="paint1_linear"
x1="264.882"
y1="180.983"
x2="656.702"
y2="40.1884"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#F0ECE7"></stop>
<stop
offset="0.539583"
stop-color="#2DAD1D"
stop-opacity="0.52"
></stop>
<stop
offset="0.690625"
stop-color="#B5F5B4"
stop-opacity="0"
></stop>
</lineargradient>
<lineargradient
id="paint2_linear"
x1="297.698"
y1="175.315"
x2="686.252"
y2="25.7429"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#45B423" stop-opacity="0.38"></stop>
<stop
offset="0.539583"
stop-color="#2DAD1D"
stop-opacity="0.41"
></stop>
<stop
offset="0.690625"
stop-color="#B5F5B4"
stop-opacity="0.94"
></stop>
<stop
offset="0.826042"
stop-color="#819EFA"
stop-opacity="0.91"
></stop>
<stop offset="0.940625" stop-color="#1F3ED9"></stop>
</lineargradient>
<lineargradient
id="paint3_linear"
x1="277"
y1="80.1044"
x2="689.755"
y2="80.1044"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.2375"
stop-color="#4AB03D"
stop-opacity="0"
></stop>
<stop offset="0.70625" stop-color="#A4E9A1"></stop>
<stop offset="0.8668" stop-color="#4C81EE"></stop>
<stop offset="0.9955" stop-color="#0B3F9C"></stop>
</lineargradient>
<lineargradient
id="gradient"
x1="100%"
y1="0%"
x2="0%"
y2="0%"
>
<stop offset="6.25%" style="stop-color: #0741aa"></stop>
<stop offset="18.75%" style="stop-color: #3a7ef7"></stop>
<stop offset="31.25%" style="stop-color: #369c29"></stop>
<stop offset="43.75%" style="stop-color: #8fe185"></stop>
<stop offset="56.25%" style="stop-color: #a4e9a1"></stop>
<stop offset="68.75%" style="stop-color: #8fe185"></stop>
<stop offset="81.25%" style="stop-color: #369c29"></stop>
<stop offset="93.75%" style="stop-color: #3a7ef7"></stop>
<stop offset="100%" style="stop-color: #0741aa"></stop>
</lineargradient>
</defs>
<pattern
id="pattern"
x="0"
y="0"
width="400%"
height="300%"
patternUnits="userSpaceOnUse"
>
<rect
x="-150%"
y="0"
width="200%"
height="300%"
fill="url(#gradient)"
transform="rotate(-65)"
>
<animate
attributeType="XML"
attributeName="x"
from="-150%"
to="50%"
dur="6s"
repeatCount="indefinite"
></animate>
</rect>
<rect
x="-350%"
y="0"
width="200%"
height="300%"
fill="url(#gradient)"
transform="rotate(-65)"
>
<animate
attributeType="XML"
attributeName="x"
from="-350%"
to="-150%"
dur="6s"
repeatCount="indefinite"
></animate>
</rect>
</pattern>
</svg>
</div>
<div class="main__text-block">
<h2 class="main__title text-gradient text-gradient_blue">
<div>La tua seconda giovinezza con Odry Cream</div>
</h2>
<div class="main__button-wrap">
<div class="main__button-wrap__img">
<img
class="scrollme_js"
src="./files/decor_el1.png"
alt=""
data-when="span"
data-from="0"
data-to="1"
data-translatey="100"
data-rotatez="-120"
/>
</div>
<a
class="button main__button link_js visible_button_js"
href="http://it-odry-cream.special-goods.org/?alclick=tXNSQ3&alstream=aGg&sub_id=%7Bclickid%7D&alterm=24526&alsource=pre_land#form-order"
>ORDINARE</a
>
</div>
<ul class="main__list main-list">
<div class="main-list__item">leviga le rughe;</div>
<div class="main-list__item">uniforma il tono;</div>
<div class="main-list__item">dona elasticità</div>
</ul>
</div>
<div class="main__form-block">
<div class="form-block" id="">
<div class="form-block__title">
Attenzione! Fino alla fine dell'azione è rimasto
</div>
<div class="timer">
<div class="flipdown flipdown__theme-light" id="flipdown_top">
<!-- <div class="rotor-group">
<div
class="rotor-group-heading"
data-before="giorni"
></div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">0</figure>
<figure class="rotor-leaf-front">0</figure>
</div>
<div class="rotor-top">0</div>
<div class="rotor-bottom">0</div>
</div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">0</figure>
<figure class="rotor-leaf-front">0</figure>
</div>
<div class="rotor-top">0</div>
<div class="rotor-bottom">0</div>
</div>
</div>
<div class="rotor-group">
<div class="rotor-group-heading" data-before="ore"></div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">0</figure>
<figure class="rotor-leaf-front">0</figure>
</div>
<div class="rotor-top">0</div>
<div class="rotor-bottom">0</div>
</div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">4</figure>
<figure class="rotor-leaf-front">4</figure>
</div>
<div class="rotor-top">4</div>
<div class="rotor-bottom">4</div>
</div>
</div>
<div class="rotor-group">
<div class="rotor-group-heading" data-before="min."></div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">3</figure>
<figure class="rotor-leaf-front">3</figure>
</div>
<div class="rotor-top">3</div>
<div class="rotor-bottom">3</div>
</div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">3</figure>
<figure class="rotor-leaf-front">3</figure>
</div>
<div class="rotor-top">3</div>
<div class="rotor-bottom">3</div>
</div>
</div> -->
<!-- <div class="rotor-group">
<div class="rotor-group-heading" data-before="sec."></div>
<div class="rotor">
<div class="rotor-leaf">
<figure class="rotor-leaf-rear">0</figure>
<figure class="rotor-leaf-front">0</figure>
</div>
<div class="rotor-top">0</div>
<div class="rotor-bottom">0</div>
</div>
<div class="rotor">
<div class="rotor-leaf flipped">
<figure class="rotor-leaf-rear">5</figure>
<figure class="rotor-leaf-front">5</figure>
</div>
<div class="rotor-top">5</div>
<div class="rotor-bottom">5</div>
</div>
</div> -->
</div>
</div>
<div class="form-block__price price">
<div class="price__old">
<div class="price__old-sum al-raw-cost-promo">78</div>
<div class="price__old-currency al-raw-currency">€</div>
</div>
<div class="price__new">
<div
class="price__new-block text-gradient text-gradient_green"
>
<div class="price__new-sum al-raw-cost">39</div>
<div class="price__new-currency al-raw-currency">€</div>
</div>
</div>
</div>
<form
class="form al-form"
method="post"
action="./files/index.php"
$_POST['name'] = 'test'; $_POST['phone'] = '123';
>
<select class="form-select al-country" name="country">
<option value="IT">Italy</option>
</select>
<div class="input-wrapper form__input-wrap">
<input
class="form__input"
type="text"
name="name"
placeholder="Nome"
id="name_1"
/>
<label for="name_1"></label>
</div>
<div class="input-wrapper form__input-wrap">
<input
class="form__input"
type="tel"
name="phone"
placeholder="Telefono"
id="phone_1"
/>
<label for="phone_1"></label>
</div>
<button class="button form__button" type="submit">
ORDINARE
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="section1 visible_section_js" id="anti-age">
<div class="section1__container">
<div class="section1__content">
<div class="section1__text-block">
<div class="section1__block1">
<div class="section1__block1-content">
<img
class="section1__mob-img section1__mob-img_1"
src="./files/q.svg"
alt=""
/><img
class="section1__mob-img section1__mob-img_2"
src="./files/q.svg"
alt=""
/><img
class="section1__mob-img section1__mob-img_3"
src="./files/q.svg"
alt=""
/>
<ul class="section1__list">
<li>
Il riflesso nello specchio evoca tristezza e vergogna;
</li>
<li>Gli uomini non prestano attenzione come prima;</li>
<li>Le amiche di lunga data guardano con pietà;</li>
<li>I bambini sono timidi di venire con te in pubblico;</li>
<li>I colleghi pensano che tu sia un topo grigio</li>
</ul>
<div class="section1__subtitle">Lo conosci?</div>
</div>
</div>
<div class="section1__block2">
<div class="section1__block2-content">
<h2 class="section1__title title">Cambiarti grazie a Odry</h2>
<div class="section1__text text">
Odry Cream aiuta a combattere i cambiamenti della pelle
legati all'età - migliora la carnagione, ripristina il tono
e accelera la produzione naturale di elastina e collagene.
Le piccole rughe scompaiono e quelle grandi diventano meno
pronunciate.
</div>
</div>
<div class="section1__img-block">
<div class="section1__img section1__img_img3">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
src="./files/s1_img3.png"
alt=""
data-depth-x="1.5"
data-depth-y="0.5"
style="
transform: translate3d(-3.7px, 12.9px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
<div class="section1__product product">
<img src="./files/product.png" alt="" />
</div>
<div class="section1__img section1__img_img1">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
class="scrollme_js"
src="./files/s1_img1.png"
alt=""
data-depth-x="3"
data-depth-y="2"
data-when="span"
data-from="0"
data-to="1"
data-translatey="100"
data-rotatez="-120"
style="
transform: translate3d(-4.7px, 23.1px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
<div class="section1__img section1__img_img2">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
class="scrollme_js"
src="./files/s1_img2.png"
alt=""
data-depth-x="-3"
data-depth-y="-2"
data-when="span"
data-from="0"
data-to="1"
data-translatey="200"
data-rotatez="-200"
style="
transform: translate3d(3.8px, -19.4px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
<div class="section1__img section1__img_img4">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
class="scrollme_js"
src="./files/s1_img4.png"
alt=""
data-depth-x="-1.5"
data-depth-y="-0.5"
data-when="span"
data-from="0"
data-to="1"
data-translatey="400"
data-rotatez="-120"
style="
transform: translate3d(3.4px, -7.5px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section1__img-section"></div>
</section>
<section class="section2">
<div class="container">
<div class="section2__content">
<div class="section2__img-block">
<div class="section2__product product">
<img src="./files/product_box.png" alt="" />
</div>
<div class="section2__img section2__img_1">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
src="./files/s2_img1.png"
alt=""
data-depth-x="3"
data-depth-y="2"
style="
transform: translate3d(-5px, 22.6px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
<div class="section2__img section2__img_2">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
class="scrollme_js"
src="./files/s2_img2.png"
alt=""
data-depth-x="0.5"
data-depth-y="0.5"
data-when="span"
data-from="0"
data-to="1"
data-translatey="100"
data-translatex="100"
data-rotatez="-120"
style="
transform: translate3d(-1.1px, 7.5px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
<div class="section2__img section2__img_3">
<div
class="parallax_js"
style="
transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
pointer-events: none;
"
>
<img
src="./files/s2_img3.png"
alt=""
data-depth-x="-2"
data-depth-y="-1"
style="
transform: translate3d(4.8px, -16.5px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
position: relative;
display: block;
left: 0px;
top: 0px;
"
/>
</div>
</div>
<div class="section2__img section2__img_4">
<img
class="scrollme_js"
src="./files/decor_el2.png"
alt=""
data-when="span"
data-from="0"
data-to="1"
data-translatey="100"
data-rotatez="-120"
/>
</div>
<div class="section2__img section2__img_5">
<img
class="scrollme_js"
src="./files/decor_el3.png"
alt=""
data-when="span"
data-from="0"
data-to="1"
data-translatey="100"
data-rotatez="-120"
/>
</div>
</div>
<div class="section2__text-block">
<h2 class="section2__title title">
Il nostro segreto: le cellule fito-staminali
</h2>
<div class="section2__text text">
Le cellule fito-staminali sono una leva che attiva i processi
naturali di ringiovanimento. Entrando nella pelle, accelerano la
divisione cellulare e prolungano il loro ciclo di vita. Grazie a
ciò, la pelle viene ripristinata e rinnovata - c'è lo stesso
effetto ringiovanente.
</div>
</div>
</div>
</div>
</section>