-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathVideos.html
executable file
·150 lines (134 loc) · 5.09 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
146
147
148
149
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- <link rel="shortcut icon" href="favicon.ico"> -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/modernizr-2.6.2.min.js"></script>
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body class="boxed">
<!-- Loader -->
<div id="wrap">
<div id="fh5co-page">
<header id="fh5co-header" role="banner">
<div class="container">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle dark"><i></i></a>
<div id="fh5co-logo"><a href="index.html"><img src="images/logo.png" alt="Free HTML5 Website Template"></a></div>
<nav id="fh5co-main-nav" role="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li class="has-sub">
<div class="drop-down-menu">
<a href="About.html">About</a>
<div class="dropdown-menu-wrap">
<ul>
<li><a href="FacultyPage.html">Faculty Page</a></li>
<li><a href="CadetLife.html">Cadet Life</a></li>
<li><a href="AcademicMap.html">Academic Map</a></li>
</ul>
</div>
</div>
</li>
<li class="active"><a href="TrainingMission.html">Training Mission</a></li>
<li class="has-sub">
<div class="drop-down-menu">
<a href="Resource.html">Resource</a>
<div class="dropdown-menu-wrap">
<ul>
<li><a href="CyberPedia.html">Cyberpedia</a></li>
<li><a href="Videos.html">Videos</a></li>
<li><a href="Games.html">Games</a></li>
</ul>
</div>
</div>
</li>
</ul>
</nav>
</div>
</header>
<!-- Header -->
<div id="fh5co-intro" class="fh5co-section">
<div class="container">
<div class="row row-bottom-padded-md">
<div class="col-md-8 col-md-offset-2 text-center ts-intro">
<h1>Videos</h1>
<p>Learn cybersecurity concepts by watching videos.</p>
</div>
</div>
<div class="row row-bottom-padded-sm">
<div class="col-md-4">
<div class="fh5co-service text-center">
<img src="images/slider_1.jpg" class="img-responsive img-bordered">
<h3>Grow an Online Reputation</h3>
<p>Growing a positive online reputation can be tough. Do you know what it takes?</p>
<p><a href="#" class="btn btn-primary btn-outline">View more</a></p>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-service text-center">
<img src="images/slider_2.jpg" class="img-responsive img-bordered">
<h3>Betty's Netiquette Quiz</h3>
<p>Are you a good Cyber Citizen? Take Betty's Quiz to test your netiquette know-how!</p>
<p><a href="#" class="btn btn-primary btn-outline">View more</a></p>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-service text-center">
<img src="images/slider_3.jpg" class="img-responsive img-bordered">
<h3>Alan's Online Gaming Safety Challenge</h3>
<p>Do you know how to stay safe when playing online games? Try Alan's Challenge and find out!</p>
<p><a href="#" class="btn btn-primary btn-outline">View more</a></p>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-service text-center">
<img src="images/slider_2.jpg" class="img-responsive img-bordered" >
<h3>Trey's Word Search</h3>
<p>Kick back with Trey and hunt down some Cyber Defense words!</p>
<p><a href="#" class="btn btn-primary btn-outline">View more</a></p>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-service text-center">
<img src="images/slider_3.jpg" class="img-responsive img-bordered">
<h3>Erika's Cyber Security Crossword</h3>
<p>Erika's kooky crossword puzzles will put your brain to the test!</p>
<p><a href="#" class="btn btn-primary btn-outline">View more</a></p>
</div>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="fh5co-copyright">
<p class="pull-left">© testtest. </p>
<p class="pull-right">MySecureCyberspace is a registered trademark of Carnegie Mellon University</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>