-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (140 loc) · 5.48 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Game Industry Global Summit 2020</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="assets/styles/icons.css" />
<link rel="stylesheet" href="assets/styles/base.css" />
<link rel="stylesheet" href="assets/styles/index.css" />
</head>
<body>
<!--header start-->
<header class="header">
<div class="container">
<button class="dark-color icon-menu header-menu" type="button"></button>
</div>
<nav>
<button class="icon-close header-close" type="button"></button>
<ul class="container header-links">
<li class="header-logo">
<a href="index.html">
<i class="icon-logo"></i>
<div><span class="header-title">GI Global</span><span class="header-subtitle">Summit 2020</span></div>
</a>
</li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="program.html">Program</a></li>
<li><a href="tickets.html">Tickets</a></li>
<li><a class="accent-color header-button" href="#">GI Campaign</a></li>
</ul>
<div class="dark-background bright-color">
<ul class="container header-social">
<li><a class="icon-facebook" href="#"></a></li>
<li><a class="icon-twitter" href="#"></a></li>
<li><a class="icon-twitch" href="#"></a></li>
<li><a class="icon-youtube" href="#"></a></li>
<li><a class="icon-linkedin" href="#"></a></li>
</ul>
</div>
</nav>
</header>
<!--header end-->
<!--main start-->
<main>
<!--hero start-->
<section class="hero">
<div class="container">
<span class="accent-color">Hello Game Developers!</span>
<h1>Game Industry Global Summit 2020</h1>
<p>A yearly event for industry leaders all over the world to discuss industry topics and showcase their latest video games in one place</p>
<time class="dark-color">2020.10.10 (FRI) ~ 12 (SUN)</time>
<div>@ Zurich in Switzerland</div>
</div>
</section>
<!--hero end-->
<!--program start-->
<section class="dark-background bright-color program">
<div class="container">
<h2>Main Program</h2>
<hr class="line" />
<ul class="program-list">
<li>
<span class="icon-speak"></span>
<h3 class="accent-color">Lectures</h3>
<p>Listen to veteran developer from various game studios</p>
</li>
<li>
<span class="icon-screen"></span>
<h3 class="accent-color">Showcase</h3>
<p>Sneak peek of the upcoming games developed by various game developers</p>
</li>
<li>
<span class="icon-tools"></span>
<h3 class="accent-color">Workshops</h3>
<p>Join other experienced game developers in coding sessions to learn adn grow</p>
</li>
<li>
<span class="icon-forum"></span>
<h3 class="accent-color">Discussions</h3>
<p>Involve with others about the latest technical topics in the industry</p>
</li>
<li>
<span class="icon-connect"></span>
<h3 class="accent-color">Networking</h3>
<p>Communicate and connect with several new developers in the field</p>
</li>
</ul>
<a class="accent-background program-link" href="#">See The Whole Porgram</a>
</div>
</section>
<!--program end-->
<!--speakers start-->
<section class="speakers">
<div class="container">
<h2 class="dark-color">Featured Speakers</h2>
<hr class="line" />
<div class="speakers-list"></div>
<button type="button">
<span class="dark-color">MORE</span><span class="icon-chevron accent-color speakers-icon"></span>
</button>
</div>
</section>
<!--speakers end-->
<!--partner start-->
<section class="dark-background bright-color partners">
<div class="container">
<h2>Partners</h2>
<hr class="line" />
<ul>
<li><img src="assets/images/partners/amd.png" alt="amd" /></li>
<li><img src="assets/images/partners/epic.png" alt="epic games" /></li>
<li><img src="assets/images/partners/nvidia.png" alt="nvidia" /></li>
<li><img src="assets/images/partners/sony.png" alt="sony" /></li>
<li><img src="assets/images/partners/unity.png" alt="unity" /></li>
<li><img src="assets/images/partners/xbox.png" alt="xbox" /></li>
</ul>
</div>
</section>
<!--partner end-->
</main>
<!--main end-->
<!--footer start-->
<footer class="light-background footer">
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<span class="icon-logo footer-icon"></span>
<span class="footer-text">Game Industry<br />Global Summit</span>
</div>
<p>©2020 Game Industry Global Summit. All Rights Reserved.</p>
</div>
</div>
</footer>
<!--footer end-->
<!--script start-->
<script src="assets/scripts/main.js"></script>
<!--script end-->
</body>
</html>