-
Notifications
You must be signed in to change notification settings - Fork 2
/
index_wip.html
55 lines (51 loc) · 3.04 KB
/
index_wip.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
<!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 Us</title>
<link rel="stylesheet" href="./style/main.css" />
</head>
<body>
<nav class="nav">
<div class="nav__brand">
<a href="#" class="nav__brand__text">BGDC</a>
</div>
<ul class="nav__list">
<li class="nav__list__item">About Us</li>
<li class="nav__list__item">Blog</li>
<li class="nav__list__item">Events</li>
<li class="nav__list__item">Products</li>
<li class="nav__list__item">Registration</li>
<li class="nav__list__item">Contact Us</li>
</ul>
</nav>
<header class="header">
<div class="header__title">
<h4 class="heading__4">Binus Game Development Club</h4>
<div class="header__title__phrase">
<h1 class="heading__1">Play</h1>
<h1 class="heading__1">Observe</h1>
<h1 class="heading__1">Develop</h1>
</div>
</div>
<div class="header__pictures">
<div class="header__pictures__background">
<svg width="361" height="345" viewBox="0 0 361 345" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M360.038 126.178C360.241 137.285 354.288 147.596 344.567 152.974L292.067 182.022C282.859 187.117 271.656 187.015 262.543 181.753L207.044 149.711C197.931 144.45 192.241 134.798 192.049 124.277L190.955 64.2866C190.753 53.1787 196.706 42.8684 206.426 37.4899L258.927 8.44184C268.134 3.34742 279.338 3.44956 288.451 8.71097L343.949 40.7532C353.062 46.0146 358.752 55.666 358.944 66.1871L360.038 126.178Z"
fill="white" fill-opacity="0.25" />
<path
d="M169.412 122.352C169.615 133.46 163.662 143.77 153.941 149.149L101.441 178.197C92.2333 183.291 81.0299 183.189 71.9169 177.927L16.4182 145.885C7.30515 140.624 1.61498 130.972 1.42315 120.451L0.329394 60.4609C0.126884 49.353 6.07956 39.0427 15.8005 33.6642L68.3007 4.61615C77.5081 -0.478261 88.7115 -0.376121 97.8246 4.88529L153.323 36.9275C162.436 42.1889 168.126 51.8403 168.318 62.3614L169.412 122.352Z"
fill="white" fill-opacity="0.25" />
<path
d="M254.412 285.352C254.615 296.46 248.662 306.77 238.941 312.149L186.441 341.197C177.233 346.291 166.03 346.189 156.917 340.927L101.418 308.885C92.3051 303.624 86.615 293.972 86.4231 283.451L85.3294 223.461C85.1269 212.353 91.0796 202.043 100.801 196.664L153.301 167.616C162.508 162.522 173.712 162.624 182.825 167.885L238.323 199.927C247.436 205.189 253.126 214.84 253.318 225.361L254.412 285.352Z"
fill="white" fill-opacity="0.25" />
</svg>
</div>
<img src="./assets/img/POD.png" alt="POD" class="header__pictures__main" />
</div>
</header>
</body>
</html>