diff --git a/css/style.css b/css/style.css
index d316d37..a4d1303 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,3 +6,29 @@
  *    for example: General styles, Navigation styles, Contanier styles, Footer etc.
  * 
  */
+
+ *{
+
+    text-align: center;
+    border: none;
+    font-family: monospace;
+    margin-left: 5%;
+    margin-right: 5%;
+ background-color: aquamarine;
+
+
+ }
+
+ 
+
+
+
+
+
+ 
+
+
+ 
+
+    
+
diff --git a/index.html b/index.html
index d8e8e09..8178838 100644
--- a/index.html
+++ b/index.html
@@ -14,5 +14,50 @@
   <body>
     <!-- Add your HTML markup here -->
     <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
+<h1> MY Blogs About my Adventures </h1>
+<article>
+  <h3> Adventure 1</h3>
+      <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.aJ1uZzv6RwE-ywKw_o8wtwHaEo%26pid%3DApi&f=1" alt="adv 1" width="500px" height="200px"> 
+  <p>Lorem ips
+        um dolor sit amet consectetur adipisicing elit. Mollitia, doloremque iure repellat placeat dolorum rem accusamus, magnam laudantium eos repudiandae 
+        dolorem necessitatibus iusto reprehenderit hic, debitis deserunt porro vel minima.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia, doloremque iure repellat placeat dolorum rem accusamus, magnam laudantium eos repudiandae 
+        dolorem necessitatibus iusto reprehenderit hic, debitis deserunt porro vel minima.
+      </p>
+</article>
+
+<article>
+  <h3> Adventure 2</h3>
+  <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.Vfl8aXTh7itRXO3EM2ucpwHaEK%26pid%3DApi&f=1" alt="adv 2" width="500px" height="200px">
+  <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
+    Voluptate facere quia odit quas. Eveniet perspiciatis, ad porro similique quos natus sapiente officia. 
+    Similique ipsam mollitia vitae minus veniam et harum.
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia, doloremque iure repellat placeat dolorum rem accusamus, magnam laudantium eos repudiandae 
+        dolorem necessitatibus iusto reprehenderit hic, debitis deserunt porro vel minima.
+
+
+  </p>
+
+</article>
+
+<article>
+  <h3> Adventure 3</h3>
+  <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.rIW31JQAqecAHW29bm3eCwHaEK%26pid%3DApi&f=1" alt="adv 3" width="500px" height="200px">
+  <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
+    Voluptate facere quia odit quas. Eveniet perspiciatis, ad porro similique quos natus sapiente officia. 
+    Similique ipsam mollitia vitae minus veniam et harum.
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia, doloremque iure repellat placeat dolorum rem accusamus, magnam laudantium eos repudiandae 
+        dolorem necessitatibus iusto reprehenderit hic, debitis deserunt porro vel minima.
+
+
+  </p>
+
+</article>
+
+
+
   </body>
+  <footer> designed by Hamda Abdi 
+  </footer>
 </html>
+
