windhamdavid 7 years ago
parent
commit
46dcd2809f
3 changed files with 112 additions and 134 deletions
  1. 1 1
      heat-applications-ground-on-ground.html
  2. 110 113
      heat-products-duofin.html
  3. 1 20
      heat.html

+ 1 - 1
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-crop.jpg'); ">
+<div class="page-header header-smaller" data-parallax="true" style=" background-image: url('img/heat-applications-crop.jpg'); ">
 	<div class="container">
 		<div class="row">
 			<div class="col-md-6">

+ 110 - 113
heat-products-duofin.html

@@ -40,138 +40,135 @@
 	</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-product-duofin.jpg'); ">
 	<div class="container">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>BioTherm DuoFin<small> &trade;</small></h2>
+				<h3>Provides incredibly even heating across the width of your greenhouse growing areas.</h3>
+			</div>
+		</div>
 
 	</div>
 </div>
 
-
 <div class="main main-raised">
-	<div class="container section">
-		
-		
-		<!-- Begin Page Content -->
-		<div class="container">
-			<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/products/">Products</a> &nbsp;/&nbsp; <span class="last">DuoFin&trade;</span>
-		</ol>
-				</div>
-			</div>
-			<div class="row margin-bottom-10">
-				<div class="col-xs-12">
-					<div class="jumbotron">
-						<h1>BioTherm DuoFin&trade;
-						<br><small>Provides incredibly even heating across the width of your greenhouse growing areas.</small></h1>
+	<div class="container section section-top">
+
+		<div class="row">
+			<div class="col-md-9">
+				<div class="row">
+					<div class="col-md-10">
+						<p class="lead">BioTherm DuoFin for supreme heating eveness.</p>
+						<p>DuoFin provides incredibly even heating across the width of your greenhouse growing areas. Its unique tapered fin design delivers a combination of convective and radiant heating quietly and efficiently. Having only two fins means that more loops are needed to meet your heat load than with its sister product, StarFin—but it also means you’ll never have to clean debris from the fins. Also, the large inside diameter means less pumping energy is required to provide greater evenness than any competitive system.</p>
 					</div>
 				</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">BioTherm&reg; DuoFin&trade;&nbsp;for supreme heating eveness. &nbsp;</p>
