-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaffiliate-search.html
102 lines (102 loc) · 27.9 KB
/
affiliate-search.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Affiliate Search</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.min.css">
<link href="./css/styles.css" type="text/css" rel="stylesheet">
<link href="./css/affiliate-search.css" type="text/css" rel="stylesheet">
<link href="./css/responsive-styles.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="affiliate-search">
<div class="search-deal-holder">
<h2 class="heading">Search Best Deal</h2>
<div class="sub-heading">Direct search for best deal in all popular shops at once.</div>
<div class="search-box">
<label>
<input type="text" placeholder="Search Products..." class="search-input">
<span class="autocomplete-container">
<span class="autocomplete-item">
<span class="searched-category">Awesome Products</span>
Awesome Product
</span>
<span class="autocomplete-item">
<span class="searched-category">Best Products</span>
Cool Product
</span>
<span class="autocomplete-item">
<span class="searched-category">Category Name</span>
Product Name
</span>
<span class="autocomplete-item">
<span class="searched-category">High Tech</span>
Jet Pack
</span>
</span>
</label>
<button type="button" class="search-button">Search</button>
</div>
</div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 309px; top: 614px; z-index: 9; transform: translate3d(-0.31522px, 0.247179px, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['-618','-474','-314','478']" data-y="['middle','middle','middle','middle']" data-voffset="['149','257','273','128']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2000,"speed":2000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;rZ:45;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; opacity: 1; transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 25px 40px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div> </div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 1570px; top: 175px; z-index: 10; transform: translate3d(-0.31522px, 0.247179px, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['643','643','482','298']" data-y="['middle','middle','middle','middle']" data-voffset="['-290','-290','105','102']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2100,"speed":2000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;rZ:25;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; opacity: 1; transform: matrix3d(0.906308, 0.422618, 0, 0, -0.422618, 0.906308, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 25px 40px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div> </div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 835px; top: 84px; z-index: 11; transform: translate3d(-0.31522px, 0.247179px, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['-92','-92','-73','-73']" data-y="['middle','middle','middle','middle']" data-voffset="['-381','-381','-434','-434']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2200,"speed":2000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;rZ:90;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; opacity: 1; transform: matrix3d(0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 25px 40px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 431px; top: 156px; z-index: 12; transform: translate3d(-0.472831px, 0.370769px, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['-458','-376','197','-396']" data-y="['middle','middle','middle','middle']" data-voffset="['-309','-270','-496','-226']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2300,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:-45;fb:5px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 12; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(5px); opacity: 1; transform: matrix3d(0.707107, -0.707107, 0, 0, 0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 50px 40px 75px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 1298px; top: 568px; z-index: 13; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['396','415','510','229']" data-y="['middle','middle','middle','middle']" data-voffset="['116','86','30','33']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2400,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:120;fb:5px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 13; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(5px); opacity: 1; transform: matrix3d(-0.5, 0.866025, 0, 0, -0.866025, -0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 75px 65px 25px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 1151px; top: 105px; z-index: 14; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['299','299','438','261']" data-y="['middle','middle','middle','middle']" data-voffset="['-355','-355','-385','-354']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2500,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:45;fb:10px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 14; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(10px); opacity: 1; transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 80px 50px 120px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 196px; top: 319px; z-index: 15; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['-644','-644','-539','-366']" data-y="['middle','middle','middle','middle']" data-voffset="['-116','-116','-31','58']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2600,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:65;fb:10px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 15; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(10px); opacity: 1; transform: matrix3d(0.422618, 0.906308, 0, 0, -0.906308, 0.422618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 100px 100px 125px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 1475px; top: 626px; z-index: 16; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['676','606','483','408']" data-y="['middle','middle','middle','middle']" data-voffset="['266','340','295','331']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2700,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:65;fb:20px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 16; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(20px); opacity: 1; transform: matrix3d(0.422618, 0.906308, 0, 0, -0.906308, 0.422618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 170px 250px 135px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 208px; top: 11px; z-index: 17; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['-567','-455','-334','-250']" data-y="['middle','middle','middle','middle']" data-voffset="['-399','-423','-506','-405']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2800,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:150;fb:20px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 17; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(20px); opacity: 1; transform: matrix3d(-0.866025, 0.5, 0, 0, -0.5, -0.866025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 120px 150px 235px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 1015px; top: 674px; z-index: 18; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['88','211','318','89']" data-y="['middle','middle','middle','middle']" data-voffset="['209','153','113','195']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":2900,"speed":2000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;rZ:15;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 18; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; opacity: 1; transform: matrix3d(0.965926, 0.258819, 0, 0, -0.258819, 0.965926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 25px 40px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 653px; top: 659px; z-index: 19; transform: matrix(1, 0, 0, 1, 0, 0);"><div class="tp-loop-wrap" style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['center','center','center','center']" data-hoffset="['-219','-350','-401','-257']" data-y="['middle','middle','middle','middle']" data-voffset="['214','138','132','206']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames="[{"delay":3000,"speed":2000,"frame":"0","from":"y:100px;opacity:0;fb:0;","to":"o:1;rZ:150;fb:10px;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 19; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0; font-family: 'Open Sans', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0; margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; filter: blur(10px); opacity: 1; transform: matrix3d(-0.866025, 0.5, 0, 0, -0.5, -0.866025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><div style="width: 0; height: 0; border-width: 0 80px 80px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 65, 54); transition: none 0s ease 0s; text-align: inherit; line-height: 22px; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 20px;"></div></div></div></div></div>
<div class="effect-item" style="position: absolute; display: block; visibility: visible; left: 1470px; top: -8px; z-index: 22;"><div style="position:absolute;display:block;"><div style="position: absolute; display: block; overflow: visible;"><div data-x="['left','left','left','left']" data-hoffset="['1138','1138','1138','1138']" data-y="['top','top','top','bottom']" data-voffset="['-53','-53','-53','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="image" data-responsive_offset="on" data-frames="[{"delay":1550,"speed":2190,"frame":"0","from":"y:top;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 22; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; line-height: 0; border-width: 0; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 15px; white-space: nowrap; min-height: 0; min-width: 0; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0;"><img src="./assets/images/planetsearch.png" alt="Planet" data-ww="['188px','188px','188px','188px']" data-hh="['195px','195px','195px','195px']" width="188" height="195" data-no-retina="" style="width: 188px; height: 195px; transition: none 0s ease 0s; text-align: inherit; line-height: 0; border-width: 0; margin: 0; padding: 0; letter-spacing: 0; font-weight: 400; font-size: 15px; zoom: 1; max-width: none;"></div></div></div></div>
</div>
<section class="partners">
<img src="./assets/images/partners.jpg" alt="Partners banner">
<a href="/" class="go-home">Back to the Home page</a>
</section>
<footer>
<div class="content-wrapper">
<div class="footer-content">
<div class="footer-item">
<h5>About Us</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A atque autem beatae consequatur corporis dolor eius harum iusto modi
nam neque nulla quibusdam quos saepe sequi, suscipit tempore veritatis, voluptates?
</p>
</div>
<div class="footer-item">
<div class="footer-links">
<div class="footer-info">
<h5>For Customers</h5>
<a href="#">Product for review</a>
<a href="#"> Contact Us</a>
<a href="#">Best deals</a>
<a href="#">Catalog</a>
</div>
<div class="footer-info">
<h5>For Vendors</h5>
<a href="#">Testimonial</a>
<a href="#">How to use</a>
<a href="#">Donate Us</a>
<a href="#">Catalog</a>
</div>
</div>
</div>
<div class="footer-item">
<h5>Subscribe on Weekly Newsletter</h5>
<form>
<label for="news-email">Here text that definitely make you subscribe on our Weekly Newsletters! Because our newsletters are the best newsletters in the world!</label>
<div class="newsletter-input">
<input type="email" id="news-email" placeholder="Email Address" required>
<button type="submit" class="newsletter-subscribe">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
</body>
</html>