-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
95 lines (86 loc) · 5.79 KB
/
Copy pathindex.html
File metadata and controls
95 lines (86 loc) · 5.79 KB
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
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Dreamport Mosaic Project</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="/mainStyle.css">
<link rel="shortut icon" type="image/png" href="img/misi-logo-desc-ko.png">
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">Dream<b>Port</b></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="subpages/People/mainPeople.html">People <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="subpages/Books/mainBooks.html">Books</a>
</li>
<li class="nav-item">
<a class="nav-link" href="subpages/SoundBites/mainSoundBites.html">Sound Bites</a>
</li>
</ul>
</div>
</nav>
<!--------------------------------------------------------------------------------->
<header>
<div class="jumbotron text-center" style = "margin-top: 50px">
<a href="index.html"><img src="img/dreamport-header-logo.png" style = "max-width: 100%"></a>
<h1>Mosaic Projects</h1>
</div>
</header>
<!---------------------------------------------------------------------------------->
<div class = "container-fluid" style="padding-bottom: 40px">
<div class = "row">
<div class = "col-sm-8">
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/Interns.jpg" alt="Interns" style = "max-width: 100%; max-height: 100%">
</div>
<div class="carousel-item">
<img src="img/DreamPortCisco3.jpg" alt="Cisco" style = "max-width: 100%; max-height: 100%">
</div>
<div class="carousel-item">
<img src="img/Steg.jpg" alt="Steg" style = "max-width: 100%; max-height: 100%">
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
<div class = "col-sm-4" style="background-color: #D1D3D4; border-radius: 25px 0px 0px 25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)">
<!--Add soundbite to description-->
<h3 style="color: #495058"><small>Welcome to the Mosaic! This is a project created by high school interns to introduce visitors to the famous innovators DreamPort has chosen to honor by naming a room after them. It also contains the names and importance of a list of books in the field of computer science and cyber security. Lastly there are short sound clips regarding various cyber security topics that may be of interest to you. Please use the Navigation Bar to go through the website!</small></h3>
</div>
</div>
</div>
<!--Footer------------------------------------------------->
<div class="jumbotron text-center" style="margin-bottom:0 ; background-color: #A71D3C">
<h3><a href="https://dreamport.tech/" target="_blank" style="color: #495058">Dream<b>Port</b></a> Interns</h3>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>