heat gutter

heat-applications-space-gutter.html

@@ -40,8 +40,14 @@
 	</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-applications-gutter.jpg'); ">
 	<div class="container">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>Gutter Greenhouse Heating</h2>
+				<h3>Tubing to improve snow melt and prevent ice dams.</h3>
+			</div>
+		</div>
 
 	</div>
 </div>
@@ -49,190 +55,121 @@
 
 <div class="main main-raised">
 	<div class="container section">
-		
-		
-		<!-- 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">
-						<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">Gutter</span>
-		</ol>
+					<div class="col-md-10">
+						<p class="lead">Stay ahead of the ice curve.</p>
+						<p>Applying heat with hot water tubing at key points along a roof line can melt the snow load off of a greenhouse better than filling the interior with heat from unit heaters. It can start early to keep the load from building and keep going to prevent ice dams.</p>
 					</div>
 				</div>
-				<div class="row margin-bottom-10">
-					<div class="col-xs-12">
-						<div class="jumbotron">
-							<h1>Gutter
-							<br><small>Tubing to improve snow melt and prevent ice dams.</small></h1>
-						</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="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> &middot; 
+									<li><a href="heat-applications-ground-on-ground.html">On-Ground</a></li> &middot; 
+									<li><a href="heat-applications-ground-in-floor.html">In-Floor</a></li> &middot; 
+									<li><a href="heat-applications-ground in-ground.html">In-Ground</a></li> &middot; 
+									<li><a href="heat-applications-ground-snow-melt.html">Snow Melt</a></li> &middot; 
+									<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> &middot; 
+									<li><a href="heat-applications-bench-on-bench.html">On-Bench</a></li> &middot; 
+									<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> &middot; 
+									<li><a href="heat-applications-space-top.html">Top</a></li> &middot; 
+									<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> &middot; 
+									<li><a href="heat-applications-crop-cart-rail.html">Cart Rail</a></li>
+								</ul>
+							</li>
+						</ul>
 					</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 class="lead">Stay ahead of the ice curve.</p>
-
-		<p>Applying heat with hot water tubing at key points along a roof line can melt the snow load off of a greenhouse better than filling the interior with heat from unit heaters. It can start early to keep the load from building and keep going to prevent ice dams.</p>
-							</div>
-							<div class="col-sm-5">
-						
-								<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_StarFin_-_Over_Head_and_Snow_Melt_2_500_350_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm Gutter" 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/Finned_Pipe_-_StarFin_-_Over_Head_and_Snow_Melt_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/Finned_Pipe_-_StarFin_-_Over_Head_and_Snow_Melt_2_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm Gutter" 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/gutter-01_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/gutter-01_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm Gutter" 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/gutter-02_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/gutter-02_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm Gutter" 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/gutter-03_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/gutter-03_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm Gutter" class="img-fluid" />
-										</a>
-									</div>
-								</div>	
-							</div>
-						</div>
-
-						<div class="row margin-bottom-20">
-							<div class="col-xs-12">
-								<h4>BioTherm Gutter 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="heat-products-sunfin.html">SunFin&reg;</a></h2>
-														<p>High-output, radiant heat finned pipe made specifically for various greenhouse heating applications.</p>
-													</div>
-													<div class="col-md-4">
-														<a href="heat-products-sunfin.html"><img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_SunFin_-_Over_Heat_Heat_500_300_60_s_c1_c_c.JPG" width="500" height="300" alt="BioTherm SunFin&reg;" 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="heat-products-duofin.html">DuoFin&trade;</a></h2>
-														<p>Provides incredibly even heating across the width of your greenhouse growing areas.</p>
-													</div>
-													<div class="col-md-4">
-														<a href="heat-products-duofin.html"><img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Duofin_Syngenta_1_500_300_60_s_c1_c_c.jpg" width="500" height="300" alt="BioTherm DuoFin&trade;" 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="heat-products-starfin.html">StarFin&trade;</a></h2>
-														<p>Provides high heat output and minimizes pipes</p>
-													</div>
-													<div class="col-md-4">
-														<a href="heat-products-starfin.html"><img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_StarFin_-_Perimeter_Heat_500_300_60_s_c1_c_c.JPG" width="500" height="300" alt="BioTherm StarFin&trade;" class="img-fluid" /></a>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-								<!-- /application-product -->				
-						
-							</div>
-						</div>		
+			</div>
+		</div>	
+		
+		<div class="row">
+			<h3>Products</h3>
+		</div>
+		<div class="row">	
+			<div class="col-md-4">
+				<div class="card card-plain">
+					<a href="heat-products-sunfin.html"><img src="img/heat-sunfin.jpg" alt="BioTherm SunFin&reg;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h3><a href="heat-products-sunfin.html">SunFin</a><small> &reg;</small></h3>
+						<p class="card-text">High-output, radiant heat finned pipe made specifically for various greenhouse heating applications.</p>
+						<a href="heat-products-sunfin.html"><button type="button" class="btn btn-success"> Sunfin</button></a>
 					</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>
-								</ul>
-							</div>
-						</div>
+				</div>
+			</div>
+			<div class="col-md-4">
+				<div class="card card-plain">
+					<a href="heat-products-duofin.html"><img src="img/heat-duofin.jpg" alt="BioTherm DuoFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h3><a href="heat-products-duofin.html">DuoFin</a><small> &trade;</small></h3>
+						<p>Provides incredibly even heating across the width of your greenhouse growing areas.<br /><br /></p>
+						<a href="heat-products-duofin.html"><button type="button" class="btn btn-success"> Duofin</button></a>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-4">
+				<div class="card card-plain">
+					<a href="heat-products-starfin.html"><img src="img/heat-starfin.jpg" alt="BioTherm StarFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h3><a href="heat-products-starfin.html">StarFin</a><small> &trade;</small></h3>
+						<p>Provides high heat output and minimizes pipes.<br /><br /><br /></p>
+						<a href="heat-products-starfin.html"><button type="button" class="btn btn-success"> Starfin</button></a>
 					</div>
 				</div>
 			</div>
-			<!-- /container -->
 		</div>
-		<!-- /applications -->
 		
-		
-	</div>
-	
-	
-	<div class="container section">
+		<div class="row" style="margin-top:40px;">
+			<h4>Project Examples</h4>
+		</div>
 		<div class="row">
-			<div class="col-md-6">
+			<div class="col">
+				<a href="img/heat-application-gutter-1.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-application-gutter-1.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
 			</div>
-			<div class="col-md-6">
+			<div class="col">
+				<a href="img/heat-application-gutter-2.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-application-gutter-2.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col">
+				<a href="img/heat-application-gutter-3.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-application-gutter-3.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col">
+				<a href="img/heat-application-gutter-4.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-application-gutter-4.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
 			</div>
 		</div>
+
 	</div>
 </div>
 
@@ -288,6 +225,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>