header smalleest

css/style.css

@@ -204,6 +204,10 @@ a:hover {
     height: 200px;
     min-height: 200px;
 }
+.page-header.header-smallest {
+    height: 200px;
+    min-height: 200px;
+}
 .header-image-credit {
 	margin: 50px 0 -100px 0;
 	position: relative;

heat-applications-bench-on-bench.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-bench-under-bench.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-bench.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-crop-cart-rail.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-crop-in-crop.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-ground-bed.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-ground-frost.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-ground-in-floor.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-ground-in-ground.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-ground-on-ground.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-ground-snow-melt.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-space-gutter.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications-space-perimeter.html

@@ -40,8 +40,14 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-small" data-parallax="true" style=" background-image: url('img/heat-applications-perimeter.jpg'); ">
 	<div class="container">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>Perimeter Greenhouse Heating</h2>
+				<h3>Wrap the edges with some perimeter heat to give those areas the boost they need.</h3>
+			</div>
+		</div>
 
 	</div>
 </div>
@@ -49,27 +55,12 @@
 
 <div class="main main-raised">
 	<div class="container section">
-		
-		
 		<!-- Begin Page Content -->
 		<div id="applications">
 
 			<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/applications/">Applications</a> &nbsp;/&nbsp; <span class="last">Perimeter</span>
-		</ol>
-					</div>
-				</div>
-				<div class="row margin-bottom-10">
-					<div class="col-xs-12">
-						<div class="jumbotron">
-							<h1>Perimeter
-							<br><small>Wrap the edges with some perimeter heat to give those areas the boost they need.</small></h1>
-						</div>
-					</div>
-				</div>
+
+
 				<div class="row">
 					<div class="col-md-9">
 						<div class="row margin-bottom-20">
@@ -89,8 +80,8 @@
 								<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_-_Perimeter_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/Finned_Pipe_-_StarFin_-_Perimeter_Heat_500_350_40_s_c1_c_c.JPG" width="500" height="350" alt="BioTherm Perimeter" class="img-fluid" />
+										<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" >
@@ -288,6 +279,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>

heat-applications-space-top.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-applications.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-boilers-atmospheric.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-boilers-closed-combustion.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-boilers-condensing.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-boilers.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-industry-building.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-industry-greenhouse.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-industry-habitat.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-industry-institutional.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-industry-turf.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-products-duofin.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-products-hdx.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-products-megatube.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-products-microclimate-tubing.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-products-starfin.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat-products-sunfin.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

heat.html

@@ -110,29 +110,29 @@
 							</div>
 							<div class="tab-pane" id="Ground">
 								<h4>Ground Heat</h4>
-								<a href="heat-applications-ground-bed.html"><button type="button" class="btn">Bed</button>
-								<a href="heat-applications-ground-frost.html"><button type="button" class="btn">Frost Protection</button>
-								<a href="heat-applications-ground-in-floor.html"><button type="button" class="btn">In-Floor</button>
-								<a href="heat-applications-ground-in-ground.html"><button type="button" class="btn">In-Ground</button>
-								<a href="heat-applications-ground-on-ground.html"><button type="button" class="btn">On-Ground</button>
-								<a href="heat-applications-ground-snow-melt.html"><button type="button" class="btn">Snow Melt</button>
+								<a href="heat-applications-ground-bed.html"><button type="button" class="btn">Bed</button></a>
+								<a href="heat-applications-ground-frost.html"><button type="button" class="btn">Frost Protection</button></a>
+								<a href="heat-applications-ground-in-floor.html"><button type="button" class="btn">In-Floor</button></a>
+								<a href="heat-applications-ground-in-ground.html"><button type="button" class="btn">In-Ground</button></a>
+								<a href="heat-applications-ground-on-ground.html"><button type="button" class="btn">On-Ground</button></a>
+								<a href="heat-applications-ground-snow-melt.html"><button type="button" class="btn">Snow Melt</button></a>
 							</div>
 							<div class="tab-pane" id="Crop">
 								<h4>Crop Heat</h4>
-								<a href="heat-applications-crop-cart-rail.html"><button type="button" class="btn">Cart Rail</button>
-								<a href="heat-applications-crop-in-crop.html"><button type="button" class="btn">In-Crop</button>
+								<a href="heat-applications-crop-cart-rail.html"><button type="button" class="btn">Cart Rail</button></a>
+								<a href="heat-applications-crop-in-crop.html"><button type="button" class="btn">In-Crop</button></a>
 							</div>
 							<div class="tab-pane" id="Bench">
 								<h4>Bench Heat</h4>
-								<a href="heat-applications-bench.html"><button type="button" class="btn">Bench</button>
-								<a href="heat-applications-bench-on-bench.html"><button type="button" class="btn">On-Bench</button>
-								<a href="heat-applications-bench-under-bench.html"><button type="button" class="btn">Under-Bench</button>
+								<a href="heat-applications-bench.html"><button type="button" class="btn">Bench</button></a>
+								<a href="heat-applications-bench-on-bench.html"><button type="button" class="btn">On-Bench</button></a>
+								<a href="heat-applications-bench-under-bench.html"><button type="button" class="btn">Under-Bench</button></a>
 							</div>
 							<div class="tab-pane" id="Space">
 								<h4>Space Heat</h4>
-								<a href="heat-applications-space-gutter.html"><button type="button" class="btn">Gutter</button>
-								<a href="heat-applications-space-perimeter.html"><button type="button" class="btn">Perimeter</button>
-								<a href="heat-applications-space-top.html"><button type="button" class="btn">Top</button>
+								<a href="heat-applications-space-gutter.html"><button type="button" class="btn">Gutter</button></a>
+								<a href="heat-applications-space-perimeter.html"><button type="button" class="btn">Perimeter</button></a>
+								<a href="heat-applications-space-top.html"><button type="button" class="btn">Top</button></a>
 							</div>
 						</div>
 					</div>

hydro-flood.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

hydro-toob.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

privacy.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>

quote.html

@@ -40,7 +40,7 @@
 	</div>
 </nav>
 
-<div class="page-header header-smaller header-filter" data-parallax="true">
+<div class="page-header header-smallest header-filter" data-parallax="true">
 	<div class="container">
 
 	</div>