on ground

heat-applications-ground-bed.html

@@ -59,7 +59,7 @@
 			<div class="col-md-9">
 				<div class="row">
 					<div class="col-md-10">
-						<p class="lead">Tubes are embedded and covered with weed mat or soil..</p>
+						<p class="lead">Tubes are embedded and covered with weed mat or soil.</p>
 					</div>
 				</div>
 			</div>

heat-applications-ground-on-ground.html

@@ -40,177 +40,124 @@
 	</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-on-ground.jpg'); ">
 	<div class="container">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>On-Ground Heating</h2>
+				<h3>Protect pots and flats from sudden drops in temperature.</h3>
+			</div>
+		</div>
 
 	</div>
 </div>
 
-
 <div class="main main-raised">
-	<div class="container section">
+	<div class="container section section-top">
-		
-		
-		<!-- Begin Page Content -->
-		<div id="applications">
 
-			<div class="container">
+		<div class="row">
+			<div class="col-md-9">
 				<div class="row">
-					<div class="col-xs-12">
+					<div class="col-md-10">
-						<ol class="breadcrumb">
+						<p class="lead">On-Floor Heating is frequently used by bedding plant growers to protect pots and flats from sudden drops in temperature, especially if tender crops were moved outside to harden off.</p>
-		  	<a href="http://www.biothermsolutions.com/">Home</a> &nbsp;/&nbsp; <a href="http://www.biothermsolutions.com/applications/">Applications</a> &nbsp;/&nbsp; <span class="last">On-Ground</span>
-		</ol>
-					</div>
-				</div>
-				<div class="row margin-bottom-10">
-					<div class="col-xs-12">
-						<div class="jumbotron">
-							<h1>On-Ground
-							<br><small>Protect pots and flats from sudden drops in temperature.</small></h1>
-						</div>
 					</div>
 				</div>
-				<div class="row">
+			</div>
-					<div class="col-md-9">
+			<div class="col-md-3">
-						<div class="row margin-bottom-20">
+				<div class="panel panel-default">
-							<div class="col-sm-7 margin-bottom-10">
+					<div class="panel-heading">
-								<p>On-Floor Heating is frequently used by bedding plant growers to protect pots and flats from sudden drops in temperature, especially if tender crops were moved outside to harden off.</p>
+						<h3 class="no-top-margin">Applications</h3>
-							</div>
-							<div class="col-sm-5">
-						
-								<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_MicroClimate_Sandwich_-_On_Floor_500_350_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm On-Ground" 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/Tubing_-_MicroClimate_Sandwich_-_On-Floor_Ground_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_-_MicroClimate_Sandwich_-_On-Floor_Ground_Heat_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm On-Ground" 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_-_MicroClimate_Sandwich_-_On-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_-_MicroClimate_Sandwich_-_On-Floor_Heat_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm On-Ground" 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_-_MicroClimate_Sandwich_-_On_Floor_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_-_MicroClimate_Sandwich_-_On_Floor_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm On-Ground" 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_-_Ground_Heat_-_BEFORE_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/MicroClimate_Tubing_-_Ground_Heat_-_BEFORE_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm On-Ground" class="img-fluid" />
-										</a>
-									</div>
-								</div>	
-							</div>
-						</div>
-
-						<div class="row margin-bottom-20">
-							<div class="col-xs-12">
-								<h4>BioTherm On-Ground 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/microclimate-tubing">MicroClimate&trade; Tubing</a></h2>
-														<p>The original energy-saving BioTherm bench top heating system.</p>
-													</div>
-													<div class="col-md-4">
-														<a href="http://www.biothermsolutions.com/products/microclimate-tubing"><img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_MicroClimate_-On-Bench_500_300_60_s_c1_c_c.JPG" width="500" height="300" alt="BioTherm MicroClimate&trade; Tubing" class="img-fluid" /></a>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-								<!-- /application-product -->				
-						
-						
-								<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/megatube">MegaTube&trade;</a></h2>
-														<p>Jumbo size manifold technology to work with a wide range of heating applications.</p>
-													</div>
-													<div class="col-md-4">
-														<a href="http://www.biothermsolutions.com/products/megatube"><img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_MegaTube_for_Vegetables_500_300_60_s_c1_c_c.JPG" width="500" height="300" alt="BioTherm MegaTube&trade;" class="img-fluid" /></a>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-								<!-- /application-product -->				
-						
-							</div>
-						</div>		
 					</div>
-
+					<div class="panel-body">
-					<div class="col-md-3 col-sm-6 col-xs-12 pull-right">
+						<ul class="list-unstyled">
-						<div class="panel panel-default">
+							<li><span class="label label-ground">GROUND</span>
-							<div class="panel-heading">
+								<ul class="nav">
-								<h2 class="panel-title">Applications</h2>
+									<li><a href="heat-applications-ground-bed.html">Bed</a></li> &nbsp;&middot;&nbsp;  
-							</div>
+									<li><a href="heat-applications-ground-on-ground.html">On-Ground</a></li> &nbsp;&middot;&nbsp; 
-							<div class="panel-body">
+									<li><a href="heat-applications-ground-in-floor.html">In-Floor</a></li> &nbsp;&middot;&nbsp; 
-								<ul class="list-unstyled">
+									<li><a href="heat-applications-ground in-ground.html">In-Ground</a></li> &nbsp;&middot;&nbsp; 
-								<li><span class="label label-ground">GROUND</span>
+									<li><a href="heat-applications-ground-snow-melt.html">Snow Melt</a></li> &nbsp;&middot;&nbsp; 
-										<ul class="nav">
+									<li><a href="heat-applications-ground-frost.html">Frost Protection</a></li>
-							
-											<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>
 								</ul>
-							</div>
+							</li>
-						</div>
+							<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>
+							</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-on-ground-1.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-ground-1.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
 			</div>
-			<div class="col-md-6">
+			<div class="col col2">
+				<a href="img/heat-application-on-ground-2.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-ground-2.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col2">
+				<a href="img/heat-application-on-ground-3.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-ground-3.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
 			</div>
+			<div class="col col3">
+				<a href="img/heat-application-on-ground-4.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-ground-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-microclimate-tubing.html"><img src="img/heat-products-microclimate-tubing.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<div class="card-body">
+						<h3><a href="heat-products-microclimate-tubing.html">MicroClimate<small> &trade;</small> Tubing</h3></a>
+						<p class="card-text">The original energy-saving BioTherm bench top heating system.</p>
+						<a href="heat-products-microclimate-tubing.html"><button type="button" class="btn btn-success"> Microclimate Tubing</button></a>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-4">
+				<div class="card card-plain">
+					<a href="heat-products-megatube.html"><img src="img/heat-products-megatube.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<div class="card-body">
+						<h3><a href="heat-products-megatube.html">MegaTube</a><small> &trade;</small></h3>
+						<p>Jumbo size manifold technology to work with a wide range of heating applications.</p>
+						<a href="heat-products-megatube.html"><button type="button" class="btn btn-success"> MegaTube</button></a>
+					</div>
+				</div>
+			</div>
+		</div>
+
 	</div>
 </div>
 
@@ -266,6 +213,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>