diff --git a/Example code/1532556.png b/Example code/1532556.png
new file mode 100644
index 0000000..c330af9
Binary files /dev/null and b/Example code/1532556.png differ
diff --git a/Example code/Gmail_Icon_(2013-2020).svg.png b/Example code/Gmail_Icon_(2013-2020).svg.png
new file mode 100644
index 0000000..4f57240
Binary files /dev/null and b/Example code/Gmail_Icon_(2013-2020).svg.png differ
diff --git a/Example code/Instagram-App-For-PC-1-removebg-preview.png b/Example code/Instagram-App-For-PC-1-removebg-preview.png
new file mode 100644
index 0000000..6240701
Binary files /dev/null and b/Example code/Instagram-App-For-PC-1-removebg-preview.png differ
diff --git a/README.md b/Example code/README.md
similarity index 100%
rename from README.md
rename to Example code/README.md
diff --git a/Example code/download.png b/Example code/download.png
new file mode 100644
index 0000000..7a10e4e
Binary files /dev/null and b/Example code/download.png differ
diff --git a/Example code/index.html b/Example code/index.html
index df2ac87..5990962 100644
--- a/Example code/index.html	
+++ b/Example code/index.html	
@@ -1,63 +1,46 @@
 <!DOCTYPE html>
+
 <html>
-  <head>
-    <title>Meeting</title>
-  </head>
-
-  <body>
-    <nav>Programming club</nav>
-
-    <header>
-      <h1>html</h1>
-      <img
-        src="https://www.oxfordwebstudio.com/user/pages/06.da-li-znate/sta-je-html/sta-je-html.jpg"
-        width="100px"
-        height="70"
-        alt="html pic"
-      />
-
-      <p>
-        Lorem ipsum <i>dolor</i> sit amet consectetur adipisicing elit. Amet
-        accusantium nisi
-        <b> obcaecati quaerat, soluta consectetur aliquam quidem</b>, at
-        architecto doloremque expedita eaque maxime nulla repellat quos ullam.
-        In, quod expedita.
-      </p>
-    </header>
-
-    <hr />
-
-    <div></div>
-
-    <h2>CSS</h2>
-    <img
-      src="https://camo.githubusercontent.com/edc736634dd35b0f4008e2f7db456136b9fc0e1e7a4078bb72c7352b1bdf8a7e/68747470733a2f2f776f726c64766563746f726c6f676f2e636f6d2f6c6f676f732f6373732d332e737667"
-      width="100px"
-      height="70"
-      alt="css pic"
-    />
-    <p>
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quam
-      aspernatur consequatur quas. Repudiandae dolorem sed, et sit tenetur
-      dignissimos earum ipsum nesciunt. Animi quidem nesciunt incidunt illo
-      assumenda harum.
-    </p>
-    <hr />
-    <h3>Tailwinf</h3>
-    <p>
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quam
-      aspernatur consequatur quas. Repudiandae dolorem sed, et sit tenetur
-      dignissimos earum ipsum nesciunt. Animi quidem nesciunt incidunt illo
-      assumenda harum.
-    </p>
-    <hr />
-
-    <h4>JS</h4>
-    <p>
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quam
-      aspernatur consequatur quas. Repudiandae dolorem sed, et sit tenetur
-      dignissimos earum ipsum nesciunt. Animi quidem nesciunt incidunt illo
-      assumenda harum.
-    </p>
-  </body>
-</html>
+
+<head>
+    <title> my first web site</title>
+    <link rel="icon" href="download.png">
+</head>
+<body>
+    <center><img src="logo.png" height="100"></center>
+    <h1><center> Hadi Alshalabi </center> </h1>
+    <hr>
+
+    <b><h1><center>About me</center> </h1></b>
+    <br>
+    <p><h2>I am Hadi Al-Shalabi, a student at IAU University, studying in the College of Computer Science and Information Technology. My main interests are mathematics and philosophy, and I am excited to learn programming with my colleague, who will help me develop my programming skills, Muhammad Alajmi.</h2></p>
+    <p><h3><center>For those who want to know the legend Muhammad Alajmi</center></h3></p>
+
+    <a href="https://devm7mdali.github.io/DevWebsite/#contact" target=><center>Mohammed Alajmi</center></a>
+    <hr>
+
+    <h1><center>my skills in programming</center></h1>
+    <h2><ins><span style="color: rgb(255, 255, 255); background-color: orangered;">HTML</span></ins></h2>
+    <h2><ins><span style="color:yellow; background-color: darkblue;">PYTHON</span></ins></h2>
+    <h2><ins><span style="color: rgb(255, 255, 255); background-color: blue;">C++</span></ins></h2>
+    <hr>
+
+    <h1><center>contact me </center></h1>
+    <a href="https://instagram.com/hadialshalabi14?igshid=OGQ5ZDc2ODk2ZA==" target=>
+        <img src="Instagram-App-For-PC-1-removebg-preview.png" height="50">
+    </a>
+    <br>
+    <br>
+    <a href="hadialshalabi14@gmail.com" target=>
+        <img src="Gmail_Icon_(2013-2020).svg.png" height="30">
+    </a>
+    <br>
+    <br>
+    <a href="https://wa.me/qr/FPDWWEOQSXQQI1" target=>
+        <img src="w-removebg-preview.png" height="50">
+    </a>
+
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/Example code/logo.png b/Example code/logo.png
new file mode 100644
index 0000000..9d01041
Binary files /dev/null and b/Example code/logo.png differ
diff --git a/Example code/w-removebg-preview.png b/Example code/w-removebg-preview.png
new file mode 100644
index 0000000..65f33bc
Binary files /dev/null and b/Example code/w-removebg-preview.png differ
