diff --git a/Khalifa-International-Stadium-3.webp b/Khalifa-International-Stadium-3.webp
new file mode 100644
index 0000000..aff5382
Binary files /dev/null and b/Khalifa-International-Stadium-3.webp differ
diff --git a/css/style.css b/css/style.css
index e69de29..1f1fab2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,23 @@
+.body {
+  
+  text-align: center;
+  background-color: azure;
+}
+.header {
+  padding: 10px;
+}
+.main {
+  display: flex;
+  justify-content:space-around;
+  align-items:flex-start;
+  justify-items: center;
+  margin: 10px;
+font-family: Merienda;
+}
+.ul {
+  position: absolute;
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+}
+
diff --git a/download (2).jpg b/download (2).jpg
new file mode 100644
index 0000000..b9e4552
Binary files /dev/null and b/download (2).jpg differ
diff --git a/download.jpg b/download.jpg
new file mode 100644
index 0000000..19a9a37
Binary files /dev/null and b/download.jpg differ
diff --git a/index.html b/index.html
index 3db679e..ab69d31 100644
--- a/index.html
+++ b/index.html
@@ -6,16 +6,63 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <title>My Blog</title>
+   
+
+    <title>World Cup 2022</title>
     <link
-      href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
+      href="//fonts.googleapis.com/css2?family=Lobster&family=Merienda&display=swap'"
       rel="stylesheet"
       type="text/css"
     />
     <link rel="stylesheet" href="css/style.css" />
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
   </head>
-  <body>
+  <body class="body">
     <!-- Add your HTML  here -->
+    <header class="header">
+      <ul class="ul">
+        <li><a href="default.asp">Home</a></li>
+        <li><a href="news.asp">News</a></li>
+        <li><a href="contact.asp">Contact</a></li>
+        <li><a href="about.asp">About</a></li>
+      </ul>
+    <h1 >World Cup Qatar 2022 News</h1>
+
+
+    
+    <p1>Lorem Ipsum is simply dummy text of the printing and typesetting <br>
+      industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p1>
+    </header>
+    <main class="main">
+      <h3 class="h3">where will world cup 2022 be held?</h3>
+<img src="download (2).jpg">
+<p>It is a long established fact that a reader will be distracted by the<br>
+   readable content of a page when looking at its layout. The point of using<br>
+    Lorem Ipsum is that it has a more-or-less normal distribution of letters,<br> 
+    as opposed to using 'Content here, content here', making it look like readable<br>
+     English. Many desktop publishing packages and web page editors now use Lorem Ipsum<br>
+      as their default model text, and a search for 'lorem ipsum' will uncover <br>
+      many web sites still in their infancy. Various versions have evolved over<br>
+       the years, sometimes by accident, sometimes on purpose (injected humour <br>
+       and the like)</p>
+
+       <h3 class="h3">Where will the 2022 World Cup final take place?</h3>
+       <img src="download.jpg">
+<p >There are many variations of passages of Lorem Ipsum available, but<br>
+  themajority have suffered alteration in some form, by injected humour,<br>
+   or randomised words which don't look even slightly believable. If you<br>
+    are going to use a passage of Lorem Ipsum, you need to be sure there<br>
+     isn't anything embarrassing hidden in the middle of text. All the<br>
+      Lorem Ipsum generators on the Internet tend to repeat predefined<br>
+       chunks as necessary, making this the first true generator on the<br>
+        Internet.
+      </main>
+
+   
   </body>
+  <footer>
+    All the right
+  </footer>
+
+
 </html>
