-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
198 lines (192 loc) · 11.2 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Empire Heating & Cooling</title>
<meta name="description" content="New Jersey Heating and Cooling">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.7.1.min.js"></script>
</head>
<body>
<div id="wrapper"> <!-- Start of Wrapper Div -->
<div id="branding"> <!-- Start of Branding Div -->
<div id="logo">
<a href="#"><img src="img/logo.png" alt="Empire Heating & Cooling Co. Inc."></a>
</div>
<div id="ab">
<img src="img/AB.png" alt="Accredited Business">
</div>
<div id="contact">
<p id="right">Available 7 Days a Week</p>
<p><b>CALL US TODAY</b><a href="tel:1-800-555-5555">1-800-555-5555</a></p>
</div>
<div id="fb">
<img src="img/fb_graphic01.png" alt="Facebook">
</div>
</div> <!-- End of Branding Section -->
<div id="primary_links"> <!-- Start of Navigation Links -->
<ul>
<li class="first"><a href="#welcome">SERVICE</a></li>
<li><a href="#cooling">COOLING</a></li>
<li><a href="#heating">HEATING</a></li>
<li><a href="#about_us">ABOUT</a></li>
<li class="last"><a href="#">CONTACT</a></li>
</ul>
</div> <!-- End of Navigation Links -->
<div id="content"> <!-- Starts All Content -->
<h2>Call us now for an estimate at 1-800-555-5555<br>
<small>We’re dedicated to making sure your family or business is as comfortable as possible.</small></h2>
<h3>Serving Clifton and all of Northern New Jersey</h3>
<iframe src="//www.youtube.com/embed/6PtFHHHtpYw" frameborder="0" allowfullscreen></iframe>
<div id="fb-bar"> <!-- Facebook Bar -->
<i id="fb_01" class="fa fa-facebook-square"></i>
<i id="fb_02" class="fa fa-facebook-square"></i>
<div id="num">54</div>
<div id="fb_like"><img src="img/fb_like.png" alt="Facebook"></div>
<p id="text">Like us on Facebook for our current offers and deals!</p>
</div> <!-- End of Facebook Bar -->
<div id="welcome"> <!-- Main Content -->
<h4>WELCOME TO EMPIRE HEATING & COOLING</h4>
<p>
Whether you need to repair, replace, upgrade or even add a new system, our
products are designed to make you more comfortable. We have the knowledge and expertise to help you
choose the right heating and air conditioning system to meet your needs so that you benefit from
increased efficiency, reliability, and control of your home or business' indoor environment.
</p>
</div> <!-- End of Main Content -->
<div id="facts"> <!-- Facts -->
<ul>
<li> Full Insured/Owner Operated </li>
<li> Trained and experienced engineers,technicians and installers </li>
<li> Trouble free installation and service calls </li>
<li> TQM: Total Quality Program </li>
<li> Exceptional customer service from start to finish </li>
<li> Service and preventative maintenance contacts </li>
</ul>
</div> <!-- End of Facts Section -->
<table id="table">
<tr><td rowspan="7" id="blue"><div id="blue_pos" class="rotate">AIR CONDITIONING</div></td><th>RESIDENTIAL</th><th>COMMERCIAL</th><th>INDUSTRIAL</th></tr>
<tr><td>Central Systems</td><td>Packaged Units</td><td>Cooling Towers</td></tr>
<tr><td>Mini-Split Ductless</td><td>Split Systems</td><td>Chillers</td></tr>
<tr><td>Heat Pumps</td><td>Cooling Towers</td><td>Ventilation</td></tr>
<tr><td>Air Handlers</td><td>Chillers</td><td rowspan="3"></td></tr>
<tr><td>Condensers</td><td rowspan="2">Ventilation</td></tr>
<tr id="seperator"><td>Ventilation</td></tr>
<tr><td rowspan="4" id="red"><div id="red_pos" class="rotate">HEATING</div></td><td>Hot Water/Steam Boilers</td><td>Hot Water/Steam Boilers</td><td>Hot Water/Steam Boilers</td></tr>
<tr><td>Forced Air Heating Furnaces</td><td>Forced Air Heating Furnaces</td><td>Unitary Heaters</td></tr>
<tr><td>Radiant Heating Systems</td><td>Unitary Heaters</td><td rowspan="2">Infrared Radiant Systems</td></tr>
<tr><td></td><td>Infrared Radiant Systems</td></tr>
</table>
<div id="heat_container"> <!-- Heating Section Container, makes Background Expand to Edges -->
<div id="heating"> <!-- Start of Heating Section -->
<h2>Heating</h2>
<p>Our goal is to keep you warm and comfortable through the winter months.
We know which products and systems will work best for you. Our recommendations will always keep your
requirements and budget in mind. We'l respond to your requests and act quickly when you call.
Nothing is more important than your peace of mind when the weather is cold.
</p>
<div id="heating_graphic01">
<img src="img/heating_graphic01.png">
</div>
<div id="heating_graphic02">
<img src="img/heating_graphic02.png">
</div>
<div id="heating_graphic03">
<img src="img/heating_graphic03.png">
</div>
</div> <!-- End of Heating Section -->
</div> <!-- End of Heating Section Container -->
<div id="cooling_container">
<div id="cooling"> <!-- Start of Cooling Section -->
<h2>Cooling</h2>
<p>Central air conditioning helps keep your environment cool and reduces humidity levels.
As the central condition system draws air out of various rooms in your house or business
through return air ducts, the air is pulled through an air filter, which removed
airborne particles such as dust and lint. The filtered air is then routed to air supply ductwork
that carries it back to the rooms.</p>
<div id="cooling_graphic01">
<img src="img/cooling_graphic01.png">
</div>
<div id="cooling_graphic02">
<img src="img/cooling_graphic02.png">
</div>
<div id="cooling_graphic03">
<img src="img/cooling_graphic03.png">
</div>
</div> <!-- End of Cooling Section -->
</div>
<div id="about_container">
<div id="about_us"> <!-- Start of the About Us Section -->
<h2>About Us</h2>
<p>Our goal is to keep your warm and comfortable through the winter months. We know which products and systems
will work best for you. Our recommendations will always keep your requirements and budgets in mind.
We'll respond to your requests and act quickly when you call. Nothing is more important than your peace of mind
when the weather is cold.</p>
<table id="mini-logos">
<tr>
<td><a href="http://www.aosmith.com/"><img src="img/AoSmith.png" alt="AoSmith"></a></td>
<td><a href="http://www.fujitsu.com/global/"><img src="img/Fujitsu.png" alt="Fujitsu"></a></td>
<td><a href="http://www.emersonclimate.com/en-us/brands/white_rodgers/pages/white_rodgers.aspx"><img src="img/whiterodgers.png" alt="White Rodgers"></a></td>
<td><a href="http://www.uticaboilers.com/"><img src="img/uticaboilers.png" alt="Utica Boilers"></a></td>
<td><a href="http://www.taco-hvac.com/"><img src="img/taco.png" alt="Taco"></a></td>
<td><a href="http://www.bryant.com/"><img src="img/bryant.png" alt="Bryant"></a></td>
<td><a href="http://www.mitsubishicars.com/"><img src="img/mitsubishi.png" alt="Mitsubishi"></a></td>
</tr>
<tr>
<td><a href="http://www.peerless-av.com/en-us/professional/"><img src="img/peerless.png" alt="Peerless"></a></td>
<td><a href="http://www.goodmanmfg.com/"><img src="img/goodman.png" alt="Goodman"></a></td>
<td><a href="http://www.crownboiler.com/"><img src="img/crownboiler.png" alt="Crown Boiler"></a></td>
<td><a href="http://www.ruud.com/"><img src="img/ruud.png" alt="Ruud"></a></td>
<td><a href="http://www.rheem.com/"><img src="img/rheem.png" alt="Rheem"></a></td>
<td><a href="http://www.trane.com/index.aspx"><img src="img/trane.png" alt="Trane"></a></td>
<td><a href="http://us.sanyo.com/"><img src="img/sanyo.png" alt="Sanyo"></a></td>
</tr>
<tr>
<td><a href="http://www.burnhamcommercial.com/"><img src="img/burnham.png" alt="Burnham"></a></td>
<td><a href="http://www.lennox.com/"><img src="img/lennox.png" alt="Lennox"></a></td>
<td><a href="http://www.bradfordwhite.com/"><img src="img/bradfordwhite.png" alt="Bradford White"></a></td>
<td><a href="http://www.weil-mclain.com/en/weil-mclain/"><img src="img/wellmclain.png" alt="Well-Mclain"></a></td>
<td><a href="http://honeywell.com/Pages/Home.aspx"><img src="img/honeywell.png" alt="Honeywell"></a></td>
<td><a href="http://www.york.com/"><img src="img/york.png" alt="York"></a></td>
<td><a href="http://www.carrier.com/carrier/en/us/"><img src="img/carrier.png" alt="Carrier"></a></td>
</tr>
<tr>
<td colspan="2">
<td><a href="http://www.amana-hac.com/"><img src="img/amana.png" alt="Amana"></a></td>
<td><a href="http://luxaire.com/"><img src="img/luxaire.png" alt="Luxaire"></a></td>
<td><a href="http://www.americanstandard-us.com/"><img src="img/american_standard.png" alt="American Standard"></a></td>
</tr>
</table>
<div id="car">
<img src="img/car.png" alt="Empire Heating & Cooling Inc. Vehicle">
</div>
</div> <!-- End of About Us Section -->
</div>
</div> <!-- End of Content Section -->
<div id="footer">
</div> <!-- End of Footer Section -->
</div>
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
</html>