in-floor

heat-applications-ground-in-floor.html

@@ -40,157 +40,115 @@
 	</div>
 </nav>
 
-<div class="page-header header-smallest header-filter" data-parallax="true">
+<div class="page-header header-smaller" data-parallax="true" style=" background-image: url('img/heat-application-in-bench.jpg'); ">
 	<div class="container">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>In-Floor  Heating</h2>
+				<h3>Radiant tubing built directly into the floor.</h3>
+			</div>
+		</div>
 
 	</div>
 </div>
 
-
 <div class="main main-raised">
-	<div class="container section">
-		
-		
-		<!-- Begin Page Content -->
-		<div id="applications">
+	<div class="container section section-top">
 
-			<div class="container">
+		<div class="row">
+			<div class="col-md-9">
 				<div class="row">
-					<div class="col-xs-12">
-						<ol class="breadcrumb">
-		  	<a href="http://www.biothermsolutions.com/">Home</a> &nbsp;/&nbsp; <a href="http://www.biothermsolutions.com/applications/">Applications</a> &nbsp;/&nbsp; <span class="last">In-Floor</span>
-		</ol>
-					</div>
-				</div>
-				<div class="row margin-bottom-10">
-					<div class="col-xs-12">
-						<div class="jumbotron">
-							<h1>In-Floor
-							<br><small>Radiant tubing built directly into the floor.</small></h1>
-						</div>
+					<div class="col-md-10">
+						<p class="lead">Radiant tubing built directly into the floor or over the native soil makes sense for large areas that need heat on a regular basis, whether indoors or outdoors.</p>
+						<p>Embedded systems can handle heavier traffic, higher weight loads or larger volumes of heat distributed over wider areas. There is no set-up or tear-down, either.</p>
 					</div>
 				</div>
-				<div class="row">
-					<div class="col-md-9">
-						<div class="row margin-bottom-20">
-							<div class="col-sm-7 margin-bottom-10">
-								<p>Radiant tubing built directly into the floor or over the native soil makes sense for large areas that need heat on a regular basis, whether indoors or outdoors. Embedded systems can handle heavier traffic, higher weight loads or larger volumes of heat distributed over wider areas. There is no set-up or tear-down, either.</p>
-							</div>
-							<div class="col-sm-5">
-						
-								<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_In-Slab_Floor_Heat_-_Steel_Headers_500_350_s_c1_c_c.jpg" width="500" height="350" alt="BioTherm In-Floor" class="img-fluid margin-bottom-20" />
-						
-							</div>
-						</div>
-						<div class="row margin-bottom-20">
-							<div class="col-xs-12">
-								<h4>Project Examples</h4>
-								<div class="row">
-								<div class="col-xs-6 col-md-3">
-										<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/HDX_Hines_2_800_600_60_s_c1_c_c.jpg" class="thumbnail fancybox" rel="ligthbox" >
-											<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/HDX_Hines_2_500_350_40_s_c1_c_c.jpg" width="500" height="350" alt="BioTherm In-Floor" class="img-fluid" />
-										</a>
-									</div><div class="col-xs-6 col-md-3">
-										<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/microclimate_tubing_800_600_s_c1_c_c.png" class="thumbnail fancybox" rel="ligthbox" >
-											<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/microclimate_tubing_500_350_s_c1_c_c.png" width="500" height="350" alt="BioTherm In-Floor" class="img-fluid" />
-										</a>
-									</div><div class="col-xs-6 col-md-3">
-										<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_In-Slab_Floor_Heat_800_600_60_s_c1_c_c.JPG" class="thumbnail fancybox" rel="ligthbox" >
-											<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_In-Slab_Floor_Heat_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm In-Floor" class="img-fluid" />
-										</a>
-									</div><div class="col-xs-6 col-md-3">
-										<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_Pre-Slab_Floor_Heat_800_600_60_s_c1_c_c.JPG" class="thumbnail fancybox" rel="ligthbox" >
-											<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_Pre-Slab_Floor_Heat_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm In-Floor" class="img-fluid" />
-										</a>
-									</div>
-								</div>	
-							</div>
-						</div>
-
-						<div class="row margin-bottom-20">
-							<div class="col-xs-12">
-								<h4>BioTherm In-Floor Products</h4>
-						
-						
-								<div class="panel panel-default">
-									<div class="panel-body">
-										<div class="row">
-											<div class="col-xs-12">
-												<div class="row">
-													<div class="col-md-8">
-														<h2><a href="http://www.biothermsolutions.com/products/hdx">HDX&trade;</a></h2>
-														<p>Our economical choice for floor heating tubing.</p>
-													</div>
-													<div class="col-md-4">
-														<a href="http://www.biothermsolutions.com/products/hdx"><img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-In-Slab_Floor_Heat_500_300_60_s_c1_c_c.JPG" width="500" height="300" alt="BioTherm HDX&trade;" class="img-fluid" /></a>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-								<!-- /application-product -->				
-						
-							</div>
-						</div>		
+			</div>
+			<div class="col-md-3">
+				<div class="panel panel-default">
+					<div class="panel-heading">
+						<h3 class="no-top-margin">Applications</h3>
 					</div>
