change the background of about-us page and fix bug in header (index)

vietanhdtd · May 12, 2019 · 611b8e4 · 611b8e4
1 parent 15c0c27
commit 611b8e4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/about-us.html b/about-us.html
@@ -49,7 +49,7 @@
             </form>
         </div>
     </nav>
-    <header class="">
+    <header class="header-aboutus">
         <div class="container">
             <div class="aboutus-header-style">
                 <h1 class="header-title">WHO ARE WE ?</h1>

diff --git a/img/about-us-bg.png b/img/about-us-bg.png
diff --git a/style.css b/style.css
@@ -18,14 +18,22 @@ nav {
 
 header {
     background-color: white;
-    min-height: 400px;
+    min-height: 600px;
     background-image: url("img/platypus-hero2.jpg");
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }
 
+.header-aboutus {
+    background-image: url("img/about-us-bg.png");
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+}
+
 .environment-section {
     background-image: url("img/environment-background.jpg");
     background-attachment: fixed;
@@ -146,8 +154,8 @@ nav ul {
     align-items: center;
     position: relative;
     color: #F09048;
-    border: 2px solid rgba(48, 24, 24, .9);
-    background-color: rgba(48, 24, 24, .9);
+    border: 2px solid rgba(48, 24, 24, .8);
+    background-color: rgba(48, 24, 24, .8);
     padding: 20px 0px;
     margin: 100px auto 30px auto;
     width: 60rem;