-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (103 loc) · 6.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Summer 2020 collection out now">
<meta property="og:title" content="MOOD Fashion 2020" />
<meta property="og:description" content="MOOD fashion 2020 summer collection">
<meta property="og:url" content="https://mood2020.netlify.com" />
<meta property="og:image" content="https://i.imgur.com/VWgavnE.jpg" itemprop="image" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<title>MOOD 2020 | Summer</title>
<link rel="stylesheet" href="./css/main.min.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800&display=swap" rel="stylesheet">
</head>
<body>
<header class="fadeInDown" style="animation-delay: .3s;" >
<nav>
<div class="icon__group">
<a href="">
<?xml version="1.0" encoding="utf-8"?>
<svg class="icon" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path id="path-1_59_" d="M115.2,77.2h402.3v73.1H115.2L115.2,77.2z" />
<path d="M109.7,219.4h365.7v73.1H109.7L109.7,219.4z" />
<path id="path-1_58_" d="M115.2,380.7h402.3v73.1H115.2L115.2,380.7z" />
<path id="path-2_11_" d="M1.4,77.2h73.1v73.1H1.4V77.2z" />
<path id="path-2_10_" d="M1.4,229h73.1v73.1H1.4V229z" />
<path id="path-2_9_" d="M1.4,380.7h73.1v73.1H1.4V380.7z" />
</svg>
</a>
<a href="">
<?xml version="1.0" encoding="utf-8"?>
<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511 511" xml:space="preserve">
<path class="st0" d="M510.5,150.2c-1.2-27.2-5.6-45.8-11.9-62c-6.5-17.2-16.5-32.5-29.5-45.3c-12.8-13-28.3-23.1-45.2-29.4
c-16.3-6.3-34.8-10.7-62-11.9C334.5,0.3,325.8,0,256.4,0s-78.1,0.3-105.3,1.5c-27.2,1.2-45.8,5.6-62,11.9
C72,19.9,56.6,29.8,43.8,42.9c-13,12.8-23.1,28.3-29.4,45.2c-6.3,16.3-10.7,34.8-11.9,62c-1.3,27.4-1.6,36-1.6,105.4
s0.3,78.1,1.5,105.3c1.2,27.2,5.6,45.8,11.9,62c6.5,17.2,16.6,32.5,29.5,45.3c12.8,13,28.3,23.1,45.2,29.4
c16.3,6.3,34.8,10.7,62,11.9c27.2,1.2,35.9,1.5,105.3,1.5s78.1-0.3,105.3-1.5c27.2-1.2,45.8-5.6,62-11.9
c34.3-13.3,61.5-40.4,74.8-74.8c6.3-16.3,10.7-34.8,11.9-62c1.2-27.3,1.5-35.9,1.5-105.3S511.7,177.5,510.5,150.2z M464.5,358.9
c-1.1,25-5.3,38.4-8.8,47.4c-8.6,22.3-26.3,39.9-48.5,48.5c-9,3.5-22.6,7.7-47.4,8.8c-27,1.2-35,1.5-103.2,1.5s-76.4-0.3-103.2-1.5
c-25-1.1-38.4-5.3-47.4-8.8c-11.1-4.1-21.2-10.6-29.3-19.1c-8.5-8.3-15-18.3-19.1-29.3c-3.5-9-7.7-22.6-8.8-47.4
c-1.2-27-1.5-35-1.5-103.2s0.3-76.4,1.5-103.2c1.1-25,5.3-38.4,8.8-47.4C61.6,94,68.1,84,76.7,75.8c8.3-8.5,18.3-15,29.3-19.1
c9-3.5,22.6-7.7,47.4-8.8c27-1.2,35-1.5,103.2-1.5c68.3,0,76.4,0.3,103.2,1.5c25,1.1,38.4,5.3,47.4,8.8
c11.1,4.1,21.2,10.6,29.3,19.1c8.5,8.3,15,18.3,19.1,29.4c3.5,9,7.7,22.6,8.8,47.4c1.2,27,1.5,35,1.5,103.2S465.7,331.9,464.5,358.9
z" />
<path class="st0" d="M256.4,124.3c-72.5,0-131.3,58.8-131.3,131.3S184,386.8,256.4,386.8c72.5,0,131.3-58.8,131.3-131.3
S328.9,124.3,256.4,124.3z M256.4,340.7c-47,0-85.2-38.1-85.2-85.2s38.1-85.2,85.2-85.2c47,0,85.2,38.1,85.2,85.2
S303.5,340.7,256.4,340.7z" />
<path class="st0" d="M423.6,119.1c0,16.9-13.7,30.6-30.6,30.6c-16.9,0-30.6-13.7-30.6-30.6c0-16.9,13.7-30.6,30.6-30.6
C409.8,88.4,423.6,102.2,423.6,119.1z" />
</svg>
</a>
</div>
<img src="img/logo.svg" class="logo"></img>
<div class="icon__group">
<a href="">
<?xml version="1.0" encoding="utf-8"?>
<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 136 136"
style="enable-background:new 0 0 136 136;" xml:space="preserve">
<g id="surface1">
<path d="M94.1,80.7c16.3-23.1,10.9-55-12.2-71.3s-55-10.9-71.3,12.2c-16.3,23.1-10.9,55,12.2,71.3c16.5,11.6,38.2,12.5,55.6,2.3
l37.7,37.5c4.1,4.3,10.8,4.5,15.1,0.4c4.3-4.1,4.5-10.8,0.4-15.1c-0.1-0.1-0.3-0.3-0.4-0.4L94.1,80.7z M52.3,84.2
c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33c18.2,0,33,14.7,33,32.9C85.3,69.4,70.6,84.2,52.3,84.2C52.3,84.2,52.3,84.2,52.3,84.2
z" />
</g>
</svg>
</a>
<a href="">
<?xml version="1.0" encoding="utf-8"?>
<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M448,139.7c-0.2-2.1-1.9-3.7-4-3.7h-72v-20C372,52,320,0,256,0S140,52,140,116v20H68c-2.1,0-3.8,1.6-4,3.7l-28,368
c-0.1,1.1,0.3,2.2,1.1,3c0.8,0.8,1.8,1.3,2.9,1.3h432c1.1,0,2.2-0.5,2.9-1.3s1.1-1.9,1.1-3L448,139.7z M172,116
c0-46.3,37.7-84,84-84s84,37.7,84,84v20H172V116z M156,248c-22.1,0-40-17.9-40-40c0-16,8-30.3,24-36.7V208c0,8.8,7.2,16,16,16
s16-7.2,16-16v-36.6c16,6.3,24,20.8,24,36.6C196,230.1,178.1,248,156,248z M356,248c-22.1,0-40-17.9-40-40c0-16,8-30.3,24-36.7
V208c0,8.8,7.2,16,16,16s16-7.2,16-16v-36.6c16,6.3,24,20.8,24,36.6C396,230.1,378.1,248,356,248z" />
</g>
</g>
</svg>
</a>
</div>
</nav>
</header>
<div class="wrapper">
<div class="hero">
<div class="hero__call">
<h1 class="fadeInRight hero__title" style="animation-delay:.4s">summer 2020</h1>
<h1 class="fadeInRight hero__title" style="animation-delay:.5s">summer 2020</h1>
<h1 class="fadeInRight hero__title" style="animation-delay:.6s">summer 2020</h1>
</div>
</div>
<img src="./img/model-opt.png" alt="" class="fadeInUp hero__feat" style="animation-duration: 1s;" >
</div>
</body>
</html>