-							<p>DuoFin provides incredibly even heating across the width of your greenhouse growing areas.&nbsp;Its unique tapered fin design delivers a combination of convective and radiant heating quietly and efficiently. Having only two fins means that more loops are needed to meet your heat load than with its sister product, StarFin&mdash;but it also means you&rsquo;ll never have to clean debris from the fins. Also, the large inside diameter means less pumping energy is required to provide greater evenness than any competitive system.</p>
-						</div>
-						<div class="col-sm-5">
-							<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Duofin_Syngenta_1_500_375.jpg" width="500" height="375" alt="BioTherm" class="img-fluid margin-bottom-20" />
-							<!-- Duplicate buttons for mobile view -->
-							<p class="visible-xs-block"><a href="http://www.biothermsolutions.com/contact" class="btn btn-block btn-danger">Order Now</a></p>
-							<p class="visible-xs-block"><a href="http://www.biothermsolutions.com/assets/uploads/spec-sheets/BT-FP-001_BioTherm_Duofin.pdf" class="btn btn-hydro btn-block">Download Spec Sheet</a></p>
-						</div>
-					</div>
-					<div class="row margin-bottom-20">
-						<div class="col-xs-12">
-							<h4>BioTherm DuoFin&trade; in Use</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_-_DuoFin_-_In_Crop_Heat_800_600.JPG" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_DuoFin_-_In_Crop_Heat_800_600.JPG" class="img-fluid" alt="BioTherm">
-									</a>
-								</div><div class="col-xs-6 col-md-3">
-									<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Parsons_Duofin_1_800_600.JPG" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Parsons_Duofin_1_800_600.JPG" class="img-fluid" alt="BioTherm">
-									</a>
-								</div><div class="col-xs-6 col-md-3">
-									<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_DuoFin_-_Under_Bench_Rolling_800_600.JPG" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_DuoFin_-_Under_Bench_Rolling_800_600.JPG" class="img-fluid" alt="BioTherm">
-									</a>
-								</div><div class="col-xs-6 col-md-3">
-									<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_DuoFin_-_Vertical_800_600.JPG" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Finned_Pipe_-_DuoFin_-_Vertical_800_600.JPG" class="img-fluid" alt="BioTherm">
-									</a>
-								</div><div class="col-xs-6 col-md-3">
-									<a href="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/FinConnFamily_w_Labels_800_532.jpg" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/FinConnFamily_w_Labels_800_532.jpg" class="img-fluid" alt="BioTherm">
-									</a>
-								</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="row">
-						<div class="col-xs-12">
-							<div class="panel panel-default">
-								<div class="panel-heading">
-									<h2 class="panel-title">Heating Applications</h2>
-								</div>
-								<div class="panel-body">
-									<ul class="list-inline">
-								
-											<li><span class="label label-Bench">Bench</span> <a href="http://www.biothermsolutions.com/applications/under-bench">Under-Bench</a></li>
-								
-											<li><span class="label label-Crop">Crop</span> <a href="http://www.biothermsolutions.com/applications/in-crop">In-Crop</a></li>
-								
-											<li><span class="label label-Space">Space</span> <a href="http://www.biothermsolutions.com/applications/gutter">Gutter</a></li>
-								
-											<li><span class="label label-Space">Space</span> <a href="http://www.biothermsolutions.com/applications/top">Top</a></li>
-								
-											<li><span class="label label-Space">Space</span> <a href="http://www.biothermsolutions.com/applications/perimeter">Perimeter</a></li>
-								
-									</ul>
-								</div>
-							</div>
-						</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> &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>
+							</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 class="col-md-3 col-sm-6 col-xs-12 pull-right">
-					<!-- Duplicate buttons for desktop view -->
-					<p class="hidden-xs"><a href="http://www.biothermsolutions.com/contact" class="btn btn-block btn-danger">Order Now</a></p>
-					<p class="hidden-xs"><a href="http://www.biothermsolutions.com/assets/uploads/spec-sheets/BT-FP-001_BioTherm_Duofin.pdf" class="btn btn-hydro btn-block">Download Spec Sheet</a></p>
+			</div>
+		</div>	
 
-					<div class="panel panel-default">
-						<div class="panel-heading">
-							<h2 class="panel-title">Products</h2>
-						</div>
-						<div class="panel-body">
-							<ul class="nav">
-						
-								<li><a href="heat-products-duofin.html">DuoFin&trade;</a></li>
-								<li><a href="heat-products-hdx.html">HDX&trade;</a></li>
-								<li><a href="heat-products-megatube.html">MegaTube&trade;</a></li>
-								<li><a href="heat-products-microclimate-tubing.html">MicroClimate&trade; Tubing</a></li>
-								<li><a href="heat-products-starfin.html">StarFin&trade;</a></li>
-								<li><a href="heat-products-sunfin.html">SunFin&reg;</a></li>
-						
-							</ul>
-						</div>
-					</div>
-				</div>
+		<div class="row" style="margin-top:40px;">
+			<h4>Project Examples</h4>
+		</div>
+		<div class="row">
+			<div class="col col1">
+				<a href="img/heat-application-on-bench.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-bench.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col2">
+				<a href="img/heat-application-on-bench-2.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-bench-2.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col2">
+				<a href="img/heat-application-on-bench-3.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-bench-3.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col3">
+				<a href="img/heat-application-on-bench-4.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-application-on-bench-4.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
 			</div>
 		</div>
-		
-		
-	</div>
-	
-	
-	<div class="container section">
+		<br />
 		<div class="row">
-			<div class="col-md-6">
+			<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-6">
+			<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 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>
 

+ 1 - 20
heat.html

@@ -148,31 +148,12 @@
 				</div>
 			</div>
 		</div>
-		<div class="section">
-			<div class="row">
-				<div class="col-md-6">
-
-				</div>
-				<div class="col-md-6">
-
-				</div>
-			</div>
-		</div>
-		<div class="row">
-			<div class="col-md-6">
-				<h3></h3>
-			</div>
-			<div class="col-md-6">
-
-			</div>
-		</div>
+		
 	</div>
-	
 </div>
 
 
 
-
 <!--     *********    FOOTER     *********      -->
 <footer class="footer footer-white footer-big">
 <div class="container">