perimeter heat

heat-applications-space-perimeter.html

@@ -52,19 +52,16 @@
 	</div>
 </div>
 
-
 <div class="main main-raised">
 	<div class="container section">
+		
 		<div class="row">
 			<div class="col-md-9">
 				<div class="row">
-					<div class="col-sm-7 margin-bottom-10">
+					<div class="col-md-10">
 						<p class="lead">Crop performance takes a hit as it approaches the walls and the end of a house.</p>
 						<p>Wrap the edges with some perimeter heat to give those areas the boost they need. Extremely even and consistent heat is especially important in research and institutional greenhouses, and we know how to account for the heat loss found at the edges. Perimeter heat systems are also good for heating areas that connect spaces, such as hallways.</p>
 					</div>
-					<div class="col-sm-5">
-						<img src="http://www.biothermsolutions.com/images/made/chrootassets/uploads/products-applications/StarFin_perimeter-_UnivColorado_500_350_s_c1_c_c.jpg" width="500" height="350" alt="BioTherm Perimeter" class="img-fluid margin-bottom-20" />
-					</div>
 				</div>
 			</div>
 			<div class="col-md-3">
@@ -115,53 +112,71 @@
 		</div>
 		<div class="row">	
 			<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>
-				<h3><a href="heat-products-sunfin.html">SunFin</a></h3>
-				<p>High-output, radiant heat finned pipe made specifically for various greenhouse heating applications.</p>
+				<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>
 			</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>
-				<h3><a href="heat-products-duofin.html">DuoFin</a></h3>
-				<p>Provides incredibly even heating across the width of your greenhouse growing areas.</p>
+				<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">
-				
-				<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>
-				<h3><a href="heat-products-starfin.html">StarFin</a></h3>
-				<p>Provides high heat output and minimizes pipes</p>
+				<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>
 		</div>
 
-		<div class="row">
+		<div class="row" style="margin-top:40px;">
 			<h4>Project Examples</h4>
 		</div>
 		<div class="row">
-			<div class="col-xs-6 col-md-3">
-					<a href="img/heat-applications-perimeter_StarFin.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
-						<img src="img/heat-applications-perimeter_StarFin.jpg" alt="BioTherm Perimeter" 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/perimeter-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/perimeter-01_500_350_40_s_c1_c_c.jpg" width="500" height="350" alt="BioTherm Perimeter" 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/perimeter-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/perimeter-03_500_350_40_s_c1_c_c.jpg" width="500" height="350" alt="BioTherm Perimeter" 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/perimeter-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/perimeter-02_500_350_40_s_c1_c_c.jpg" width="500" height="350" alt="BioTherm Perimeter" class="img-fluid" />
-					</a>
-				</div>
-			</div>	
+			<div class="col col1">
+				<a href="img/heat-applications-perimeter_StarFin.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-applications-perimeter_StarFin.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col2">
+				<a href="img/heat-applications-perimeter-1.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-applications-perimeter-1.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col3">
+				<a href="img/heat-applications-perimeter-2.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-applications-perimeter-2.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col4">
+				<a href="img/heat-applications-perimeter-3.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-applications-perimeter-3.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
+			<div class="col col5">
+				<a href="img/heat-applications-perimeter-4.jpg" class="thumbnail fancybox" data-toggle="lightbox" >
+					<img src="img/heat-applications-perimeter-4.jpg" alt="BioTherm Perimeter" class="img-fluid" />
+				</a>
+			</div>
 		</div>
 
 	</div>
 </div>
 
-<!--     *********    FOOTER     *********      -->
 <footer class="footer footer-white footer-big">
 <div class="container">
 <div class="content">
@@ -208,8 +223,6 @@
 	</div>
 </div>
 </footer>
-<!--     *********   END FOOTER     *********      -->
-
 
 <script src="js/jquery.min.js"></script>
 <script src="js/popper.min.js"></script>