re-index

css/style.css

@@ -222,20 +222,25 @@ a:hover { color:#16c462; }
 /* Carousel base class */
 .carousel {
 
+}
+h2.front-title {
+	
+}
+h3.front-title {
+	margin-top: 0 !important;
 }
 #front-carousel {
 	margin: 0px 0;
-	padding: 20px 0;
+	padding: 0px 0;
 }
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
-	bottom: 230px;
+	bottom: 120px;
 	z-index: 10;
-
 }
 /* Declare heights because of positioning of img element */
 .main-carousel-item {
-	height: 32rem;
+	height: 500px;
 }
 
 .main-carousel-item:after {
@@ -248,8 +253,8 @@ a:hover { color:#16c462; }
 	right:0;
 	
 }
-.main-carousel-filter::before {
-    background: rgba(0, 0, 0, 0.7);
+.main-carousel-filter::after {
+    background: rgba(0, 0, 0, 0.4);
 }
 .carousel-background {
 	background: rgba(0, 0, 0, 0.5);
@@ -322,6 +327,7 @@ footer .copyright {
 }
 .product-card-list {
 	min-height:90px;
+	font-weight:bold;
 	list-style:none;
 	margin:0;
 	padding:0;
@@ -462,6 +468,10 @@ footer ul li a {
 		padding:0 15px 20px 0;
 		margin: 0 0 0 0px;
 	}
+	.carousel-caption {
+		bottom: 60px;
+		z-index: 10;
+	}
 	.main-raised {
 		margin: 0px;
 		padding: 0 15px;

index.html

@@ -41,10 +41,8 @@
 						<a href="tech.html" class="dropdown-item"><svg id="Biotherm-Tech-Icon" data-name="Biotherm-Tech-Icon" width="40px" height="40px" viewBox="0 0 200 200"><path class="biotherm-tech-icon" d="M105.35,87.17c13.49,4.28,26,22.82,41.16,25.26l0-.09a20.79,20.79,0,0,0,3.26.29c13,.09,23.5-7,23.5-7l.08-11.24s-11.15,6.07-22.47,6.59C164.28,64.13,171,26.65,171,26.65s-14.5,28.51-64.9,31.12c-36,1.87-50.49,14.08-60.62,24.6-23.62,24.53-8.6,68.69-8.6,68.69l-10.31,8.65,9.53,10.73,10.15-8.88c22,12,48.68,18.93,69.82.21,1.49-1.33,3-2.78,4.39-4.33,9,7.33,18.27,15.84,28.9,15.91,13,.09,23.5-7,23.5-7l.08-11.25s-11.84,6.44-23.5,6.62c-8.37.13-15.66-5.51-22.89-11.68l0-.06c-6.38-5.44-12.72-11.27-19.71-13.88l-1.69-.61h0l-1.16-.4c-12.44-4.15-19-2.85-20.6-2.41v-7.37c1.12-.23,9.55-1.74,22,2.2l.54.18c14.13,5,27.19,25.16,43.58,25.28,13,.08,23.5-7,23.5-7l.08-11.25s-11.84,6.45-23.5,6.63c-5.1.07-9.81-2-14.34-5l0,0c-9.45-6.36-18.17-16.81-28.25-20.56-1-.38-2-.72-2.93-1-12.81-4.27-19.4-2.74-20.68-2.36v-7.44c1.72-.33,9.93-1.52,21.76,2.23,11.16,3.54,21.61,16.83,33.5,22.7a1.17,1.17,0,0,0,0-.11,24.75,24.75,0,0,0,10.92,2.87c12.95.09,23.5-7,23.5-7l.07-11.25s-11.83,6.44-23.49,6.62C134,121.1,122,100.76,107,95.18,91.8,89.51,84.37,91.6,83.45,91.9V85C84.83,84.68,93.17,83.31,105.35,87.17Z"/></svg> Data &amp; Automation</a>
 					</div>
 				</li>
-				<li class="nav-item"><a class="nav-link" href="about.html">Store</a></li>
 				<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
 				<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
-				<li class="nav-item"><a class="nav-link" href="quote.html">Quote</a></li>
 				<li class="nav-item"><a class="nav-link nav-link-icon" href="https://www.instagram.com/biothermsolutions/" class="btn btn-just-icon btn-link btn-instagram" style="margin-left: 20px;margin-right:-10px;"><i class="fab fa-instagram"></i></a></li>
 				<li class="nav-item"><a class="nav-link nav-link-icon" href="https://www.linkedin.com/company/trueleaf-technologies" class="btn btn-just-icon btn-link btn-facebook"><i class="fab fa-linkedin"></i></a></li>
 			</ul>
@@ -52,157 +50,116 @@
 	</div>
 </nav>
 
-<div class="page-header header-smallest header-filter" data-parallax="true">
-	<div class="container">
 
+<div id="front-carousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="8000">
+
+	<div class="carousel-inner" role="listbox">
+
+	<!-- Slide Zero -->
+	<div class="active main-carousel-item carousel-item carousel-background main-carousel-filter"  style="background:#000;">
+		<div class="carousel-caption d-md-block" style="color:#fff;">
+			<h2><span class="animated fadeInDownBig">BioTherm has been at the forefront of developing highly efficient greenhouse solutions since 1980.</span></h2>
+			<br />
+		</div>
+		<img src="img/slide-1.png" width="100%" style="margin-top:100px;">
+	</div>
+	
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-background" style="background:#ed1c24;">
+		<div class="carousel-caption d-md-block" style="background:url('img/front-climate-white.png') left no-repeat;">
+			<h2 class="front-title"><span class="animated fadeInDownBig">Climate Systems</span></h2>
+			<h3 class="front-title animated fadeInUp">Heating, Cooling, Dehumidification &amp; CO<sub>2</sub></h3>
+			<p><span class="animated fadeInDownBig"><a href="heat.html"><button type="button" class="btn btn-secondary"><b>Solutions</b></button></a></span></p>
+		</div>
+	</div>
+	
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-filter carousel-background main-carousel-filter" style="background-image: url('img/heat.jpg')">
+		<div class="carousel-caption d-md-block">
+			<h2 class="animated slideInUp">Improving Heating Costs and Plant Health</h2>
+			<p>Data Collection and Visualization -	Nutrient Dosing -	Wireless technologies</p>
+			<p><a href="case-micheals.html"><button type="button" class="btn btn-danger"><b>Read the Case Study</b></button></a></p>
+		</div>
 	</div>
-</div>
 
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-background" style="background:#1c8bed;">
+		<div class="carousel-caption d-md-block" style="background:url('img/front-hydro-white.png') left no-repeat;">
+			<h2><span class="animated fadeInDownBig">Hydro Sciences</span></h2>
+			<h3 class="animated fadeInUp">Oxygen Infusion, Flood Floors, &amp; Nutrient Dosing</h3>
+			<p><span class="animated fadeInDownBig"><a href="hydro.html"><button type="button" class="btn btn-secondary"><b>Solutions</b></button></a></span></p>
+		</div>
+	</div>
+	
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-background main-carousel-filter" style="background-image: url('img/project_north_creek_nursery.jpg')">
+		<div class="carousel-caption d-md-block">
+			<h2><span class="animated fadeInDown"><b>Improving Plant Health and Yields</b></span></h2>
+			<h3 class="animated fadeInUp">Manfred Orozco - Manfred and Son’s Greenhouse, Annapolis, MD</h3>
+			<p><a href="case-micheals.html"><button type="button" class="btn btn-hydro"><b>Read the Case Study</b></button></a></p>
+		</div>
+	</div>
+	
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background:#16c462;">
+		<div class="carousel-caption d-md-block" style="background:url('img/front-tech-white.png') left no-repeat;">
+			<h2><span class="animated fadeInDownBig">Data &amp; Automation</span></h2>
+			<h3 class="animated fadeInUp">Data Visualization, Controls, &amp;	Wireless technologies</h3>
+			<p><span class="animated fadeInDownBig"><a href="tech.html"><button type="button" class="btn btn-secondary"><b>Solutions</b></button></a></span></p>
+		</div>
+	</div>
+	
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-filter carousel-background main-carousel-filter" style="background-image: url('img/heat-side.jpg')">
+		<div class="carousel-caption d-md-block">
+			<h2 class="animated slideInUp">Controlling Costs and Improving Consistency</h2>
+			<p>-	Data Collection and Visualization -	Nutrient Dosing -	Wireless technologies</p>
+			<p><a href="case-micheals.html"><button type="button" class="btn btn-success"><b>Read the Case Study</b></button></a></p>
+		</div>
+	</div>
 
+	<!-- Slide -->
+	<div class="main-carousel-item carousel-item carousel-background main-carousel-filter" style="background-image: url('img/KYG_Dashboard.jpg')">
+		<div class="carousel-caption d-md-block">
+			<h2 class="animated fadeInUp"><b>Know</b> Your <b>Grow</b></h2>
+			<h3>Wireless Data Collection and Visualization</h3>
+			<p><a href="tech.html"><button type="button" class="btn btn-success">Data &amp; Automation</button></a></p>
+		</div>
+	</div>
 
+</div>
+<a class="carousel-control-prev" href="#front-carousel" role="button" data-slide="prev">
+<span class="carousel-control-prev-icon" aria-hidden="true"></span>
+<span class="sr-only">Previous</span>
+</a>
+<a class="carousel-control-next" href="#front-carousel" role="button" data-slide="next">
+<span class="carousel-control-next-icon" aria-hidden="true"></span>
+<span class="sr-only">Next</span>
+</a>
+</div>
 
 
 
 <div class="main main-raised">
 	
-		<div class="container">
-		<div id="front-carousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="8000">
-			<ol class="carousel-indicators">
-				<li data-target="#front-carousel" data-slide-to="0" class="active"></li>
-				<li data-target="#front-carousel" data-slide-to="1"></li>
-				<li data-target="#front-carousel" data-slide-to="2"></li>
-				<li data-target="#front-carousel" data-slide-to="3"></li>
-				<li data-target="#front-carousel" data-slide-to="4"></li>
-				<li data-target="#front-carousel" data-slide-to="5"></li>
-				<li data-target="#front-carousel" data-slide-to="6"></li>
-			</ol>
-			<div class="carousel-inner" role="listbox">
-			<!-- Slide Zero -->
-			<div class="main-carousel-item carousel-item active carousel-background" style="">
-				<div class="row justify-content-md-center text-center">
-					<div class="col col-lg-4">
-						<img src="img/slide-3.jpg">
-					</div>
-					<div class="col">
-						<div class="carousel-caption d-none d-md-block">
-							<br />
-							<h2 style="color:#000"><span class="animated fadeInDown"><b>Improving Turns and Planning for the Future.</b></span></h2>
-							<h3 style="color:#000" class="animated fadeInUp">Patrick Herzing - Michael’s Greenhouse, Cheshire, CT</h3>
-							<p><a href="case-micheals.html"><button type="button" class="btn btn-hydro">Case Study</button></a></p>
-						</div>
-					</div>
-				</div>
-				
-			</div>
-			<!-- Slide Zero -->
-			<div class="main-carousel-item carousel-item carousel-background" style="color:#000;">
-				<div class="carousel-caption d-none d-md-block" style="color:#000;">
-					<h1><span class="animated fadeInDownBig"><b>Efficient Greenhouse Heating</b></span></h1>
-					<h3 class="animated fadeInUp">BioTherm has been at the forefront of developing highly efficient heating solutions for rugged environments since 1980.</h3>
-				</div>
-				<img src="img/slide-1.png" width="100%" style="margin-top:150px;">
-			</div>
-			<!-- Slide Zero -->
-			<div class="main-carousel-item carousel-item carousel-background" style="background-image: url('img/slide-2.png')">
-				<div class="carousel-caption d-none d-md-block">
-					<h1><span class="animated fadeInDownBig"><b>Solutions</b></span></h1>
-					<h3 class="animated fadeInUp">Agriculture, flowers, vegetables, vines, institutional, medical cannabis, research... Each greenhouse heating system is tailored to specific climate and growing conditions.</h3>
-					<h2></h2>
-				</div>
-			</div>
-
-			<!-- Slide Zero -->
-			<div class="main-carousel-item carousel-item carousel-background" style="background:#000;">
-				<div class="carousel-caption d-none d-md-block">
-					<h1><span class="animated fadeInDownBig">Solutions</span></h1>
-					<h3 class="animated fadeInUp">Our innovative energy-saving technology is designed to meet the individual needs of even the most demanding projects.</h3>
-					<h2></h2>
-				</div>
-			</div>
-			<!-- Slide One -->
-			<div class="main-carousel-item carousel-item carousel-background" style="background-image: url('img/project_north_creek_nursery.jpg')">
-				<div class="carousel-caption d-none d-md-block">
-					<h2 class="animated fadeInDown">Improving Turns and Planning for the Future</h2>
-					<h3 class="animated fadeIn">A way to turn more crops over each spring and expand the capacity of their growing operations.</h3>
-				</div>
-			</div>
-			<!-- Slide Two  -->
-			<div class="main-carousel-item carousel-item carousel-background" style="background-image: url('img/tech.jpg')">
-				<div class="carousel-caption d-none d-md-block">
-					<h2 class="animated fadeInUp">Know your DO?</h2>
-					<p>Heating - Cooling - Dehumidification - CO2</p>
-				</div>
-			</div>
-			<!-- Slide Three  -->
-			<div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/heat.jpg')">
-				<div class="carousel-caption d-none d-md-block">
-					<h3>Boost plant growth using pure oxygen</h3>
-					<p>(flat image with oxygen molecules – bubbles - water) -	The Toob</p>
-				</div>
-			</div>
-			<!-- Slide Four -->
-			<div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/KYG_Dashboard.jpg')">
-				<div class="carousel-caption d-none d-md-block">
-					<h3>"Knowledge is power" (flat image with wireless circuitry and plant)</h3>
-					<p>-	Data Collection and Visualization -	Nutrient Dosing -	Wireless technologies</p>
-				</div>
-			</div>
-			<!-- Slide Five -->
-			<div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/project_north_creek_nursery.jpg')">
-				<div class="carousel-caption d-none d-md-block">
-					<h3>"Knowledge is power" (flat image with wireless circuitry and plant)</h3>
-					<p>-	Data Collection and Visualization -	Nutrient Dosing -	Wireless technologies</p>
-				</div>
-			</div>
-			<!-- Slide Six -->
-			<div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/heat-side.jpg')">
-				<div class="carousel-caption d-none d-md-block">
-					<h3>Controlling Costs and Improving Consistency</h3>
-					<p>-	Data Collection and Visualization -	Nutrient Dosing -	Wireless technologies</p>
-				</div>
-			</div>
-			<!-- Slide Seven -->
-			<div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background:#000;">
-				<div class="carousel-caption d-none d-md-block">
-					<h3 class="animated slideInUp">Improving Heating Costs and Plant Health</h3>
-					<p>-	Data Collection and Visualization -	Nutrient Dosing -	Wireless technologies</p>
-				</div>
-			</div>
-		</div>
-		<a class="carousel-control-prev" href="#front-carousel" role="button" data-slide="prev">
-		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
-		<span class="sr-only">Previous</span>
-		</a>
-		<a class="carousel-control-next" href="#front-carousel" role="button" data-slide="next">
-		<span class="carousel-control-next-icon" aria-hidden="true"></span>
-		<span class="sr-only">Next</span>
-		</a>
-		</div>
-		</div>
-
 	
-	<!--<div class="container">
+	<div class="container">
 		<div class="section text-center">
-			<div class="row">
-				<div class="col-md-8 ml-auto mr-auto">
-					<h2>Solutions</h2>
-				</div>
-			</div>
 			<div class="features">
-				<div class="col-md-8 ml-auto mr-auto text-center">
+				<div class="col-md-10 ml-auto mr-auto text-center">
 					<div class="row">
 						<div class="col-md-4">
 							<div class="products">
 								<div class="card-body">
 									<div class="icon icon-info">
-										<img class="img" src="img/biotherm-heat.png" style="width:50px;"/>
+										<a href="heat.html"><img class="img" src="img/biotherm-heat.png" style="width:50px;"/></a>
 									</div>
-									<h4 class="card-title">Climate Systems</h4>
+									<a href="heat.html"><h4 class="card-title">Climate Systems</h4></a>
 									<ul class="product-card-list">
-											<li>Heating - Cooling</li>
-											<li>Dehu - CO<sub>2</sub></li>
+											<li><a href="heat.html">Heating</a></li>
+											<li><a href="heat.html">Cooling</a></li>
+											<li><a href="heat.html">Dehu &amp; CO<sub>2</sub></a></li>
 									</ul>
-									<a href="heat.html"><button type="button" class="btn btn-danger"><b>Climate Systems</b></button></a>
 									</div>
 								</div>
 							</div>
@@ -214,10 +171,10 @@
 									</div>
 									<h4 class="card-title">Hydro Sciences</h4>
 									<ul class="product-card-list">
-											<li>Oxygen Infusion</li>
-											<li>Flood Floors</li>
+											<li><a href="hydro.html">Oxygen Infusion</a></li>
+											<li><a href="hydro.html">Flood Floors</a></li>
+											<li><a href="hydro.html">Nutrient Dosing</a></li>
 									</ul>
-									<a href="hydro.html"><button type="button" class="btn btn-hydro"><b>Hydro Sciences</b></button></a>
 								</div>
 							</div>
 						</div>
@@ -229,10 +186,10 @@
 									</div>
 									<h4 class="card-title">Data &amp; Automation</h4>
 									<ul class="product-card-list">
-											<li>Data Visualization</li>
-											<li>Control Solutions</li>
+											<li><a href="tech.html">Data Visualization</a></li>
+											<li><a href="tech.html">Control Solutions</a></li>
+											<li><a href="tech.html">Wireless technologies</a></li>
 									</ul>
-									<a href="tech.html"><button type="button" class="btn btn-success"><b>Data &amp; Automation</b></button></a>
 								</div>
 							</div>
 						</div>
@@ -240,13 +197,12 @@
 				</div>
 			</div>
 		</div>
-		<hr>
-	</div>-->
+	</div>
 		
-	<div class="container section">
+	<!--<div class="container">
 		<div class="row justify-content-md-center text-center">
 			<div class="col">
-				<a data-toggle="collapse" href="#climate" role="button" aria-expanded="false" aria-controls="climate"><img src="img/front-temp.png" width="100px"></a>
+				<a  data-target="#front-carousel" data-slide-to="1" href="#climate" role="button" aria-expanded="false" aria-controls="climate"><img src="img/front-temp.png" width="100px"></a>
 				<h4>Our Climate Solutions</h4>
 				<div class="collapse" id="climate">
 					<a href="heat.html">Heating</a><br />
@@ -256,7 +212,7 @@
 				</div>
 			</div>
 			<div class="col">
-				<a data-toggle="collapse" href="#hydro" role="button" aria-expanded="false" aria-controls="hydro"><img src="img/front-o2.png" width="100px"></a>
+				<a data-target="#front-carousel" data-slide-to="2" href="#hydro" role="button" aria-expanded="false" aria-controls="hydro"><img src="img/front-o2.png" width="100px"></a>
 				<h4>Boost plant growth using pure oxygen</h4>
 				<div class="collapse" id="hydro">
 					<a href="hydro-toob.html">The Toob</a><br />
@@ -272,24 +228,35 @@
 					<a href="tech.html">Wireless technologies</a>
 				</div>
 			</div>
-			<div class="col">
-				<img src="img/front-cart.png" width="100px">
-				<h4>Visit our store</h4>
-			</div>
 			<div class="col">
 				<img src="img/front-reseller.png" width="100px">
 				<h4>Reseller opportunities</h4>
 			</div>
 		</div>	
-	</div>	
-		
+	</div>-->
+	
+<!--     *********    SIGNUP     *********      -->
+	<div class="" data-parallax="true" style="background:#5a5a5a">
+		<div class="container section">
+			<div class="row justify-content-md-center">
+				<div class="col col-lg-4">
+					<img class="img-fluid" src="img/brochure.jpg">
+				</div>
+				<div class="col col-lg-4">
+					<img class="img-fluid" src="img/brochure2.jpg">
+				</div>
+			</div>
+			<br />
+		</div>
+	</div>
+
+<!--     *********    END SIGNUP     *********      -->	
 
 <!--     *********     BLOG       *********      -->
-	<!--<div id="blog" class="section blog">
+	<div id="blog" class="section blog">
 		<div class="container">
 			<div class="row">
 				<div class="col-md-10 ml-auto mr-auto">
-					<h2>Know Your <b>Grow</b></h2>
 					<div class="row">
 						<div class="col-md-3">
 							<div class="card card-plain card-blog">
@@ -343,25 +310,12 @@
 				</div>
 			</div>
 		</div>
-	</div> -->
+	</div>
 <!--     *********    END BLOG       *********      -->  
 
 <!--     *********    SIGNUP     *********      -->
-	<div class="" data-parallax="true" style="background:#555">
+	<div class="" data-parallax="true" style="background:#5a5a5a">
 		<div class="container section">
-			<div class="row justify-content-md-center">
-				<div class="col col-lg-4">
-					<img class="img-fluid" src="img/brochure.jpg">
-				</div>
-				<div class="col col-lg-4">
-					<img class="img-fluid" src="img/brochure2.jpg">
-				</div>
-				<div class="col col-lg-4">
-					<h4 style="color:#fff;">placeholder for proposal questionnaire doc</h4>
-					<img class="img-fluid" src="img/brochure2.jpg">
-				</div>
-			</div>
-			<br />
 			<div class="row">
 				<div class="col-md-8 ml-auto mr-auto text-center">
 					<h3 class="title" style="color:#fff;"> Newsletter</h3>
@@ -407,7 +361,7 @@
 
 		 
 <!--     *********    CONTACT     *********      -->
-	<div id="contactmap" class="contactus-2">
+	<!--<div id="contactmap" class="contactus-2">
 		<div id="contactUs2Map" class="map"></div>
 		<div class="container section">
 			<div class="col-md-6">
@@ -464,14 +418,6 @@
 								</div>
 							</div>
 							<div class="card-footer justify-content-between">
-								<!---<div class="form-check">
-									<label class="form-check-label">
-										<input class="form-check-input" type="checkbox" value=""> I'm not a robot
-										<span class="form-check-sign">
-											<span class="check"></span>
-										</span>
-									</label>
-								</div>-->
 								<button type="submit" class="btn btn-success pull-right">Send Message</button>
 							</div>
 						</div>
@@ -480,10 +426,10 @@
 				</div>
 			</div>
 		</div>
-	</div>
+	</div>-->
 <!--     *********    END CONTACT      *********      -->
 
-
+</br></br></br></br></br>
 
 </div>
 
@@ -519,7 +465,7 @@
 				</div>
 				<div class="col-md-3">
 						<h5>Connect</h5>
-						<p><a href="tel:1-800-438-4328"><i class="fas fa-phone"></i> <strong>800-438-4328</strong></a></p>
+						<p><a href="tel:1-800-438-4328"><strong>800-438-4328</strong></a></p>
 						<script>document.write("<n uers='znvygb:vasb@ovbgurezfbyhgvbaf.pbz'>vasb@ovbgurezfbyhgvbaf.pbz</n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));</script>
 						<ul class="social-buttons">
 							<li><a href="https://www.instagram.com/biothermsolutions/" class="btn btn-just-icon btn-link btn-instagram"><i class="fab fa-instagram"></i></a></li>