diff --git a/css/style.css b/css/style.css
index d316d37..85af2ad 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,8 +1,11 @@
-/**
- * Add your custom styles below
- * 
- * Remember: 
- * - Be organised, use comments and separate your styles into meaningful chunks
- *    for example: General styles, Navigation styles, Contanier styles, Footer etc.
- * 
- */
+
+.All{
+text-align: center;
+}
+
+
+footer{
+    margin: 25%;
+width: 50%;
+margin-top: 10px;
+}
diff --git a/d.jpg b/d.jpg
new file mode 100644
index 0000000..a84e39b
Binary files /dev/null and b/d.jpg differ
diff --git a/index.html b/index.html
index d8e8e09..da10621 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,22 @@
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
-    <!-- Add your HTML markup here -->
-    <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
+    <div class="All">
+   <h1>My fires web page</h1>
+   <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.<br>
+      Odit dicta unde eos sit non porro debitis vitae animi ipsa <br>
+      maiores sint dolorum illum, exercitationem tempora <br>
+      voluptates ipsum recusandae natus obcaecati!</p>
+
+      <img src="d.jpg">
+
+      <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.<br>
+        Odit dicta unde eos sit non porro debitis vitae animi ipsa <br>
+        maiores sint dolorum illum, exercitationem tempora <br>
+        voluptates ipsum recusandae natus obcaecati!</p>
+        <img src="d.jpg">
+
+        <footer> Lorem, ipsum dolor sit amet consectetur adipisicing elit.
+        </footer></div>
   </body>
 </html>
