-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (122 loc) · 7.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Self-Guided Walking Tour of Literary Boston</title>
<meta name="description" content="Self-Guided Walking Tour of Literary Boston">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Satisfy">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body data-spy="scroll" data-target=".scrollspy" data-offset="50">
<nav class="navbar navbar-inverse navbar-fixed-top">
<section class="container-fluid">
<span class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#locationsNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Tour Literary Boston</a>
</span>
<span class="collapse navbar-collapse" id="locationsNavbar">
<ul class="nav navbar-nav">
<li><a href="#navNorthEnd">North End</a></li>
<li><a href="#navDowntown">Downtown</a></li>
<li><a href="#navBeaconHill">Beacon Hill</a>
<li><a href="#navCopleySquare">Copley Square</a>
<li><a href="#navFenway">Fenway</a>
<li><a href="#navJamaicaPlain">Jamaica Plain</a>
</ul>
<form class="navbar-form navbar-right">
<span class="form-group">
<input type="text" class="form-control" placeholder="search">
</span>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</span>
</section>
</nav>
<section><img class="titleImg img-responsive" alt="Responsive image" src="assets/img/boston_library_title.png"></section>
<section class="jumbotron">
<article class="container">
<img class="titleLargeMen" alt="#" src="assets/img/colonial_men.png">
<h1 class="text-center title">Self-Guided Walking Tour of Literary Boston</h1>
<p class="text-center titleIntro">Let's put on our walking shoes and explore the landmarks and artifacts commemorating Boston's inspiring American literary history.</p>
</article>
</section>
<section class="row locationInfoBox" id="navNorthEnd">
<article class="col-md-3 ">
<img class="locationImg" alt="#" src="assets/img/NorthEndImg.jpg" role="link">
<h3 class="locationTitleText"><i class="glyphicon glyphicon-map-marker"></i> North End</h3>
<p>Beautiful Italian shops and restaurants proudly stand among the former residences of minister and prolific orator Cotton Mather and poet John Ciardi in Boston's North End district.</p>
<p><a class="btn btn-default" href="http://www.north-end-boston.com/History" role="button">The story »</a></p>
</article>
</section>
<section class="row locationInfoBox" id="navDowntown">
<article class="col-md-3">
<img class="locationImg" alt="#" src="assets/img/DowntownImg.jpg" role="link">
<h3 class="locationTitleText"><i class="glyphicon glyphicon-map-marker"></i> Downtown Boston</h3>
<p>Boston city central is a treasure trove of literary beacons encompassing everything from the birthplaces of Benjamin Franklin and Edgar Allen Poe to Elizabeth Peabody's Book Shop.</p>
<p><a class="btn btn-default" href="http://bostonlitdistrict.org/map/" role="button">The story »</a></p>
</article>
</section>
<section class="row locationInfoBox" id="navBeaconHill">
<article class="col-md-3">
<img class="locationImg" alt="#" src="assets/img/BeaconHillImg.jpg" role="link">
<h3 class="locationTitleText"><i class="glyphicon glyphicon-map-marker"></i> Beacon Hill</h3>
<p>With the brilliant golden dome of the Massachusetts State House gleaming above a well-manicured public garden, Beacon Hill experienced amazing historical acvities that inspired Robert Lowell's work.</p>
<p><a class="btn btn-default" href="https://www.poetryfoundation.org/poems-and-poets/poets/detail/robert-lowell" role="button">The story »</a></p>
</article>
</section>
<section class="row locationInfoBox" id="navCopleySquare">
<article class="col-md-3">
<img class="locationImg" alt="#" src="assets/img/CopleySqImg.jpg" role="link">
<h3 class="locationTitleText"><i class="glyphicon glyphicon-map-marker"></i> Copley Square</h3>
<p>Copley's star, the Boston Public Library, founded in 1848, is one of America's largest municipal public library systems. It houses over 23.7 million items.</p>
<p><a class="btn btn-default" href="http://www.bpl.org/general/history.htm" role="button">The story »</a></p>
</article>
</section>
<section class="row locationInfoBox" id="navFenway">
<article class="col-md-3">
<img class="locationImg" alt="#" src="assets/img/FenwayImg.jpg" role="link">
<h3 class="locationTitleText"><i class="glyphicon glyphicon-map-marker"></i> Fenway</h3>
<p>Fenway Park is not only beloved to sports fans worldwide, but a critical element in American literary and journalistic cultures.</p>
<p><a class="btn btn-default" href="http://www.fenwayparkwriters.org/" role="button">The story »</a></p>
</article>
</section>
<section class="row locationInfoBox" id="navJamaicaPlain">
<article class="col-md-3">
<img class="locationImg" alt="#" src="assets/img/JamaicaPlainImg.jpg" role="link">
<h3 class="locationTitleText"><i class="glyphicon glyphicon-map-marker"></i> Jamaica Plain</h3>
<p>Among the elaborately carved stones in Jamaica's peaceful Forest Hills Cemetery, you'll find the graves of e.e. cummings, Anne Sexton, and Eugene O’Neil.</p>
<p><a class="btn btn-default" href="http://www.notfortourists.com/LD.aspx/Boston/Landmarks/Forest-Hills-Cemetery" role="button">The story »</a></p>
</article>
</section>
<section class="container-fluid footerContainer">
<article class="col-md-4 col-sm-6 footerLeftText">
<img class="footerLeftSmallMen" alt="#" src="assets/img/colonial_men.png">
<h1 class="footerLeftTitle">Self-Guided Walking Tour of Literary Boston</h1>
<p>Created by Tina C. Townes</p>
<p>Boston, Massachusetts, USA</p>
<p>617.000.0000</p>
<p><a href="mailto:[email protected]?Subject=Tour of Literary Boston" target="_blank">[email protected]</a></p>
<p>2017</p>
</article>
<article class="col-md-4 col-sm6 footerCenterBox">
<p><a href="#" target="_self">About</a></p>
<p><a href="https://www.twitter.com" target="_blank">Twitter</a></p>
<p><a href="https://www.google.com/maps" target="_blank">Google Maps</a></p>
<p><a href="http://bostonlitdistrict.org/" target="_blank">Additional resources</a></p>
</article>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="../../dist/js/bootstrap.min.js"></script>
</body>
</html>