-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (188 loc) · 6.64 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!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>Art Summit Home Page</title>
<link rel="stylesheet" href="style.css">
<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:&display=swap" rel="stylesheet">
</head>
<body>
<header class="first-header">
<a href="#"><img class="icon" src="imgs/facebook.png" alt="facebook image"></a>
<a href="#"><img class="icon" src="imgs/twitter.png" alt="twitter image"></a>
<p>English</p>
<p>My Page</p>
<p>Logout</p>
</header>
<header class="headr">
<nav class="nav-class">
<div class="ham_menu_btn">
<a href="" class="nav-icon" id="ham_menu_button">
<img src="imgs/mobile_menu_btn.png" alt="hamburger menu">
</a>
</div>
<ul class="mobile-nav">
<li class="mobile-item"><a href="#" id="close_mobile_menu"><img class="nav-icon" id="nav-close-btn" src="imgs/close_mobile_menu.png" alt="close button"></a>
</li>
<li class="mobile-item"><a href="index.html">Home</a></li>
<li class="mobile-item"><a href="about.html">About</a></li>
<li class="mobile-item">Join</li>
<li class="mobile-item" id="pres"><a href="#">Presentation</a></li>
</ul>
<ul class="desktop_menu">
<li class="menu_item intro"><a href="about.html">About</a></li>
<li class="menu_item program">Program</li>
<li class="menu_item application">Join</li>
<li class="menu_item sponsor">Sponsor</li>
<li class="menu_item news">News</li>
<li class="menu_item presentation">
<a href="#">Campaign</a>
</li>
</ul>
</nav>
<div class="mobile-logo-wrap">
<a id="headr-logo" href="index.html">
<img src="imgs/logo.png" alt="CC Global Summit 2015">
</a>
</div>
</header>
<main>
<section id="intro-sectn">
<header class="intro-sctn-header">
<h1 class="intro-sctn-title">
<span id="intro-sctn-span">"Hello, Sharing World!"</span>
AUGMENTED REALITY ART SUMMIT 2022
</h1>
</header>
<div class="intro-msg">
<p>Join us for a wonderful panel discussion that will focus on the usage of augmented reality in different industries and projects - from branding and packaging to raising cultural awareness and business opportunities.</p>
</div>
<div class="info">
<div class="dateinfo">
<p>2022.09.15 (WED) ~ 17 (SAT)</p>
</div>
<div class="venueinfo">
<p>@ National Museum of Korea, Art Center Nabi, and more.</p>
</div>
</div>
</section>
<section id="main-program">
<header id="program-header">
<h2 id="program-title">Main Program</h2>
<div class="orange-bar"></div>
</header>
<ul class="program-list">
<li class="program-item">
<div class="program-icon">
<img src="imgs/program_icon_01.png" alt="program image">
</div>
<div class="program-sub">
<p>Lecture</p>
</div>
<div class="program-desc">
<p>Listen to lectures from speakers from around the world and learn about the latest trends in the world.</p>
</div>
</li>
<li class="program-item">
<div class="program-icon">
<img src="imgs/program_icon_02.png" alt="program image">
</div>
<div class="program-sub">
<p>CC Exhibition</p>
</div>
<div class="program-desc">
<p>Let's meet the creations of artists from various fields who share the open spirit of CC.</p>
</div>
</li>
<li class="program-item">
<div class="program-icon">
<img src="imgs/program_icon_03.png" alt="program image">
</div>
<div class="program-sub">
<p>Forum</p>
</div>
<div class="program-desc">
<p>We have time to share our thoughts and opinions with experts by topic.</p>
</div>
</li>
<li class="program-item">
<div class="program-icon">
<img src="imgs/program_icon_04.png" alt="program image">
</div>
<div class="program-sub">
<p>Workshop</p>
</div>
<div class="program-desc">
<p>You can create your own creations using open source instead of just looking at them.</p>
</div>
</li>
<li class="program-item">
<div class="program-icon">
<img src="imgs/program_icon_05.png" alt="program image">
</div>
<div class="program-sub">
<p>CC Ignite</p>
</div>
<div class="program-desc">
<p>Create opportunities to freely network with CC personnel from around the world.</p>
</div>
</li>
</ul>
<div class="view-full-program">
<a href="#" id="view-whole">Join AR Art Summit 2022</a>
<a href="#" id="see-whole">SEE THE WHOLE PROGRAM</a>
</div>
</section>
<section id="speakers">
<header id="speakers-header">
<h2 id="speakers-title">Featured Speakers</h2>
<div class="orange-bar"></div>
</header>
<div class="speakers-list-wrap">
<ul class="speakers-list">
</ul>
</div>
<div id="more-speakers">
<a href="#">MORE</a>
</div>
</section>
<section class="partner">
<header class="partner-header">
<h2>Partners</h2>
<div class="orange-bar"></div>
</header>
<div class="sponsor-group">
<div class="sponsors">
<img src="imgs/mozilla.png" alt="mozilla logo">
</div>
<div class="sponsors">
<img src="imgs/googlekorea-removebg-preview.png" alt="google korea logo">
</div>
<div class="sponsors">
<img src="imgs/naver-removebg-preview.png" alt="naver logo">
</div>
<div class="sponsors">
<img src="imgs/kakao-removebg-preview.png" alt="kakao logo">
</div>
<div class="sponsors">
<img src="imgs/airbnb-removebg-preview.png" alt="airbnb logo">
</div>
</div>
</section>
</main>
<footer>
<div class="footer-logo">
<img src="imgs/cc-logo2.png" alt="summit logo">
</div>
<div class="footer-note">
<p>2022 Creative Commons Korea.</p>
<p>Some Rights Reserved.</p>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>