-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
282 lines (219 loc) · 13.3 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Church & Steeple Maintenance, Repair, & Restoration</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css">
<link href="css/style.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Anton|Khula" rel="stylesheet">
</head>
<body>
<!-- Background -->
<div class="background">
<!-- Contact Modal -->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="contactModalLabel">Contact Us</h4>
</div>
<div class="modal-body">
<form action="" id="contact-us" class="form-horizontal contact-form">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Name:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="user_name" placeholder="Your Name">
</div>
</div>
<div class="form-group">
<label for="phone" class="col-sm-2 control-label">Telephone:</label>
<div class="col-sm-10">
<input type="tel" class="form-control" id="phone" name="user_phone" placeholder="(xxx)xxx-xxxx">
</div>
</div>
<div class="form-group">
<label for="mail" class="col-sm-2 control-label">E-mail:</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="mail" name="user_mail" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="msg" class="col-sm-2 control-label">Message:</label>
<div class="col-sm-10">
<textarea class="form-control" id="msg" name="user_message" placeholder="Max Length 500 characters"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-lg btn-primary send">Send</button>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End Contact Modal -->
<!-- Navbar -->
<nav class="navbar navbar-default navbar-fixed-top top-navbar">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="hamburger navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false" onclick="hamburger(this)">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar bars bar1"></span>
<span class="icon-bar bars bar2"></span>
<span class="icon-bar bars bar3"></span>
</button>
<a class="navbar-brand logo" href="index.html">
<span class="main-logo">Inspired Heights, Inc.</span>
<br>
<span class="sub-logo">Nationwide Church and Steeple Maintenance, Repair, & Restoration</span>
<br>
<span class="phone">Give us a call at: <strong>1-815-227-9281</strong></span></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse main-menu" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html">Home <span class="sr-only">(current)</span></a></li>
<li><a class="about">About</a></li>
<li><a class="contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
<ul class="dropdown-menu services-menu">
<li><a href="#">Church Steeples</a></li>
<li><a href="#">Church Roofs</a></li>
<li><a href="#">Mason/Stone Restoration</a></li>
<li><a href="#">Church Windows</a></li>
<li><a href="#">Church Interiors</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Mentorship Program</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- /.container -->
</nav>
<!-- End Navbar -->
<!-- Jumbotron -->
<div class="jumbotron jumbo">
<!-- Carousel -->
<div id="services-carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators hidden-xs">
<li data-target="#services-carousel" data-slide-to="0" class="active"></li>
<li data-target="#services-carousel" data-slide-to="1"></li>
<li data-target="#services-carousel" data-slide-to="2"></li>
<li data-target="#services-carousel" data-slide-to="3"></li>
<li data-target="#services-carousel" data-slide-to="4"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="center-images" src="images/steeplejacks-3.jpg" alt="">
</div>
<div class="item">
<img class="center-images" src="images/steeplejacks-5.jpg" alt="">
</div>
<div class="item">
<img class="center-images" src="images/steeplejacks-11.jpg" alt="">
</div>
<div class="item">
<img class="center-images" src="images/steeplejacks-13.jpg" alt="">
</div>
<div class="item">
<img class="center-images" src="images/steeplejacks-22.jpg" alt="">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control hidden-xs" href="#services-carousel" 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 hidden-xs" href="#services-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="text-center welcome">
<h2>Inspired Heights</h2>
<h3>Church & Steeple Contractors</h3>
</div>
<!-- End Carousel -->
</div>
<!-- End Jumbotron -->
<!-- Container -->
<div class="container">
<!-- Main Content -->
<div class="row">
<div class="col-sm-4 col-sm-push-8 col-lg-4 col-lg-push-4 spotlight">
<img class="img-rounded center-block president" src="images/tony_stratton.jpg" alt="Tony Stratton, President">
<blockquote class="text-justify">
<p>Work willingly at whatever you do, as though you were working for the Lord rather than for people.</p>
<a href="https://www.bible.com/bible/116/COL.3.23.nlt" target="_blank">
<footer><cite>Colossians 3:23 (NLT)</cite></footer>
</a>
</blockquote>
</div>
<div class="col-sm-8 col-sm-pull-4 col-lg-4 col-lg-pull-4">
<p class="text-justify">My name is Tony Stratton and I am the president of Inspired Heights as well as a third generation steeplejack. Following the traditions and craftsmanship of our forefathers my team and I are dedicated to the preservation of churches.</p>
<p class="text-justify">The trained steeplejacks of Inspired Heights can offer affordable, less intrusive, solutions for the unique needs of your church. This specialized training allows the church restoration professionals of Inspired Heights to access what may be inaccessable to most other tradesmen.</p>
<p class="text-justify">In addition to our steeplejack services, the diversified team of artisans from Inspired Heights can skillfully perform your interior and exterior church repairs and renovations. We are your church restoration specialists!</p>
</div>
<div class="col-sm-8 col-sm-pull-4 col-lg-4 col-lg-pull-0">
<p class="text-justify">Our church maintenance, repair and restoration services include:</p>
<ul class="list-inline text-center">
<li><a href="#">Steeple Repair</a></li>
<li><a href="#">Church Roofs</a></li>
<li><a href="#">Church Windows</a></li>
<li><a href="#">Interior Church Renovation</a></li>
<li><a href="#">Mason/Stone Restoration</a></li>
</ul>
<p class="text-justify">If your church requires the expertise of a steeplejack company or the craftsmanship of artisans specialized in church renovation then you need the church and church steeple repair and restoration experts of Inspired Heights.</p>
</div>
</div>
<div class="row hidden-xs text-justify">
<div class="col-sm-6">
<p>Inspired Heights is a steeplejack company that specializes in church and church steeple preservation. From church renovation to church steeple repairs Inspired Heights is your church and church steeple restoration specialists. We are located near Chicago, IL and Milwaukee, WI but we provide our steeplejack services nationwide. In addition to our steeplejack services we provide complete interior and exterior church renovation. These services include church steeples, church towers, church spires, steeple roofs, church roofs, roof repairs, roof installation, slate roof, tile roof, historic roofs, church windows, stained glass windows, church window repairs, church window restoration, church stone masonry, stone restoration, mason repairs, tuck pointing, church sanctuary, church plaster repair, church ceilings, church painting, gold leafing, gilding, liturgical art, murals and interior church renovations.</p>
</div>
<div class="col-sm-6">
<p>Our church restoration and renovation services are offered nationwide, including the following cities: New York, NY - Los Angeles, CA - Chicago, IL - Houston, TX - Philadelphia, PA - San Diego, CA - Detroit, MI - Dallas, TX - Phoenix, AZ - San Antonio, TX - San Jose, CA - Baltimore, MD - Indianapolis, IN - San Francisco, CA - Jacksonville, FL - Columbus, OH - Milwaukee, WI - Memphis, TN - Washington, DC - Boston, MA - Seattle, WA - St. Louis, MO - Atlanta, GA - Pittsburgh, PA - Minneapolis, MN - Miami, FL - Tampa, FL. We provide our church and church steeple maintenance and repairs in all 50 states: Alabama, Alaska, Arizona, Arkansas, California, Colorado, Connecticut, Delaware, Florida, Georgia, Hawaii, Idaho, Illinois, Indiana, Iowa, Kansas, Kentucky, Louisiana, Maine, Maryland, Massachusetts, Michigan, Minnesota, Mississippi, Missouri, Montana, Nebraska, Nevada, New Hampshire, New Jersey, New Mexico, New York, North Carolina, North Dakota, Ohio, Oklahoma, Oregon, Pennsylvania, Rhode Island, South Carolina, South Dakota, Tennessee, Texas, Utah, Vermont, Virginia, Washington, West Virginia, Wisconsin, Wyoming.</p>
</div>
</div>
<!-- End Main Content -->
<!-- Footer -->
<p class="text-center">All content © Inspired Heights, Inc.</p>
<!-- End Footer -->
</div>
<!-- End Container -->
</div>
<!-- End Background -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- jQuery Form Validation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/additional-methods.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Bootstrap Dialogue -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>