remove cp footer

contact.html

@@ -43,31 +43,86 @@
 </nav>
 
 
-<div class="page-header header-small header-filter" data-parallax="true" style=" background-image: url('img/project_pleasant_view_gardens_nj.jpg'); ">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
-		<div class="row">
-			<div class="col-md-6">
-				<h2>Contact Us</h2>
-				<h4><b>From initial consultation to installation, BioTherm’s staff is with you every step of the way. Whether through new construction, major upgrades, or retrofits, our systems are durable and efficient—resulting in high success rates and peak crops. You can always depend on BioTherm</b>.</h4>
-			</div>
-		</div>
-		<div class="row header-image-credit">
-			<div class="col-md-4 offset-md-8 text-right">
-				<p>
-					Project: Pleasant View Gardens<br />
-					Whereever, New Jersey<br />
-				</p>
-			</div>
-		</div>
+
 	</div>
 </div>
 
 <div class="main main-raised">
+
+<!--     *********    CONTACT     *********      -->
+	<div id="contactmap" class="contactus-2">
+		<div id="contactUs2Map" class="map"></div>
+		<div class="container section">
+			<div class="col-md-6">
+				<div class="card card-contact card-raised">
+				
+					<form id="contact-form" method="post" action="forms/contact.php" role="form">
+						<div class="controls">
+							<div class="card-header card-header-success text-center">
+								<h4 class="card-title">Contact Us</h4>
+							</div>
+							<div class="card-body">
+								<div class="row">
+									<img class="rounded img-raised img-fluid" src="img/biotherm-office-small.jpg" style="width:490px;">
+									<div class="col-md-6">
+										<div class="info-horizontal">
+											<div class="icon icon-danger"><i class="fas fa-phone"></i></div>
+											<div class="description">
+												<h5 class="info-title">Phone</h5>
+												<p> 800-438-4328<br> Mon - Fri, 8:00am - 5:00pm</p>
+											</div>
+										</div>
+									</div>
+									<div class="col-md-6">
+										<div class="info-horizontal">
+											<div class="icon icon-danger"><i class="fas fa-map-marker-alt"></i></div>
+											<div class="description">
+												<h5 class="info-title">Office</h5>
+												<p> 476 Primero Court<br> Cotati, CA 94931<br> USA</p>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="messages"></div>
+								<div class="row">
+									<div class="col-md-6">
+										<div class="form-group label-floating is-empty has-rose">
+											<label for="form_name" class="bmd-label-floating">Name</label>
+											<input id="form_name" type="text" name="name" class="form-control" required="required" data-error="A Name is Required.">
+											<span class="material-input"></span>
+										</div>
+									</div>
+									<div class="col-md-6">
+										<div class="form-group label-floating is-empty has-rose">
+											<label for="form_email" class="bmd-label-floating">Email address</label>
+											<input id="form_email" type="email" name="email" class="form-control" required="required" data-error="Valid Email is Required.">
+											<span class="material-input"></span>
+										</div>
+									</div>
+								</div>
+								<div class="form-group label-floating has-rose is-empty">
+									<label for="message" class="bmd-label-floating">Your Message</label>
+									<textarea id="form_message" name="message" class="form-control" rows="6" required="required" data-error="Please Leave Us a Message."></textarea>
+									<span class="material-input"></span>
+								</div>
+							</div>
+							<div class="card-footer justify-content-between">
+								<button type="submit" class="btn btn-success pull-right">Send Message</button>
+								<a href="quote.html"><button type="button" class="btn btn-danger"> Request a Quote</button></a>
+							</div>
+						</div>
+					</form>
+				
+				</div>
+			</div>
+		</div>
+	</div>
+<!--     *********    END CONTACT      *********      -->
 	
 	
-	
-	
-<div class="contact-content">
+<!--<div class="contact-content">
 	<div class="container section">
 		<div class="row">
 			<div class="col-md-6">
@@ -129,7 +184,7 @@
 			</div>
 		</div>
 	</div>
-</div>
+</div>-->
 	
 	
 <hr>
@@ -296,6 +351,9 @@
 <script src="js/popper.min.js"></script>
 <script src="js/bootstrap-material-design.min.js"></script>
 <script src="js/material-kit.min.js"></script>
+<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB7ggSZufhKYdFE5PfBcy6aS4xnaX4-O_0"></script>
+<script src="js/instagram.js"></script>
+<script src="js/map.js"></script>
 <script src="js/init.js"></script>
 <script src="js/validator.js"></script>
 <script src="forms/contact.js"></script>

css/style.css

@@ -467,6 +467,7 @@ footer ul li a {
 	.navbar-brand img {
 		padding:0 15px 20px 0;
 		margin: 0 0 0 0px;
+		max-width:220px;
 	}
 	.carousel-caption {
 		bottom: 60px;

heat-applications-bench-on-bench.html

@@ -219,9 +219,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-bench-under-bench.html

@@ -209,9 +209,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-bench.html

@@ -199,9 +199,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-crop-cart-rail.html

@@ -181,9 +181,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-crop-in-crop.html

@@ -193,9 +193,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-ground-bed.html

@@ -208,9 +208,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-ground-frost.html

@@ -213,9 +213,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-ground-in-floor.html

@@ -194,9 +194,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-ground-in-ground.html

@@ -214,9 +214,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-ground-on-ground.html

@@ -203,9 +203,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-ground-snow-melt.html

@@ -213,9 +213,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-space-gutter.html

@@ -215,9 +215,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications-space-perimeter.html

@@ -218,9 +218,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 

heat-applications-space-top.html

@@ -214,9 +214,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-applications.html

@@ -109,9 +109,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-boilers-atmospheric.html

@@ -214,9 +214,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-boilers-closed-combustion.html

@@ -414,9 +414,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-boilers-condensing.html

@@ -310,9 +310,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-boilers.html

@@ -158,9 +158,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-industry-building.html

@@ -227,9 +227,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-industry-greenhouse.html

@@ -252,9 +252,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-industry-habitat.html

@@ -222,9 +222,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-industry-institutional.html

@@ -262,9 +262,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-industry-turf.html

@@ -207,9 +207,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-products-duofin.html

@@ -329,9 +329,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-products-hdx.html

@@ -304,9 +304,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-products-megatube.html

@@ -333,9 +333,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-products-microclimate-tubing.html

@@ -333,9 +333,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-products-starfin.html

@@ -342,9 +342,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat-products-sunfin.html

@@ -341,9 +341,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

heat.html

@@ -250,9 +250,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

hydro-flood.html

@@ -204,9 +204,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

hydro-toob.html

@@ -357,9 +357,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

hydro.html

@@ -133,9 +133,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

privacy.html

@@ -177,9 +177,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

quote.html

@@ -204,9 +204,7 @@
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->

tech.html

@@ -200,9 +200,7 @@ information they need to accurately irrigate their plants. Each unit will suppor
 		</div>
 	</div>
 </div>
-	<div class="section text-center">
-		<p>&#xA9;<script>document.write(new Date().getFullYear())</script> BioTherm, Inc.</p>
-	</div>
+	
 </div>
 </footer>
 <!--     *********   END FOOTER     *********      -->