Founders series homepage

ainc · Jul 20, 2020 · 716d32a · 716d32a
1 parent ab2fbf1
commit 716d32a
Show file tree

Hide file tree

Showing 7 changed files with 123 additions and 14 deletions.
diff --git a/_includes/founders-series-mainpage.html b/_includes/founders-series-mainpage.html
@@ -0,0 +1,23 @@
+<section id="founders-series">
+
+    <h1>FOUNDERS SERIES</h1>
+
+    <p>In order to share the sucess stories of Kentucky's entrepreneurs on <br> a larger scale, we launched a video
+        series where we sit down and <br> interview each Kentucky Entrepreneur Hall of Fame inductee.</p>
+
+    <div class="videos">
+        <ul id="youtube">
+            <li><a href="https://www.youtube.com/embed/tBEBP1jtlxs"><img src="img/joe-craft-thumb.jpg"
+                        alt="Joe Craft Founders Series"></a></li>
+            <li><a href="https://www.youtube.com/embed/kkrMKrqXz7Q"><img src="img/jess-correll-thumb.png"
+                        alt="Jess Correll Founders Series"></a></li>
+        </ul>
+    </div>
+
+
+    <h2>Class of 2018 Joe Craft</h2>
+    <h3>Class of 2018 Jess Correll</h3>
+
+    <button onclick="document.location='/foundersseries'">VIEW MORE</button>
+
+</section>
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -5,4 +5,5 @@
 @import 'theme/we-stand-for';
 @import 'theme/about-mainpage';
 @import 'theme/inductees-mainpage';
-@import 'theme/emergingEnt-mainpage';
+@import 'theme/emergingEnt-mainpage';
+@import 'theme/founders-series-mainpage';
diff --git a/assets/sass/theme/emergingEnt-mainpage.scss b/assets/sass/theme/emergingEnt-mainpage.scss
@@ -1,5 +1,5 @@
 #emergingEnt{
-    height: 80vh;
+    height: 85vh;
     background-image: url('/img/hof-ceremony-19-56.jpg');
     background-repeat: no-repeat;
     background-size: cover;
@@ -32,14 +32,14 @@
             font-size: 100%;
             letter-spacing: initial;
             word-spacing: initial;
-            margin-right: 18.5%;
+            margin-right: 20%;
         }
     }
 
     .inducteesemerge {
 
         ul {
-            margin-left: 19%;
+            margin-left: 18%;
             margin-top: 1%;
 
             li{
@@ -85,13 +85,10 @@
     p {
         text-align: center;
         color: white;
-        margin-top: 3%;
-        font-size: 125%;
+        margin-top: 5%;
+        font-size: 150%;
         font-style: italic;
 
-
-
-
     }
 
 }
diff --git a/assets/sass/theme/founders-series-mainpage.scss b/assets/sass/theme/founders-series-mainpage.scss
@@ -0,0 +1,87 @@
+#founders-series {
+    height: 80vh;
+    background-color: white;
+
+        h1 { 
+            color: rgb(184, 15, 15);
+            font-family: 'AmericanPurpose';
+            text-align: center;
+            font-size: 450%;
+            padding-top: 4%;
+        }
+        p {
+            text-align: center;
+            color: black;
+            font-style: italic;
+            margin-top: 3%;
+            font-size: 130%;
+        }
+        .videos{
+
+            ul{
+                margin-top: 2%;
+                margin-left: 20%;
+
+                li{
+                    float: left;
+                    position: relative;
+                    list-style: none;
+
+                    padding-top: 2%;
+                    padding-right: 3%;
+
+                    img{
+                        width: 50vh;
+                        height: 27.5vh;
+
+
+                    }
+                }
+            }
+        }
+
+
+        h2{
+            float: left;
+            margin-top: 0%;
+            margin-left: 20%;
+            color: black;
+            font-family: 'Open Sans';
+            font-size: 150%;
+
+        }
+        h3{
+            float: left;
+            margin-top: 0%;
+            margin-left: 16.5%;
+            color: black;
+            font-family: 'Open Sans';
+            font-size: 150%;
+
+        }
+
+
+        button{
+            //Button position
+            margin-top: 2.5%;
+            margin-left: 42%;
+
+            // Button code
+            font-family: 'Open Sans';
+            font-size: 16px;
+            font-weight: bold;
+            color: white;
+            text-align: center;
+            text-decoration: none;
+
+            height: 5.5vh;
+            width: 27vh;
+
+            background-color: rgb(184, 15, 15);
+            padding: 15px 32px;
+            border: none;
+            border-radius: 7px;
+            display: inline-block;
+
+        }
+}
diff --git a/assets/sass/theme/inductees-mainpage.scss b/assets/sass/theme/inductees-mainpage.scss
@@ -1,5 +1,5 @@
 #inductees-mainpage {
-    height: 80vh;
+    height: 85vh;
     background-image: url('/img/Red_BG.png') ;
     background-repeat: no-repeat;
     background-size: cover;
@@ -22,7 +22,7 @@
 
         ul {
             margin-left: 6%;
-            margin-top: 5%;
+            margin-top: 4%;
 
             li{
                 float: left;
@@ -43,7 +43,7 @@
 
     button{
         //positioning
-        margin-top: 2%;
+        margin-top: 3%;
         margin-left: 42%;
 
         // Button code

diff --git a/assets/sass/theme/we-stand-for.scss b/assets/sass/theme/we-stand-for.scss
@@ -1,5 +1,5 @@
 #what-we-stand-for {
-    height: 80vh;
+    height: 90vh;
     background-image: url('/img/hero-bg.png');
     background-repeat: no-repeat;
     background-size: cover;

diff --git a/index.html b/index.html
@@ -8,4 +8,5 @@
 {% include we-stand-for.html %}
 {% include about-mainpage.html %}
 {% include inductees-mainpage.html %}
-{% include emergingEnt-mainpage.html %}
+{% include emergingEnt-mainpage.html %}
+{% include founders-series-mainpage.html %}