-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
155 lines (139 loc) · 6.6 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
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
150
151
152
153
154
155
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<title>Pitt Campus Corner</title>
<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
</head>
<body>
<header>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #003594">
<div class="container-fluid">
<a class="navbar-brand" href="#">Pitt Campus Corner</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<!-- TODO: This dropdown will link to all of the resident halls. -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Housing Accommodations
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="sutherland_page.html">Sutherland Hall</a></li>
<li><a class="dropdown-item" href="litchfield_page.html">Litchfield Towers</a></li>
<li><a class="dropdown-item" href="nordenberg_page.html">Nordenberg Hall</a></li>
<li><a class="dropdown-item" href="forbes_page.html">Forbes Hall</a></li>
<li><a class="dropdown-item" href="holland_page.html">Holland Hall</a></li>
<li><a class="dropdown-item" href="lothrop_page.html">Lothrop Hall</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<!-- HEADER -->
<section class="py-5 text-center container">
<div class="row py-lg-5">
<div class="col-lg-6 col-md-8 mx-auto">
<h1 class="fw-light">Pitt Campus Corner</h1>
<p class="lead text-muted">Your destination for Pitt housing information!</p>
</div>
</div>
</section>
<!-- CARDS -->
<!-- TODO: This will list all of the resident halls and provide an image and basic description for each. -->
<div class="album py-5 bg-light">
<div class="container">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img src="images/sutherland/sutherland.jpg" class="card-img-top" width="100%" height="225"/>
<div class="card-body">
<h5 class="card-title">Sutherland Hall</h5>
<p class="card-text">Sutherland Hall is an upper-campus first-year residence hall featuring doubles and suites.</p>
<!-- TODO: fill in with proper link -->
<a href="sutherland_page.html" class="stretched-link"></a>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="images/litchfield/towers.jpg" class="card-img-top" width="100%" height="225"/>
<div class="card-body">
<h5 class="card-title">Litchfield Towers</h5>
<p class="card-text">The Litchfield Towers A-C are primarily first-year residence halls featuring singles and doubles located in the heart of campus.</p>
<!-- TODO: fill in with proper link -->
<a href="litchfield_page.html" class="stretched-link"></a>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="images/nordenberg/nordenberg.jpg" class="card-img-top" width="100%" height="225"/>
<div class="card-body">
<h5 class="card-title">Nordenberg Hall</h5>
<p class="card-text">Nordenberg Hall is the newest first-year residence hall featuring doubles and triples.</p>
<!-- TODO: fill in with proper link -->
<a href="nordenberg_page.html" class="stretched-link"></a>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="images/forbes/forbes.jpg" class="card-img-top" width="100%" height="225"/>
<div class="card-body">
<h5 class="card-title">Forbes Hall</h5>
<p class="card-text">Forbes Hall is a first-year residence hall featuring doubles.</p>
<!-- TODO: fill in with proper link -->
<a href="forbes_page.html" class="stretched-link"></a>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="images/holland/holland.jpg" class="card-img-top" width="100%" height="225"/>
<div class="card-body">
<h5 class="card-title">Holland Hall</h5>
<p class="card-text">Holland Hall is a first year residence hall featuring singles, doubles, triples, and quads.</p>
<!-- TODO: fill in with proper link -->
<a href="holland_page.html" class="stretched-link"></a>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="images/lothrop/lothrop.jpg" class="card-img-top" width="100%" height="225"/>
<div class="card-body">
<h5 class="card-title">Lothrop Hall</h5>
<p class="card-text">Lothrop Hall is a first-year and upperclassmen residence hall featuring singles and doubles.</p>
<!-- TODO: fill in with proper link -->
<a href="lothrop_page.html" class="stretched-link"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- TODO: appropriate footer. -->
<footer class="text-muted py-5">
<div class="container">
<p class="float-end mb-1">
<a href="#">Back to top</a>
</p>
<p class="mb-1">© Pitt Campus Corner 2021</p>
</div>
</footer>
<!-- Bootstrap + Popper bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
</body>
</html>