Resolves #46 resize header for mobile

emstanley · Dec 1, 2019 · 2d9f563 · 2d9f563
1 parent aa86b43
commit 2d9f563
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 5 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -79,12 +79,46 @@ export default ({ data }) => (
             <div className="row">
               <div className="col-lg-12">
                 <div className="banner-content">
-                  <div className="upcoming">
+
+                  <div className="row justify-content-center">
+                    <div className="col-lg-7 align-self-start">
+                        <img
+                        className="img-fluid"
+                        src="/img/logo/refactr-logo.svg"
+                        alt="REFACTR.TECH Conference"
+                      />
+                    </div>
+                  </div>
+
+                  <div className="row justify-content-center" style={{marginTop: '30px'}}>
+                    <div className="col-lg-6">
+                        <img
+                        className="img-fluid"
+                        src="/img/logo/refactr2020-header-slogan.svg"
+                        alt="Diversity.Inclusion.Tech"
+                      />
+                    </div>
+                  </div>
+
+                  {/*<div className="upcoming">
                     <span className="is-countdown"> </span>
-                    <div data-countdown="2019/06/05" />
+                    <div data-countdown="2019/06/05" /> 
+                  </div>*/}
+
+                  <div className="row justify-content-end">
+                    <div className="col-lg-5 col-md-5 col-sm-5 col-5">
+                        <img
+                        src="/img/logo/refactr2020-header-location.svg"
+                        alt="Diversity.Inclusion.Tech"
+                      />
+                    </div>
                   </div>
-                </div>
-              </div>
+
+
+
+                  </div>
+                  </div>
+
               {/* /col end*/}
             </div>
             {/* /row end*/}

diff --git a/src/styles/assets/css/style.css b/src/styles/assets/css/style.css
@@ -544,7 +544,7 @@ a {
   background-image: url(../img/slide/1.jpg); }
 
 .hero-bg-2 {
-  background-image: url(../img/bg/homeLogo.png?1234);
+  background-image: url(../img/bg/refactr20-header-bg-only.png);
 }
 
 .hero-bg-3 {

diff --git a/src/styles/assets/img/bg/refactr20-header-bg-only.png b/src/styles/assets/img/bg/refactr20-header-bg-only.png
diff --git a/static/img/logo/refactr-logo.svg b/static/img/logo/refactr-logo.svg