diff --git a/images/1.JPG b/images/1.JPG
new file mode 100644
index 0000000..a2e87ef
Binary files /dev/null and b/images/1.JPG differ
diff --git a/images/2.jpg b/images/2.jpg
new file mode 100644
index 0000000..9213d63
Binary files /dev/null and b/images/2.jpg differ
diff --git a/images/3.jpg b/images/3.jpg
new file mode 100644
index 0000000..2301d1f
Binary files /dev/null and b/images/3.jpg differ
diff --git a/images/4.jpg b/images/4.jpg
new file mode 100644
index 0000000..fd79d7b
Binary files /dev/null and b/images/4.jpg differ
diff --git a/index.html b/index.html
index 09d6ef6..da216ad 100644
--- a/index.html
+++ b/index.html
@@ -10,28 +10,31 @@
 		<h1>TWENDE WAPI</h1>
 	</div>
 
-	<div class="info">
-		<h1>TWENDE WAPI</h1>
-			<div class="information">
-				<h1>Who we are</h1>
-			</div>
+	<div class="image1"></div>
+
+	<div class="inform">
+		<h1>Who we are</h1>
+		<p>so this is what we do</p>
+		<p>and this as well</p>
+		<p>oh and that other thing</p>
+	</div>
+
+	<div class="image2"></div>
+
+	<div class="inform">
+		<h1>What we do</h1>
+	</div>
 
-			<div class="information">
-				<h1>What we do</h1>
-			</div>
+	<div class="image3"></div>
 
-			<div class="information">
-				<h1>Where we going</h1>
-			</div>
+	<div class="information">
+		<h1>Upcoming events</h1>
 	</div>
+	
 
 	<div class="clear"></div>
 
 	<div class="footer">
-		
-		facebook
-		instagram
-		twitter
 		King Wasabi
 	</div>
 
diff --git a/stylesheet.css b/stylesheet.css
index ca2ed49..9729577 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -1,5 +1,4 @@
 html, body {
-	background-image: url(images/Elephant.jpg);
 	margin:0px; 
 }
 
@@ -8,20 +7,51 @@ html, body {
 	display: inline-block;
 	padding: 0px;
 	margin: 0px;
+}
+
+.image1 {
+	background: url(../images/1.JPG);
+	background-attachment: fixed;
+	background-size: cover;
+	width: 100%;
+	height: 900px;
+	margin: 0px;
+	padding: 0px;
+	text-align: center;
+	color: white;
+}
 
+.image2 {
+	background: url(../images/4.jpg);
+	background-attachment: fixed;
+	background-size: cover;
+	width: 100%;
+	height: 900px;
+	margin: 0px;
+	padding: 0px;
+	text-align: center;
+	color: white;
 }
 
-.information {
+.image3 {
+	background: url(../images/2.jpg);
+	background-attachment: fixed;
+	background-size: cover;
 	width: 100%;
-	margin: 0px auto;
-	background-color: white;
-	height: 300px;
+	height: 900px;
+	margin: 0px;
+	padding: 0px;
 	text-align: center;
+	color: white;
 }
 
-.image {
+.inform {
 	width: 100%;
-	background-color: yellow;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  background-color: #d9d9d9;
+  color: white;
 }
 
 .header {
@@ -29,27 +59,27 @@ html, body {
 	top: 0px;
 	background-color: blue;
 	text-align: center;
-	width: 100%; 
+	width: 90%;
+	margin: auto;
+	display: block;	
 }
 
 .connect {
-	list-style: none; 
-	display: inline-block fixed;
-	float: right;
+	display: inline-block;
 	right: 0px;
-	clear: left;
+	margin: auto;
 	width: 20%;
 	background-color: green;
-
-}
-
-.clear {
-	clear: both;
 }
 
 .footer {
-	width: 99%;
+	width: 90%;
 	text-align: right;
 	background-color: red;
 	margin: auto;
-}
\ No newline at end of file
+}
+
+h1 {
+	margin: 0px;
+	padding: 0px;
+}