-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvideos.html
145 lines (127 loc) · 5.26 KB
/
videos.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
<html>
<head>
<title>Videos</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 active">
<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="strategy.html"><i class="fas fa-sm fa-arrow-left"></i> Return to Strategy </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>Videos</h2>
<p>
One of the best ways to learn is by watching other people. By learning in this way, you know what to expect, and can use your knowledge to emulate what you have seen.<br><br>
Below you will find some videos from the developers and the community; you can use these videos to expand your knowledge of Due Process, and bring yourself as a player to the next level.
</p>
</div>
</div>
<!-- developer videos -->
<div class="row">
<div class="col-sm">
<h3>Giant Enemy Crab Official Videos</h3>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/rfad1wjHJM0?rel=0" allowfullscreen></iframe>
</div>
<br>
</div>
</div>
<!-- community videos (not in NDA ofc) -->
<div class="row">
<div class="col-sm">
<h3>Community Videos</h3>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ckCVfh-P8ME?rel=0" allowfullscreen></iframe>
</div>
<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="strategy.html"><i class="fas fa-sm fa-arrow-left"></i> Return to Strategy </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>