-
Notifications
You must be signed in to change notification settings - Fork 0
/
_footer.html
104 lines (104 loc) · 7.87 KB
/
_footer.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
<footer class="footer">
<div class="footer__content">
<div class="footer__top">
<nav class="menu__body">
<ul class="menu__list">
<li><a href="./index.html" class="menu__link">Home</a></li>
<li><a href="" class="menu__link">Shop</a></li>
<li><a href="" class="menu__link">Blog</a></li>
<li><a href="" class="menu__link">Contact</a></li>
</ul>
</nav>
</div>
<div class="footer__middle middle">
<div class="_container">
<div class="middle__row">
<div class="middle__item-about">
<a href="./index.html" class="header__logo">
<span class="header__logo-icon">
<svg width="22" height="24" viewBox="0 0 22 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="header__logo-svg" fill-rule="evenodd" clip-rule="evenodd"
d="M11.9167 21.754C16.3711 21.284 19.8875 17.4261 20.1508 12.6397H11.9167V21.754ZM21.9868 12.6397H22V12.0625V0.375L11 0.375001C4.92486 0.375002 -5.31105e-07 5.60767 0 12.0625C5.31105e-07 18.5173 4.92486 23.75 11 23.75C16.893 23.75 21.7036 18.8263 21.9868 12.6397ZM11 2.32292C5.93739 2.32292 1.83333 6.68347 1.83333 12.0625C1.83333 17.1128 5.45112 21.2653 10.0833 21.754V10.6918H20.1667V2.32292H11Z"
fill="#1B2437" />
</svg>
</span>
<span class="header__logo-text">Clay Shop</span>
</a>
<div class="middle__text">
Fashion is a popular
aesthetic expression at a particular time, place and in a specific context, especially in
clothing, footwear, lifestyle,
accessories, makeup.
</div>
</div>
<div class="middle__item-list">
<div class="middle__title">Hot links</div>
<ul class="middle__list">
<li><a href="" class="middle__link">Home</a></li>
<li><a href="./shop.html" class="middle__link">Shop</a></li>
<li><a href="" class="middle__link">Blog</a></li>
<li><a href="" class="middle__link">Contact</a></li>
</ul>
</div>
<div class="middle__item-list">
<div class="middle__title">More info</div>
<ul class="middle__list">
<li><a href="" class="middle__link">How it works</a></li>
<li><a href="" class="middle__link">About us</a></li>
<li><a href="" class="middle__link">Decline rules</a></li>
<li><a href="" class="middle__link">Terms & Conditions</a></li>
</ul>
</div>
<div class="middle__item-list">
<div class="middle__title">Customer care</div>
<ul class="middle__list">
<li><a href="" class="middle__link">FAQ</a></li>
<li><a href="" class="middle__link">Terms of use</a></li>
<li><a href="" class="middle__link">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__bottom bottom">
<div class="_container">
<div class="bottom__row">
<div class="bottom__license">© Clay Shop all rights reserved</div>
<ul class="bottom__social social__list">
<li>
<a href="https://www.instagram.com/" class="social__item">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg_f" fill-rule="evenodd" clip-rule="evenodd"
d="M20.8576 8.70406C20.82 7.85391 20.6825 7.26945 20.4856 6.763C20.2824 6.22542 19.9697 5.74412 19.5601 5.34402C19.16 4.93769 18.6754 4.62195 18.144 4.42196C17.6344 4.22502 17.0529 4.08754 16.2027 4.05006C15.346 4.0094 15.074 4 12.9013 4C10.7286 4 10.4566 4.0094 9.60315 4.04688C8.75284 4.08437 8.16827 4.22197 7.66184 4.41878C7.12403 4.62195 6.64265 4.93451 6.24247 5.34402C5.83606 5.74412 5.52038 6.22859 5.32023 6.75994C5.12326 7.26945 4.98575 7.85074 4.94826 8.70088C4.9076 9.55738 4.89819 9.82928 4.89819 12.0016C4.89819 14.1739 4.9076 14.4458 4.94509 15.2991C4.98258 16.1493 5.1202 16.7338 5.31718 17.2402C5.52038 17.7778 5.83606 18.259 6.24247 18.6591C6.64265 19.0655 7.12721 19.3812 7.65867 19.5812C8.16827 19.7782 8.74967 19.9156 9.6001 19.9531C10.4535 19.9907 10.7255 20 12.8983 20C15.071 20 15.3429 19.9907 16.1964 19.9531C17.0468 19.9156 17.6313 19.7782 18.1377 19.5812C19.2132 19.1655 20.0636 18.3154 20.4793 17.2402C20.6762 16.7306 20.8138 16.1493 20.8513 15.2991C20.8888 14.4458 20.8982 14.1739 20.8982 12.0016C20.8982 9.82928 20.895 9.55738 20.8576 8.70406ZM19.4164 15.2366C19.382 16.018 19.2507 16.44 19.1413 16.7213C18.8724 17.4183 18.3191 17.9715 17.6219 18.2404C17.3405 18.3498 16.9155 18.481 16.1369 18.5154C15.2928 18.553 15.0397 18.5622 12.9045 18.5622C10.7692 18.5622 10.5129 18.553 9.67191 18.5154C8.89035 18.481 8.46831 18.3498 8.18695 18.2404C7.84001 18.1122 7.52422 17.909 7.26789 17.6434C7.00216 17.3839 6.79896 17.0713 6.67074 16.7245C6.56131 16.4431 6.43004 16.018 6.39572 15.2398C6.35811 14.3958 6.34883 14.1426 6.34883 12.0078C6.34883 9.87299 6.35811 9.61671 6.39572 8.77597C6.43004 7.99457 6.56131 7.57261 6.67074 7.2913C6.79896 6.94431 7.00216 6.6287 7.27107 6.3723C7.53044 6.10662 7.84307 5.90346 8.19012 5.77538C8.47148 5.66598 8.8967 5.53473 9.67507 5.5003C10.5192 5.46282 10.7724 5.45342 12.9076 5.45342C15.046 5.45342 15.2991 5.46282 16.1401 5.5003C16.9216 5.53473 17.3437 5.66598 17.6251 5.77538C17.972 5.90346 18.2878 6.10662 18.5441 6.3723C18.8099 6.63174 19.0131 6.94431 19.1413 7.2913C19.2507 7.57261 19.382 7.99762 19.4164 8.77597C19.4539 9.61989 19.4633 9.87299 19.4633 12.0078C19.4633 14.1426 19.4539 14.3927 19.4164 15.2366ZM12.8447 8.27744C10.666 8.27744 8.89819 10.0451 8.89819 12.224C8.89819 14.4029 10.666 16.1705 12.8447 16.1705C15.0236 16.1705 16.7912 14.4029 16.7912 12.224C16.7912 10.0451 15.0236 8.27744 12.8447 8.27744ZM12.8447 14.784C11.4312 14.784 10.2847 13.6376 10.2847 12.224C10.2847 10.8104 11.4312 9.66396 12.8447 9.66396C14.2584 9.66396 15.4048 10.8104 15.4048 12.224C15.4048 13.6376 14.2584 14.784 12.8447 14.784ZM16.9473 9.04267C17.4562 9.04267 17.8688 8.63013 17.8688 8.12134C17.8688 7.61242 17.4562 7.2 16.9473 7.2C16.4385 7.2 16.026 7.61242 16.026 8.12134C16.026 8.63013 16.4385 9.04267 16.9473 9.04267Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/" class="social__item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg_f"
d="M21 7.65738C20.3306 7.93846 19.6174 8.12476 18.8737 8.21522C19.6387 7.77799 20.2226 7.09092 20.4971 6.26277C19.7839 6.66984 18.9964 6.95738 18.1571 7.11784C17.4799 6.42754 16.5146 6 15.4616 6C13.4186 6 11.7739 7.58738 11.7739 9.53338C11.7739 9.81338 11.7986 10.0826 11.8594 10.3389C8.7915 10.1957 6.07688 8.78815 4.25325 6.644C3.93487 7.17276 3.74812 7.77799 3.74812 8.42953C3.74812 9.65291 4.40625 10.7374 5.38725 11.3652C4.79437 11.3544 4.21275 11.1897 3.72 10.9301C3.72 10.9409 3.72 10.9549 3.72 10.9689C3.72 12.6855 4.99912 14.1114 6.6765 14.4398C6.37613 14.5184 6.04875 14.5561 5.709 14.5561C5.47275 14.5561 5.23425 14.5432 5.01037 14.4958C5.4885 15.8948 6.84526 16.9232 8.4585 16.9566C7.203 17.8968 5.60887 18.4632 3.88312 18.4632C3.5805 18.4632 3.29025 18.4503 3 18.4148C4.63462 19.4238 6.57188 20 8.661 20C15.4515 20 19.164 14.6154 19.164 9.94799C19.164 9.79184 19.1584 9.64107 19.1505 9.49138C19.8829 8.99384 20.4982 8.37245 21 7.65738Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
<li>
<a href="https://www.facebook.com/" class="social__item">
<svg width="30" height="24" viewBox="0 0 30 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg_f" fill-rule="evenodd" clip-rule="evenodd"
d="M16.683 21V11.999H19.5189L19.8947 8.89714H16.683L16.6878 7.34465C16.6878 6.53565 16.7755 6.10217 18.1017 6.10217H19.8746V3H17.0383C13.6315 3 12.4323 4.50471 12.4323 7.03517V8.89749H10.3087V11.9993H12.4323V21H16.683Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>