/
index.html
74 lines (68 loc) · 3.36 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Rebel Alliance HQ</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.css">
<script src="https://use.fontawesome.com/b915c6e2c8.js"></script>
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="bg-intro">
<div class="expanded row">
<div class="medium-4 medium-offset-7 columns text-white text-shadow text-center">
<h1 id="intro-heading"><i class="fa fa-rebel"></i> REBELLION</h1>
<h2>The Rebel Alliance needs you! Stand up to the evil Empire.</h2>
<a class="button secondary" href="#">Join the Fight</a>
</div>
</div>
</div>
<div class="bg-gray">
<div class="row text-center">
<div class="medium-4 columns">
<h4><i class="fa fa-bolt"></i> Force Lightning</h4>
<p>No, we don't have force lightning. But we do have that great feeling of being a Good Guy<sup>™</sup> and really, isn't that what actually matters? Besides, the static build up from force lightning can make for very bad hair days.</p>
</div>
<div class="medium-4 columns">
<h4><i class="fa fa-space-shuttle"></i> Best Pilots</h4>
<p>We have the best pilots in the galaxy. Whether it's Luke Skywalker or Po Dameron, you can be sure our fighters will best the TIE fighters (honestly, who shapes their ships like triangles and bow ties).</p>
</div>
<div class="medium-4 columns">
<h4><i class="fa fa-trophy"></i> We Always Win</h4>
<p>The Rebels are always the winners in the end. Why did the Death Star have a convenient flaw to be exploited not once, but twice? Well Rogue One tried to explain that, but really it's because we are good so we win.</p>
</div>
</div>
</div>
<div class="bg-transparent">
<div class="row text-center">
<div class="medium-12 columns">
<h4>Get our e-mail alerts!</h4>
<h5>As long as you don't put us at risk, Cassian won't shoot you or anything.</h5>
<input type="email"><a href="#" class="button secondary">Sign Up</a>
</div>
</div>
</div>
<div class="bg-fleet">
<div class="expanded row">
<div class="medium-4 medium-offset-7 columns text-white text-shadow">
<h4>We're not going to put a map here because we're not stupid enough to give away our location.</h4>
<br>
<h4>Just kidding, it's on Yavin 4. Bring it, Empire.</h4>
</div>
</div>
</div>
<div class="bg-footer">
<div class="row">
<div class="medium-2 columns">
<a class="icon" href="https://github.com/jaime-lynn"><i class="fa fa-github"></i></a>
</div>
<div class="medium-2 medium-offset-8 columns text-white">
<h5>© Rebel Alliance</h5>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/js/foundation.min.js"></script>
</body>
</html>