-
Notifications
You must be signed in to change notification settings - Fork 0
/
Cartography.html
131 lines (122 loc) · 5.39 KB
/
Cartography.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="keywords" content="maps, cartography"/>
<title>Greg Grube's Geography</title>
<!--put your Bootstrap stylesheet links below this comment and above style.css-->
<link rel="stylesheet" href="css/bootstrap.min.css"></link>
<link rel="stylesheet" href="css/bootstrap-theme.min.css"></link>
<link rel="stylesheet" href="css/style.css"></link>
<!-- Custom styles for this template -->
<link href="css/heroic-features.css" rel="stylesheet">
</head>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Greg Grube's Geography</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" a href="about.html">Bio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading -->
<header class="jumbotron my-1">
<h1 class="display-5"><strong>Cartography</strong></h1>
</header>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card h-100">
<a href="assets/BikeRaceFull.pdf"><img class="card-img-top" src="assets/BikeRacePreview.PNG" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="assets/BikeRaceFull.pdf">International Champions Tour</a>
</h4>
<p class="card-text">Created in my Graphic Design in Cartography class at UW-Madison, this map shows the route, stops and surrounding landscape of a hypothetical bike race in the southwestern U.S.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card h-100">
<a href="assets/AbsenteeFull.pdf"><img class="card-img-top" src="assets/AbsenteePreview.PNG" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="assets/AbsenteeFull.pdf">Increasingly Absentee</a>
</h4>
<p class="card-text">Also created in my Graphic Design in Cartography class at UW-Madison, this infographic includes information about absentee voting in Wisconsin and uses maps to compare between the 2012 and 2016 elections.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card h-100">
<a href="assets/JanesvilleTrails.pdf"><img class="card-img-top" src="assets/JanesvilleTrailsPreview.PNG" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="assets/JanesvilleTrails.pdf">Janesville Trails</a>
</h4>
<p class="card-text">Designed as a update to the Janesville Trail Map found in pamphlets throughout the city, this project shows the major trails in the city and adds wayfinding information to help users navigate better.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card h-100">
<a href="assets/MilwaukeeSDs.jpg"><img class="card-img-top" src="assets/MilwaukeeSDsPreview.png" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="assets/MilwaukeeSDs.jpg">Throwing Money at the Problem</a>
</h4>
<p class="card-text">Designed in my Introduction to Cartography class at UW-Madison, this infographic compares funding of school districts in the Milwaukee area to test scores and uses maps to display the various datasets.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card h-100">
<a href="assets/EuropeMap.pdf"><img class="card-img-top" src="assets/EuropeMapPreview.png" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="assets/EuropeMap.pdf">Political Map of Europe</a>
</h4>
<p class="card-text">Also designed in my Introduction to Cartography class at UW-Madison, the map shows and labels the countries, major cities and major waterbodies of Europe.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Created by G. Grube 2019</p>
</div>
<!-- /.container -->
</footer>
<!--put your external script links here-->
<script type="text/javascript" src="lib/jquery-1.11.3.js"></script>
<script type="text/javascript" src="lib/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/jquery.slim.min"></script>
</body>
</html>