windhamdavid 7 years ago
parent
commit
99fe7c9f2a
2 changed files with 236 additions and 123 deletions
  1. 197 107
      heat-products-hdx.html
  2. 39 16
      heat-products-starfin.html

+ 197 - 107
heat-products-hdx.html

@@ -40,135 +40,225 @@
 	</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>BioTherm HDX<small>&trade;</small></h2>
+				<h3>Our economical choice for floor heating tubing.</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">HDX&amp;trade;</span>
-		</ol>
-				</div>
-			</div>
-			<div class="row margin-bottom-10">
-				<div class="col-xs-12">
-					<div class="jumbotron">
-						<h1>BioTherm HDX&trade;
-						<br><small>Our economical choice for floor heating tubing.</small></h1>
-					</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">HDX&trade; is an ultra-high molecular weight resin of high density polyethylene.&nbsp;</p>
+	<div class="container section section-top">
 
-		<p>It&rsquo;s made in a distinctive red color, so you will know you are getting true HDX&nbsp;tubing. Also, while our HDX&nbsp;meets very stringent ASTM testing standards for quality, it is our &ldquo;economical&rdquo; choice for floor heating tubing.</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_500_332.JPG" width="500" height="332" alt="BioTherm HDX&trade;" 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-TB-003_BioTherm_HDXPEX_Tubing.pdf" class="btn btn-info btn-block">Download Spec Sheet</a></p>
-						</div>
+		<div class="row">
+			<div class="col-md-5">
+				<div class="row">
+					<div class="col-md-12">
+						<p class="lead">HDX<small>&trade;</small> is an ultra-high molecular weight resin of high density polyethylene. </p>
+						<p>BioTherm HDX (high density extrusion) is our durable polyethylene tubing solution commonly used for in slab and floor heating. Manufactured from a ultra-high molecular weight resin, HDX tubing is extremely tough and meets stringent ASTM testing standards for quality. It's made from a distinct red color, so you know you are getting true HDX tubing. Also offered is our GreenPEX with E-Beam cross-linking for increased durability, commonly used in institutional environments, available with or without oxygen barrier.</p>
+						<a href="contact.html"><button type="button" class="btn btn-danger"> Order Now</button></a>
+						<a href="files/BioTherm_Starfin.pdf"><button type="button" class="btn btn-hydro"> Download Spec Sheet</button></a>
 					</div>
-					<div class="row margin-bottom-20">
-						<div class="col-xs-12">
-							<h4>BioTherm HDX&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/HDX_Hines_2_800_600.jpg" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/HDX_Hines_2_800_600.jpg" class="img-fluid" alt="BioTherm HDX&trade;">
-									</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_-_Steel_Headers_800_600.jpg" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_In-Slab_Floor_Heat_-_Steel_Headers_800_600.jpg" class="img-fluid" alt="BioTherm HDX&trade;">
-									</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.JPG" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_In-Slab_Floor_Heat_800_600.JPG" class="img-fluid" alt="BioTherm HDX&trade;">
-									</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_604.JPG" class="thumbnail fancybox" rel="ligthbox" >
-										<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/Tubing_-_HDX_-_Pre-Slab_Floor_Heat_800_604.JPG" class="img-fluid" alt="BioTherm HDX&trade;">
-									</a>
-								</div>
-							</div>	
-						</div>
+				</div>
+					
+				<div class="row">
+					<div class="col-md-12">
+						<h4>Applications</h4>
 					</div>
+				</div>
+				<div class="col-md-12">
 					<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-Ground">Ground</span> <a href="http://www.biothermsolutions.com/applications/bed">Bed</a></li>
