Browse Source

slider up front

windhamdavid 5 years ago
parent
commit
fd58394887
2 changed files with 31 additions and 19 deletions
  1. 3 8
      css/style.css
  2. 28 11
      index.html

+ 3 - 8
css/style.css

@@ -231,18 +231,13 @@ a:hover { color:#16c462; }
 .carousel-caption {
 	bottom: 230px;
 	z-index: 10;
+
 }
 /* Declare heights because of positioning of img element */
 .main-carousel-item {
 	height: 32rem;
-	background-color: #fff;
-}
-.main-carousel-item > img {
-	position: absolute;
-	top: 0;
-	left: 0;
-	min-width: 100%;
 }
+
 .main-carousel-item:after {
 	content:"";
 	display:block;
@@ -251,7 +246,7 @@ a:hover { color:#16c462; }
 	bottom:0;
 	left:0;
 	right:0;
-	background:rgba(0,0,0,0.5);
+	
 }
 .main-carousel-filter::before {
     background: rgba(0, 0, 0, 0.7);

+ 28 - 11
index.html

@@ -78,7 +78,21 @@
 			</ol>
 			<div class="carousel-inner" role="listbox">
 			<!-- Slide Zero -->
-			<div class="main-carousel-item carousel-item active carousel-background" style="">
+			<div class="main-carousel-item carousel-item active carousel-background" style="background-image: url('img/slide-3.png')">
+				<div class="row justify-content-md-center text-center">
+					<div class="col">
+					</div>
+					<div class="col">
+						<div class="carousel-caption d-none d-md-block">
+							<h1><span class="animated fadeInDown">Improving Turns and Planning for the Future.</span></h1>
+							<h3 class="animated fadeInUp">CASE STUDY: Patrick Herzing - Michael’s Greenhouse, Cheshire, CT: </h3>
+						</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">
 					<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>
@@ -93,13 +107,7 @@
 					<h2></h2>
 				</div>
 			</div>
-			<!-- Slide Zero -->
-			<div class="main-carousel-item carousel-item carousel-background" style="background-image: url('img/slide-3.png')">
-				<div class="carousel-caption d-none d-md-block">
-					<h1><span class="animated fadeInDown">CASE STUDY: Patrick Herzing</span></h1>
-					<h3 class="animated fadeInUp">Michael’s Greenhouse, Cheshire, CT: Improving Turns and Planning for the Future.</h3>
-				</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">
@@ -274,7 +282,7 @@
 		
 
 <!--     *********     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">
@@ -332,12 +340,21 @@
 				</div>
 			</div>
 		</div>
-	</div>
+	</div> -->
 <!--     *********    END BLOG       *********      -->  
 
 <!--     *********    SIGNUP     *********      -->
 	<div class="" data-parallax="true" style="background:#555">
-		<div class="container section" >
+		<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 class="row">
 				<div class="col-md-8 ml-auto mr-auto text-center">
 					<h3 class="title" style="color:#fff;"> Newsletter</h3>