-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththeatre.html
88 lines (76 loc) · 4.55 KB
/
theatre.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Francis Marion Brown Theater</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="pages.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10" style="border-radius: 10%; margin-top: 10%;">
<ul class="nav nav-pills" style="margin-top: -5%;">
<li class="nav-item">
<a class="nav-link" href="index.html" style="font-size: 14px; color:#FBD839;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gray.html" style="font-size: 14px; color:#FBD839;">Gray Road</a>
</li>
<li class="nav-item">
<a class="nav-link" href="lighthouse.html" style="font-size: 14px; color:#FBD839;">Lighthouse</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ontario.html" style="font-size: 14px; color:#FBD839;">Fort Ontario</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tonkin.html" style="font-size: 14px; color:#FBD839;">Tonkin Mansion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="frat.html" style="font-size: 14px; color:#FBD839;">Sigma Tau Chi Fraternity</a>
</li>
</ul>
<div class="jumbotron" style="text-align: center; font-size: 40px; background-color: rgba(50, 47, 106, 0.93); color:#FBD839; margin-top: 5px;">Francis Marion Brown Theater</div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="center-block" src="the1.jpg" alt="..." style="height: 500px; ">
</div>
<div class="item">
<img class="center-block" src="the2.jpg" alt="..." style="height: 500px;">
</div>
<div class="item">
<img class="center-block" src="the3.jpg" alt="..." style="height: 500px;">
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><</span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true">></span>
<span class="sr-only">Next</span>
</a>
</div>
<audio controls style="display:block;margin:auto; text-align: center">
<source src="Theatre.mp3" type="audio/ogg">
<source src="Theatre.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="desc">The Francis
Marion Brown Theater is located next to the Safe Haven museum next
to Fort Ontario. It’s rumored that a homeless man died in the theaters
basement and he now haunts the theater. In specific he likes to be in
the dressing room where he opens and closes doors, makes hangers swing,
and rearranges objects.
</p>
</div>
<div class="col-sm-1"></div>
</div>
</div>
</body>
</html>