-
-					<div class="col-md-3 col-sm-6 col-xs-12 pull-right">
-						<div class="panel panel-default">
-							<div class="panel-heading">
-								<h2 class="panel-title">Applications</h2>
-							</div>
-							<div class="panel-body">
-								<ul class="list-unstyled">
-								<li><span class="label label-ground">GROUND</span>
-										<ul class="nav">
-							
-											<li><a href="http://www.biothermsolutions.com/applications/bed">Bed</a></li><li><a href="http://www.biothermsolutions.com/applications/on-ground">On-Ground</a></li><li><a href="http://www.biothermsolutions.com/applications/in-floor">In-Floor</a></li><li><a href="http://www.biothermsolutions.com/applications/in-ground">In-Ground</a></li><li><a href="http://www.biothermsolutions.com/applications/snow-melt">Snow Melt</a></li><li><a href="http://www.biothermsolutions.com/applications/frost-protection">Frost Protection</a></li>
-							
-										</ul>
-									</li>
-								<li><span class="label label-bench">BENCH</span>
-										<ul class="nav">
-							
-											<li><a href="http://www.biothermsolutions.com/applications/under-bench">Under-Bench</a></li><li><a href="http://www.biothermsolutions.com/applications/on-bench">On-Bench</a></li><li><a href="http://www.biothermsolutions.com/applications/in-bench">In-Bench</a></li>
-							
-										</ul>
-									</li>
-								<li><span class="label label-space">SPACE</span>
-										<ul class="nav">
-							
-											<li><a href="http://www.biothermsolutions.com/applications/gutter">Gutter</a></li><li><a href="http://www.biothermsolutions.com/applications/top">Top</a></li><li><a href="http://www.biothermsolutions.com/applications/perimeter">Perimeter</a></li>
-							
-										</ul>
-									</li>
-								<li><span class="label label-crop">CROP</span>
-										<ul class="nav">
-							
-											<li><a href="http://www.biothermsolutions.com/applications/in-crop">In-Crop</a></li><li><a href="http://www.biothermsolutions.com/applications/cart-rail">Cart Rail</a></li>
-							
-										</ul>
-									</li>
+					<div class="panel-body">
+						<ul class="list-unstyled">
+							<li><span class="label label-ground">GROUND</span>
+								<ul class="nav">
+									<li><a href="heat-applications-ground-bed.html">Bed</a></li> &nbsp;&middot;&nbsp;  
+									<li><a href="heat-applications-ground-on-ground.html">On-Ground</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-ground-in-floor.html">In-Floor</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-ground in-ground.html">In-Ground</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-ground-snow-melt.html">Snow Melt</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-ground-frost.html">Frost Protection</a></li>
+								</ul>
+							</li>
+							<li><span class="label label-bench">BENCH</span>
+								<ul class="nav">
+									<li><a href="heat-applications-bench-under-bench.html">Under-Bench</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-bench-on-bench.html">On-Bench</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-bench.html">In-Bench</a></li>
+								</ul>
+							</li>
+							<li><span class="label label-space">SPACE</span>
+								<ul class="nav">
+									<li><a href="heat-applications-space-gutter.html">Gutter</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-space-top.html">Top</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-space-perimeter.html">Perimeter</a></li>
 								</ul>
-							</div>
-						</div>
+							</li>
+							<li><span class="label label-crop">CROP</span>
+								<ul class="nav">
+									<li><a href="heat-applications-crop-in-crop.html">In-Crop</a></li> &nbsp;&middot;&nbsp; 
+									<li><a href="heat-applications-crop-cart-rail.html">Cart Rail</a></li>
+								</ul>
+							</li>
+						</ul>
 					</div>
 				</div>
 			</div>
-			<!-- /container -->
+		</div>	
+
+		<div class="row" style="margin-top:40px;">
+			<h4>Project Examples</h4>
 		</div>
-		<!-- /applications -->
-		
-		
-	</div>
-	
-	
-	<div class="container section">
 		<div class="row">
-			<div class="col-md-6">
+			<div class="col col1">
+				<a href="img/heat-application-in-floor-1.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-in-floor-1.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
 			</div>
-			<div class="col-md-6">
+			<div class="col col2">
+				<a href="img/heat-application-in-floor-2.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-in-floor-2.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col2">
+				<a href="img/heat-application-in-floor-3.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-in-floor-3.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col3">
+				<a href="img/heat-application-in-floor-4.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-in-floor-4.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
 			</div>
 		</div>
+		<br />
+		<div class="row">
+			<h3>Products</h3>
+		</div>
+		<div class="row">	
+			<div class="col-md-4">
+				<div class="card card-plain">
+					<a href="heat-products-hdx.html"><img src="img/heat-product-hdx.jpg" alt="BioTherm " class="card-img-top" /></a>
+					<div class="card-body">
+						<h3><a href="heat-products-hdx.html">HDX</a><small> &trade;</small></h3>
+						<p>Our economical choice for floor heating tubing.</p><br />
+						<a href="heat-products-hdx.html"><button type="button" class="btn btn-success"> HDX</button></a>
+					</div>
+				</div>
+			</div>
+		</div>
+
 	</div>
 </div>
 
@@ -246,6 +204,7 @@
 
 <script src="js/jquery.min.js"></script>
 <script src="js/popper.min.js"></script>
+<script src="js/ekko-lightbox.js"></script>
 <script src="js/bootstrap-material-design.min.js"></script>
 <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB7ggSZufhKYdFE5PfBcy6aS4xnaX4-O_0"></script>
 <script src="js/material-kit.min.js"></script>

heat-applications-ground-on-ground.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller" data-parallax="true" style=" background-image: url('img/heat-application-on-ground.jpg'); ">
+<div class="page-header header-smaller" data-parallax="true" style=" background-image: url('img/heat-application-crop.jpg'); ">
 	<div class="container">
 		<div class="row">
 			<div class="col-md-6">