-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (98 loc) · 5.15 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<title>PygHack</title>
<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">
</head>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">The Art Theater</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="./index.html">Home<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./cuvs.html">Art Patrons<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./demographics.html">Demographics<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./era.html">Era of Showing<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./sales.html">Film Sales<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./giftcards.html">Gift Cards<span class="sr-only"></span></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main role="main">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1 class="display-4">Home</h1>
<p>No media is better at provoking emotion than film. Good films pull your heartstrings and cause roaring laughter. They force introspection and understanding others' viewpoints. If home is where the heart is then The Art Theater is a home away from home for all of its patrons.</p>
<p>This PygHack 2019 data visualization website was developed by a group of University of Illinois students:
<br><b>Daniel Ferriss</b>, economics junior
<br><b>Tai-Ying Chen</b>, computer science graduate
<br><b>Zhao-Xin Huang</b>, computer science & business junior
<br><b>Mingi Ryu</b>, computer science senior
</p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Art Patrons</h2>
<p>The patrons of The Art Theater have a very interesting profile of film release dates and genres. </p>
<p><a class="btn btn-secondary" href="./cuvs.html" role="button">View details »</a></p>
</div>
<div class="col-md-4">
<h2>Demographics</h2>
<p>With information about age demographics of movies, The Art Theater can make informed decisions based on population.</p>
<p><a class="btn btn-secondary" href="./demographics.html" role="button">View details »</a></p>
</div>
<div class="col-md-4">
<h2>Era of Showing</h2>
<p>Some films may draw patrons for a longer show cycle than others. This visualizes the length of individual shows and the amount of patrons they draw.</p>
<p><a class="btn btn-secondary" href="./era.html" role="button">View details »</a></p>
</div>
<div class="col-md-4">
<h2>Film Sales</h2>
<p>Revenue of The Art Theater comes from more than just ticket sales. Concessions (and less so, merchandise) make up for a good chunk of The Art's revenue. </p>
<p><a class="btn btn-secondary" href="./sales.html" role="button">View details »</a></p>
</div>
<div class="col-md-4">
<h2>Gift Cards</h2>
<p>The Art Theater gift card/certificates serve to bring in new patrons and act as a valuable revenue source.</p>
<p><a class="btn btn-secondary" href="./giftcards.html" role="button">View details »</a></p>
</div>
</div>
<hr>
</div> <!-- /container -->
</main>
<footer class="container">
<br>
<br>
<p>A Home Away From Home @PygHack 2019</p>
</footer>
<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>
</html>