-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
137 lines (133 loc) · 6.15 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
<!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" />
<link rel="stylesheet" href="build/style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<title>Genshin Summit</title>
</head>
<body>
<div class="home">
<div class="header-style">
<div class="header-image"></div>
<div class="header-top">
<ul class="container">
<li>
<a href="https://web.facebook.com/Genshinimpact/?_rdc=1&_rdr"><i class="fa-brands fa-facebook-f"></i></a>
</li>
<li>
<a href="https://twitter.com/GenshinImpact?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"
><i class="fa-brands fa-twitter"></i
></a>
</li>
<li><a href="#">English</a></li>
<li><a href="https://andrianarivo.github.io/portfolio/">My Page</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
<nav>
<a class="hamburger" id="hamburger"><i class="fa-sharp fa-solid fa-bars fa-2xl"></i></a>
<div class="container" id="menu">
<a href="#"><img src="images/Genshin_Impact_logo.png" alt="Genshin Impact logo" /></a>
<a href="#" id="xmark"><i class="fa-solid fa-xmark fa-xl"></i></a>
<ul>
<li><a href="./about.html" class="menu-item">About</a></li>
<li><a href="#program" class="menu-item">Program</a></li>
<li><a href="#" class="menu-item">Join</a></li>
<li><a href="#partners" class="menu-item">Sponsor</a></li>
<li><a href="#" class="menu-item">News</a></li>
<li class="campaign menu-item"><a href="#">Campaign</a></li>
</ul>
</div>
</nav>
<header class="container">
<h3 class="subtitle">"Uniting global travelers."</h3>
<h1>Genshin Impact Summit 2023</h1>
<p>
Discover a new world of adventure at the Genshin Impact Summit - the ultimate virtual gathering for fans to connect and engage in
community activities worldwide.
</p>
<h3 class="program-time">2023.10.15(SUN) ~ 16(MON)</h3>
<h3 class="program-venue">@Discord</h3>
</header>
</div>
<main>
<section class="program" id="program">
<div class="container">
<h3 class="title">Main program</h3>
<hr />
<div class="program-item">
<img src="images/lecture.png" alt="lecture illustration" />
<h3>Keynote speeches</h3>
<p>Expert insights on Genshin Impact's development, trends, and updates at the Summit.</p>
</div>
<div class="program-item">
<img src="images/workshop.png" alt="workshop illustration" />
<h3>Interactive workshops and Q&A</h3>
<p class="description">Connect with Genshin Impact developers and creators at the Summit for insights into the game's development.</p>
</div>
<div class="program-item">
<img src="images/gameplay.png" alt="gameplay illustration" />
<h3>Live gameplay</h3>
<p class="description">Compete and test skills in live gameplay sessions and tournaments at the Summit.</p>
</div>
<div class="program-item">
<img src="images/discussion.png" alt="discussion illustration" />
<h3>Panel discussions</h3>
<p class="description">
Gain insights on the game's lore, character design, and soundtrack production in panel discussions at the Summit.
</p>
</div>
<div class="program-item">
<img src="images/prizes.png" alt="prizes illustration" />
<h3>Swag bags and prizes</h3>
<p class="description">Win prizes and swag bags throughout the Summit for added excitement and participation incentives.</p>
</div>
<a href="#" class="see-program">see the whole program</a>
<button class="btn">Join Summit 2023</button>
</div>
</section>
<section class="container speakers" id="speakers">
<h3 class="title">Featured speakers</h3>
<hr class="title-separator" />
</section>
<section class="partners" id="partners">
<h3>Partners</h3>
<hr />
<ul class="partners-logo">
<li><img src="images/mozilla.svg" alt="mozilla logo" /></li>
<li><img src="images/Google_2015_logo.png" alt="google logo in 2015" /></li>
<li><img src="images/Naver_Logotype.png" alt="naver logo" /></li>
<li><img src="images/daumkakao_logo.png" alt="daumkakao logo" /></li>
<li><img src="images/Airbnb_Logo.png" alt="airbnb logo" /></li>
</ul>
</section>
</main>
<footer>
<div class="container">
<div class="cc-logo">
<img src="images/Cc_logo.png" alt="cc logo" />
<h3>creative commons korea</h3>
</div>
<div class="cc-info">
<p>2015 Creative Commons Korea. Some Rights Reserved.</p>
<p>
The Creative Commons copyright licenses and tools forge a balance inside the traditional “all rights reserved” setting that copyright
law creates. Our tools give everyone from individual creators to large companies and institutions a simple, standardized way to grant
copyright permissions to their creative work.
</p>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>