-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
127 lines (127 loc) · 6.06 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
123
124
125
126
127
<!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="style.css" />
<link rel="stylesheet" href="aboutStyle.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:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet" />
<link href="https://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet" />
<title>Capstone 1</title>
</head>
<body>
<main class="sub-menu">
<img src="/assets/facebook.png" alt="facebook">
<img src="/assets/twitter.png" alt="twitter">
<span>English</span>
<span>My Page</span>
<span>Logout</span>
</main>
<!-- header section -->
<header class="about">
<nav>
<img src="/assets/menu.png" class="menu" alt="menu">
<!-- desktop menu -->
<div class="content">
<a href="index.html"><img src="/assets/logo.png" alt="logo"></a>
<ul class="menu-list">
<li><a href="about.html">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
</ul>
<a href="" class="camp">GDC Campaign</a>
</div>
<!-- mobile menu -->
<div class="contents" id="contentLink">
<img src="/assets/close.png" id="close" alt="close">
<a href="index.html" onclick="hideMenu()"><img src="/assets/logo.png" alt="logo"></a>
<ul class="menu-list">
<li><a href="about.html" onclick="hideMenu()" class="key">About</a></li>
<li><a href="#" onclick="hideMenu()">Program</a></li>
<li><a href="#" onclick="hideMenu()">Join</a></li>
<li><a href="#" onclick="hideMenu()">Sponsor</a></li>
<li><a href="#" onclick="hideMenu()">News</a></li>
</ul>
<a href="" class="camp" onclick="hideMenu()">GDC Campaign</a>
</div>
</nav>
<ul class="linage">
<li><a href="#"><img src="/assets/home.png" alt="home"></a></li>
<li><img src="/assets/arrow_left.png" alt="arrow_left"></li>
<li><a href="#">Events</a></li>
<li><img src="/assets/arrow_left.png" alt="arrow_left"></li>
<li><a href="#">GDC 2022</a></li>
</ul>
<div class="about-text">
<div class="texts">
<p class="hello">"Hello! Sharing world"</p>
<p class="title">GAME DEVELOPERS CONFERENCE SHOWCASE 2022</p>
</div>
<p class="sub-text">The Game Developers Conference (GDC) brings the game development community together to exchange ideas, solve problems, and shape the future of the industry across five days of education, inspiration, and networking. Attendees include programmers, artists, producers, game designers, audio professionals, and business leaders. GDC also hosts semi-annual installments of the GDC Masterclass program, which is comprised of day-long or multi-day, small-group virtual workshops that deliver in-depth, hands-on training around some of the most important challenges facing game developers today.</p>
<div class="contact-me">
<p>Please contact us per Email for any further questions about GDC 2022!</p>
<a href="mailto:gdcregistration@informa.com">gdcregistration@informa.com</a>
</div>
</div>
</header>
<!-- logo info section -->
<section class="logo-info">
<h2 class="logo-title">GDC 2022 Logo</h2>
<div class="logo-text">
<p>The Game Developers Conference began as an informal gathering of 25 developers in the living room of game designer Chris Crawford.</p>
<p class="hidden-text">In 2016, GDC commemorated the 30th edition of the conference. Year after year, GDC continues to define market innovations and provide insight into the future of games.</p>
</div>
<img src="/assets/frame-logo.png" alt="logo">
</section>
<!-- past conference -->
<section class="past">
<h2 class="logo-title">See the past Game Developers Conference</h2>
<p>Take a look at the last two conferences that took place in San Francisco, CA USA</p>
<div class="past-pic">
<div class="pic-col">
<img src="/assets/show1.jpg" alt="show1">
<div class="layer">
<h3>2019</h3>
<h4>GDC 2019 in San Francisco, CA USA</h4>
</div>
</div>
<div class="pic-col">
<img src="/assets/show2.jpg" alt="show1">
<div class="layer">
<h3>2020</h3>
<h4>GDC 2020 in San Francisco, CA USA</h4>
</div>
</div>
</div>
</section>
<!-- partners section -->
<section class="partners">
<h2 class="titles">Partners</h2>
<div class="list">
<img src="/assets/partners/partner1.png" alt="partners">
<img src="/assets/partners/partner2.png" alt="partners">
<img src="/assets/partners/partner3.png" alt="partners">
<img src="/assets/partners/partner4.png" alt="partners">
<img src="/assets/partners/partner5.png" alt="partners">
<img src="/assets/partners/partner6.png" alt="partners">
<img src="/assets/partners/partner7.png" alt="partners">
<img src="/assets/partners/partner8.png" alt="partners">
</div>
</section>
<!-- footer section -->
<footer class="diff">
<img src="/assets/frame-logo.png" class="frame" alt="logo">
<div class="info">
<p>2022 Game Developers Conference. Some Rights Reserved.</p>
<p class="hidden">All contents on this website, unless stated otherwise, is at GDC in USA.
For detailed usage, function details and permission conditions, see <a href="https://gdconf.com/">https://gdconf.com/</a></p>
</div>
</footer>
<script src="index.js"></script>
</body>
</html>