diff --git a/app/src/App.css b/app/src/App.css
index 09b15f1bab3dd2d4d9df6f487487036ecc57c0f4..5e57903686e422aac8604e944d5e6f84b5ae5dc0 100644
--- a/app/src/App.css
+++ b/app/src/App.css
@@ -14,6 +14,20 @@
 }
 
 .App-header > h1 {
-  padding-top: 10%;
   font-size: 2.5em;
 }
+
+#cf6_image {
+  margin:0 auto;
+  width:1200px;
+  height:500px;
+  transition: background-image 0.1s ease-out;
+  background-image:url("background.png");
+  background-color: #007EE5; 
+  
+}
+
+#cf6_image:hover {
+  background-image:url("think.png");
+  background-repeat: no-repeat;
+}
diff --git a/app/src/App.jsx b/app/src/App.jsx
index ccc4c6561eaef91121f3b1379084ea1206ee61a1..e2abb16d6fb72e4495a9e9e297bf821dd75cd4ee 100644
--- a/app/src/App.jsx
+++ b/app/src/App.jsx
@@ -8,15 +8,22 @@ import SocialShare from './components/SocialShare/SocialShare';
 class App extends Component {
   render() {
     return (
+      
       <div className="App">
+        <div id = "cf6_image" className = "shadow">
         <Navbar />
-        <div className="App-header">
+        </div>    
+        <div className="App-header"> 
           <h1>Make your first open source contribution in 5 minutes</h1>
+          <LinkButton />
         </div>
-        <LinkButton />
         <CardsContainer />
+   
         <SocialShare/>
+
+       
       </div>
+      
     );
   }
 }
diff --git a/app/src/background.png b/app/src/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e9cd35f5b4244363c790bccf7c0e40aeb4fa594
Binary files /dev/null and b/app/src/background.png differ
diff --git a/app/src/components/LinkButton/LinkButton.css b/app/src/components/LinkButton/LinkButton.css
index eac8fd3f93ea49ecfc29bf95c67c2a63e1d7015a..d00be88bb1a3bafbf3e24fe4186e5205a8f19e65 100644
--- a/app/src/components/LinkButton/LinkButton.css
+++ b/app/src/components/LinkButton/LinkButton.css
@@ -26,3 +26,7 @@
   font-size: 1.1em;
   letter-spacing: .05em;
 }
+
+body{
+  background-image: "C:\Users\Manuka Maduranga\Desktop\IIT Year 03\sunset"
+}
diff --git a/app/src/git1.png b/app/src/git1.png
new file mode 100644
index 0000000000000000000000000000000000000000..38366b14fd6d4f45365c6350db38235aeae0b2a6
Binary files /dev/null and b/app/src/git1.png differ
diff --git a/app/src/git2.png b/app/src/git2.png
new file mode 100644
index 0000000000000000000000000000000000000000..03bf65b2ca02acacfe98fb728afb1c31df4abb0b
Binary files /dev/null and b/app/src/git2.png differ
diff --git a/app/src/git3.png b/app/src/git3.png
new file mode 100644
index 0000000000000000000000000000000000000000..c190e8538b5c10d941a5527d6cd86cf088502733
Binary files /dev/null and b/app/src/git3.png differ
diff --git a/app/src/think.png b/app/src/think.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b779fba34b98b7ed47bd9228189a74a0db3222e
Binary files /dev/null and b/app/src/think.png differ