-								
-											<li><span class="label label-Ground">Ground</span> <a href="http://www.biothermsolutions.com/applications/frost-protection">Frost Protection</a></li>
-								
-											<li><span class="label label-Ground">Ground</span> <a href="http://www.biothermsolutions.com/applications/in-floor">In-Floor</a></li>
-								
-											<li><span class="label label-Ground">Ground</span> <a href="http://www.biothermsolutions.com/applications/in-ground">In-Ground</a></li>
-								
-											<li><span class="label label-Ground">Ground</span> <a href="http://www.biothermsolutions.com/applications/snow-melt">Snow Melt</a></li>
-								
-									</ul>
-								</div>
-							</div>
+						<div class"col-md-4">
+							<p>Ground</p>
+							<a href="heat-applications-ground-bed.html"><span class="badge badge-success">Bed</span></a>
+							<a href="heat-applications-ground-in-floor.html"><span class="badge badge-success">In-Floor</span></a>
+							<a href="heat-applications-ground-in-ground.html"><span class="badge badge-success">In-Ground</span></a>
+							<a href="heat-applications-ground-frost.html"><span class="badge badge-success">Frost Protection</span></a>
+							<a href="heat-applications-ground-snow-melt.html"><span class="badge badge-success">Snow Melt</span></a>
 						</div>
 					</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-TB-003_BioTherm_HDXPEX_Tubing.pdf" class="btn btn-info btn-block">Download Spec Sheet</a></p>
+				
 
-					<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>
-		</div>
+			<div class="col-md-7">
+				<table class="table table-bordered table-striped table-condensed table-responsive w-100 d-block d-md-table">
+					<thead class="thead-dark">
+						<tr>
+							<th></th>
+							<th>1/2"</th>
+							<th>3/4"</th>
+						</tr>			
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td>Material:</td>
+							<td>HD 2007 High Density Polyethylene</td>
+							<td>HD 2007 High Density Polyethylene</td>
+						</tr>
+						<tr>
+							<td>HDX Color:</td>
+							<td>Terra-cotta</td>
+							<td>Terra-cotta</td>
+						</tr>
+						<tr>
+							<td>Pipe Size:</td>
+							<td>1/2"</td>
+							<td>3/4"</td>
+						</tr>
+						<tr>
+							<td>Nominal O.D.:</td>
+							<td>.625"</td>
+							<td>.875"</td>
+						</tr>
+						<tr>
+							<td>Nominal I.D.:</td>
+							<td>.485"</td>
+							<td>.681"</td>
+						</tr>
+						<tr>
+							<td>Minimum Wall Thickness:</td>
+							<td>.07"</td>
+							<td>.097"</td>
+						</tr>
+						<tr>
+							<td>Weight per 100 feet:</td>
+							<td>5.5 lbs</td>
+							<td>10.6 lbs</td>
+						</tr>
+						<tr>
+							<td>Standard Coil Length:td>
+							<td>1000 ft</td>
+							<td>500 ft</td>
+						</tr>
+						<tr>
+							<td>Standard Coil Diameter:</td>
+							<td>16", ID inches</td>
+							<td>20", ID inches</td>
+						</tr>
+						<tr>
+							<td>Printing:</td>
+							<td>Ft BioTherm 1/2" HDX Tubing (Date)(Time)</td>
+							<td>Ft BioTherm 3/4" HDX Tubing (Date)(Time)</td>
+						</tr>
+						<tr>
+							<td>Pressure Rating:</td>
+							<td>180 psi @ 180&deg; F (82 C)</td>
+							<td>180 psi @ 180&deg; F (82 C)</td>
+						</tr>
+						<tr>
+							<td>Flow Rate:</td>
+							<td>.0092 gal/ft.</td>
+							<td>.0184 gal/ft.</td>
+						</tr>
+						<tr>
+							<td>Normal Operating Temp.:</td>
+							<td>140&deg;F (60 C)</td>
+							<td>140&deg;F (60 C)</td>
+						</tr>
+						<tr>
+							<td colspan="12">Meets ASTM Material Specification D 3350</td>
+						</tr>
+					</tbody>
+				</table>
+				
+			</div>
+		</div>	
 		
+
 		
-	</div>
-	
-	
-	<div class="container section">
+		<div class="row" style="margin-top:40px;">
+			<h4  class="vertical-text">In Use</h4>
+		</div>
 		<div class="row">
-			<div class="col-md-6">
+			<div class="col col1">
+				<a href="img/heat-product-hdx-1.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-product-hdx-1.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
 			</div>
