-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
122 lines (113 loc) · 5.86 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<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">
<title>About Fashion Week</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Martian+Mono:wght@200;300;400&family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Oswald:wght@300;600&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,600;1,900&family=Poppins:ital,wght@0,300;0,400;0,500;0,800;0,900;1,100;1,300;1,400;1,500;1,800;1,900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,400;1,500;1,700;1,900&family=Vollkorn:ital,wght@0,500;0,600;0,800;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>
<body>
<div class="wrapper">
<header>
<nav class="mobile-menu">
<div class="mobile-menu-item cross-box">
<i class="fa-solid fa-xmark cross" onclick="closeMenu()"></i>
</div>
<ul class="mobile-menu-list">
<li class="mobile-menu-item">
<a href="./index.html" class="mobile-menu-item-a" onclick="closeMenu()">Home</a>
</li>
<li class="mobile-menu-item">
<a href="./index.html#main-program" class="mobile-menu-item-a" onclick="closeMenu()">Program</a>
</li>
<li class="mobile-menu-item">
<a href="./index.html#designers" class="mobile-menu-item-a" onclick="closeMenu()">Designers</a>
</li>
<li class="mobile-menu-item">
<a href="./about.html" class="mobile-menu-item-a" onclick="closeMenu()">About</a>
</li>
<li class="mobile-menu-item">
<a href="#" class="ticket" onclick="closeMenu()">Get Ticket</a>
</li>
</ul>
</nav>
<nav class="desktop-navbar1">
<ul class="social">
<li class="social-icon"><a href="#"><i class="fa-brands fa-facebook interact"></i></a></li>
<li class="social-icon"><a href="#"><i class="fa-brands fa-square-twitter interact"></i></a></li>
<li class="social-icon"><a href="#">English</a></li>
<li class="social-icon"><a href="#">My Page</a></li>
<li class="social-icon"><a href="#">Logout</a></li>
</ul>
</nav>
<nav class="desktop-navbar2">
<div class="nova" >Fashionova</div>
<ul class="networking">
<li class=""><a href="./index.html#main-program">Program</a></li>
<li class=""><a href="./index.html#designers">Designers</a></li>
<li class=""><a href="index.html">Home</a></li>
<li class="get"><a href="#">Get Ticket</a></li>
</ul>
</nav>
</header>
<section class="content-info">
<div id="icon">
<i class="menu fa-solid fa-bars"></i>
</div>
<div class="info intro">
<div class="fashion">"Hello! Fashion Lovers!!"</div>
<h1 class="heading-1">Next Global Fashionova <br> 2023</h1>
<p class="about-paragraph1"> A fashion week is a fashion industry event, lasting approximately one week, where fashion designers, brands or "houses" display their latest collections in runway fashion shows to buyers and the media.
<p id="paragraph">For more details please contact [email protected]</p>
</div>
</section>
<section class="fashionova-logo">
<h2 class="logo-header">Fashionova Logo</h2>
<p class="details">
The logo of Fashionova 2023 was decided by the invited top designers celebrities.
After a casual hangout they held in Arizona, They decided to use Fashionova as the logo, with multiple colors clipped into the logo text. The idea is to assert different themes for artistic fashion industry.
</p>
<div class="style">Fashionova</div>
</section>
<hr>
<section class="past-fashion">
<h2 class="conference-header">Past Conferences</h2>
<p class="para1">Take a look at the last two conferencea which took place in London and Washington, USA.</p>
<div class="past-fashion-container">
<div class="past-fashion-item">
<img class="img" src="./images/meeting1.jpg" alt="Designers discussing">
<span class="centered">2022 <span class="inner-span"> Fashionova Conference in Washington</span></span>
</div>
<div class="past-fashion-item">
<img class="img" src="./images/meeting2.jpg" alt="Designers discussing">
<span class="centered">2021 <span class="inner-span"> Fashionova Conference in London</span></span>
</div>
</div>
</section>
<section class="about-partners">
<h2 class="about-partner-header">Partner</h2>
<div class="partners-logo">
<a href="#" class="company-logo-a"><img class="company-logo" src="./images/Clarks-logo.png" alt="Clarks"></a>
<a href="#" class="company-logo-a"><img class="company-logo" src="./images/Dior-Logo.png" alt="Dior"></a>
<a href="#" class="company-logo-a"><img class="company-logo" src="./images/Louis_Vuitton_logo.png" alt="Louis Vuitton"></a>
<a href="#" class="company-logo-a"><img class="company-logo" src="./images/adidas-logo.png" alt="Adidas"></a>
<a href="#" class="company-logo-a"> <img class="company-logo" src="./images/Versace-Logo.png" alt="Versace"></a>
</div>
</section>
<footer class="about-footer">
<a href="#" class="about-name-footer">Fashionova</a>
<div class="year-and-rights">
<p class="copyright">© 2023</p>
<p class="year">Best Fashion Worldwide.</p>
<p class="rights">All Rights Reserved.</p>
</div>
</footer>
</div>
<script src="./script.js" ></script>
</body>
</html>