-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (106 loc) · 4.64 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
<html>
<head>
<title>Due Process Academy</title>
<!-- meta stuff -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<!-- libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/a87ee70882.js" crossorigin="anonymous"></script>
<!-- favicon stuff -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<div class="container">
<!-- Branding / logo, left side -->
<a class="navbar-brand" href="index.html">
<img src="images/dp academyWhite.png" alt="logo" style="width: 200px;">
</a>
<!-- -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="nav navbar-nav">
<!--
<li class="nav-item">
<a class="nav-link" href="firsttime.html">First Time</a>
</li>
-->
</ul>
<ul class="nav ml-auto navbar-nav">
<li class="nav-item px-1">
<a class="nav-link" href="firsttime.html">First Time <i class="fas fa-sm fa-graduation-cap"></i></a>
</li>
<li class="nav-item px-1">
<a class="nav-link" href="gear.html">Gear <i class="fas fa-sm fa-bomb"></i></a>
</li>
<li class="nav-item px-1">
<a class="nav-link" href="strategy.html">Strategy <i class="fas fa-sm fa-flag"></i></a>
</li>
<li class="nav-item px-1">
<a class="nav-link" href="videos.html">Videos <i class="fas fa-sm fa-photo-video"></i></a>
</li>
<li class="nav-item px-1">
<a class="nav-link" href="contact.html">Contact <i class="fas fa-sm fa-paper-plane"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- two column(ish) layout... -->
<div class="container container-padding-top">
<div class="row">
<div class="col-sm">
<h2>New to Due Process?</h2>
<p>
Players that are new to the game always perform better after using our guide.<br><br>
Our new player guide is completely free, and can provide a complete and accurate understanding of how to play the alpha game Due Process.<br><br>
Due Process is a 5v5 tactical shooter with procedurally generated maps, meaning you will never play on the same map twice. The game is developed by the game studio Giant Enemy Crab, and published by Annapurna Interactive.
</p>
</div>
<div class="col-sm">
<p>
<img class="img-fluid" src="images/topdown_short.png" alt="top down map inside of Due Process">
</p>
</div>
</div>
<div class="row">
<div class="col-sm">
<h3>Don't know what you're doing?</h3>
<p>
Click <a href="firsttime.html">here</a> to begin reading at the beginning for people who have just started playing the game for the first time.
</p>
</div>
</div>
</div>
<!-- page navigation bottom -->
<div class="container">
<div class="row">
<div class="col-sm">
<nav class="navbar">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a href="firsttime.html">Start at First Time <i class="fas fa-sm fa-arrow-right"></i></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- footer, locked to bottom of page -->
<div class="footer-copyright py-3 text-center">
<div class="container">© 2020 Copyright -- Made by Carter H for Internet Studio </div>
</div>
</body>
</html>