-			<div class="col-md-6">
+			<div class="col col2">
+				<a href="img/heat-product-hdx-2.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-product-hdx-2.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col3">
+				<a href="img/heat-product-hdx-3.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-product-hdx-3.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col5">
+				<a href="img/heat-product-hdx-4.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-product-hdx-4.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col5">
+				<a href="img/heat-product-hdx-5.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-product-hdx-5.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
+		</div>
+		<br />
+		<div class="row">
+			<h4>Related Heating Products</h4>
+		</div>
+		<div class="row">	
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-sunfin.html"><img src="img/heat-product-sunfin-schema.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-sunfin.html">SunFin</a><small> &reg;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-duofin.html"><img src="img/heat-product-duofin-schema.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-duofin.html">DuoFin</a><small> &trade;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-starfin.html"><img src="img/heat-product-starfin-schema.jpg" alt="BioTherm StarFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-starfin.html">StarFin</a><small> &trade;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-hdx.html"><img src="img/heat-product-hdx-schema.jpg" alt="BioTherm StarFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-hdx.html">HDX</a><small> &trade;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-microclimate-tubing.html"><img src="img/heat-product-microclimate-schema.jpg" alt="BioTherm StarFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-microclimate-tubing.html">MicroClimate Tubing</a><small> &trade;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-megatube.html"><img src="img/heat-product-megatube-schema.jpg" alt="BioTherm StarFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-megatube.html">MegaTube</a><small> &trade;</small></h4>
+					</div>
+				</div>
 			</div>
 		</div>
+
 	</div>
 </div>
 

+ 39 - 16
heat-products-starfin.html

@@ -211,6 +211,11 @@
 			<h4  class="vertical-text">In Use</h4>
 		</div>
 		<div class="row">
+			<div class="col">
+				<a href="img/heat-product-starfin-5.jpg" class="thumbnail" data-toggle="lightbox" >
+					<img src="img/heat-product-starfin-5.jpg" alt="BioTherm" class="img-fluid" />
+				</a>
+			</div>
 			<div class="col">
 				<a href="img/heat-product-starfin-0.jpg" class="thumbnail" data-toggle="lightbox" >
 					<img src="img/heat-product-starfin-0.jpg" alt="BioTherm" class="img-fluid" />
@@ -239,36 +244,54 @@
 		</div>
 		<br />
 		<div class="row">
-			<h3>Products</h3>
+			<h4>Related Heating Products</h4>
 		</div>
 		<div class="row">	
-			<div class="col-md-4">
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-sunfin.html"><img src="img/heat-product-sunfin-schema.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-sunfin.html">SunFin</a><small> &reg;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-duofin.html"><img src="img/heat-product-duofin-schema.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-duofin.html">DuoFin</a><small> &trade;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<div class="card card-plain">
+					<a href="heat-products-starfin.html"><img src="img/heat-product-starfin-schema.jpg" alt="BioTherm StarFin&trade;" class="card-img-top" /></a>
+					<div class="card-body">
+						<h4><a href="heat-products-starfin.html">StarFin</a><small> &trade;</small></h4>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
 				<div class="card card-plain">
-					<a href="heat-products-sunfin.html"><img src="img/heat-sunfin.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<a href="heat-products-hdx.html"><img src="img/heat-product-hdx-schema.jpg" alt="BioTherm StarFin&trade;" 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>
+						<h4><a href="heat-products-hdx.html">HDX</a><small> &trade;</small></h4>
 					</div>
 				</div>
 			</div>
-			<div class="col-md-4">
+			<div class="col-md-2">
 				<div class="card card-plain">
-					<a href="heat-products-duofin.html"><img src="img/heat-duofin.jpg" alt="BioTherm" class="card-img-top" /></a>
+					<a href="heat-products-microclimate-tubing.html"><img src="img/heat-product-microclimate-schema.jpg" alt="BioTherm StarFin&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>
+						<h4><a href="heat-products-microclimate-tubing.html">MicroClimate Tubing</a><small> &trade;</small></h4>
 					</div>
 				</div>
 			</div>
-			<div class="col-md-4">
+			<div class="col-md-2">
 				<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>
+					<a href="heat-products-megatube.html"><img src="img/heat-product-megatube-schema.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>
+						<h4><a href="heat-products-megatube.html">MegaTube</a><small> &trade;</small></h4>
 					</div>
 				</div>
 			</div>