-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (65 loc) · 3.05 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
<!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>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class = 'header-container'>
<div class = 'header'>Header Logo</div>
<div class = 'header-links'>
<a class="header-link" href="#">header link one</a>
<a class="header-link" href="#">header link two</a>
<a class="header-link" href="#">header link three</a>
</div>
</div>
<div class = 'landing-container'>
<div class = 'landing-content'>
<div class = 'landing-title'> GAME DEVS AT YORKU</div>
<div class = 'landing-text'>Welcome to the fake landing page for the best club at York university. Here you'll find lots of important information on the club, and why you should join.</div>
<button class = 'landing-button'>Sign up</button>
</div>
<img class = 'landing-img' src="/images/dog-1.jpg">
</div>
<div class = 'boxes-container'>
<div class = 'boxes-title'> What do we do at GDYU?</div>
<div class = 'boxes'>
<div class = 'box-item'>
<img class = box-img src = '/images/dog-1.jpg'>
<div class = 'box-text'>BOX 1 Praesent pot tellivizzle non mauris you son of a bizzle bibendizzle.</div>
</div>
<div class = 'box-item'>
<img class = box-img src = '/images/dog-1.jpg'>
<div class = 'box-text'>BOX 2 Praesent pot tellivizzle non mauris you son of a bizzle bibendizzle.</div>
</div>
<div class = 'box-item'>
<img class = box-img src = '/images/dog-1.jpg'>
<div class = 'box-text'>BOX 3 Praesent pot tellivizzle non mauris you son of a bizzle bibendizzle.</div>
</div>
<div class = 'box-item'>
<img class = box-img src = '/images/dog-1.jpg'>
<div class = 'box-text'>BOX 4 Praesent pot tellivizzle non mauris you son of a bizzle bibendizzle.</div>
</div>
</div>
</div>
<div class = 'quote-container'>
<div class = 'quote-text'>"The Marksman Revolver is the green variant of the Revolver, and gives V1 the ability to toss coins into the air. It can be bought at the Terminal for 7,500P after completing [ 0-1: INTO THE FIRE ]." </div>
<div class = 'quote-name' > -Yoush, Club President</div>
</div>
<div class = 'call-container'>
<div class = 'call-box'>
<div class = call-text>
<div class = 'call-title'>Call to action! It's time!</div>
<div class = 'call-subtitle'>Join our community and make some heckin' games!</div>
</div>
<button class = 'call-button'>Sign up</button>
</div>
</div>
<div class = 'footer-container'>
<div class = 'footer-text'> Footer (for free!?)</div>
</div>
</body>
</html>