-
Notifications
You must be signed in to change notification settings - Fork 0
/
strategy.html
161 lines (144 loc) · 5.61 KB
/
strategy.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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<html>
<head>
<title>Strategy</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">
<!--Due Process Academy-->
<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 active">
<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>
<!-- page navigation top -->
<div class="container container-padding-top">
<div class="row">
<div class="col-sm">
<nav class="navbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="gear.html"><i class="fas fa-sm fa-arrow-left"></i> Return to Gear </a>
</li>
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a href="videos.html">Continue to Videos <i class="fas fa-sm fa-arrow-right"></i></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- two column(ish) layout... -->
<div class="container container-padding-top">
<!-- page description -->
<div class="row">
<div class="col-sm">
<h2>Strategy</h2>
<p>
There are a lot of unique ways to play Due Process, but they all stem from decisions made by the players.
</p>
</div>
<!--<div class="col-sm">
<img class="img-fluid" src="images/topdown_short.png" alt="top down map inside of Due Process"><br>
</div>-->
</div>
<!-- attacker strategy section -->
<div class="row">
<div class="col-sm">
<h3>Attacker Strategy</h3>
<p>
As an attacker you have to
</p>
</div>
<!--<div class="col-sm">
<img class="img-fluid" src="images/topdown_short.png" alt="top down map inside of Due Process"><br>
</div>-->
</div>
<!-- defender strategy section -->
<div class="row">
<div class="col-sm">
<h3>Defender Strategy</h3>
<p>
As an defender you have to
</p>
</div>
<!--<div class="col-sm">
<img class="img-fluid" src="images/topdown_short.png" alt="top down map inside of Due Process"><br>
</div>-->
</div>
</div>
<!-- page navigation bottom -->
<div class="container">
<div class="row">
<div class="col-sm">
<nav class="navbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="gear.html"><i class="fas fa-sm fa-arrow-left"></i> Return to Gear </a>
</li>
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a href="videos.html">Continue to Videos <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>