add backround hero image

vietanhdtd · May 9, 2019 · 94c77ee · 94c77ee
1 parent a899635
commit 94c77ee
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>Adopt your Platypus</title>
+    <title>Help a Platypus</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel='icon' href='img/platypus-favicon.png' type='image/x-icon'>
@@ -23,7 +23,7 @@
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
 
-    <nav class="bg-black">
+    <nav class="bg-black fixed-top row">
         <div class="container navbar-nav navbar-light navbar-expand-lg py-2">
             <a href="#" class="navbar-brand"><img src="img/platypus-logo.png" alt="Startup-logo" height="45px"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/style.css b/style.css
@@ -21,6 +21,12 @@ nav {
 header {
     background-color: white;
     min-height: 400px;
+    background-image: url("img/platypus-hero2.jpg");
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    height: 650px;
 }
 
 .environment {
@@ -44,7 +50,7 @@ footer {
 /*nav-style*/
 
 .bg-black {
-    background-color: rgba(48, 24, 24, 1.0);
+    background-color: rgba(48, 24, 24, .8);
 }
 
 .nav-linkto {