diff --git a/Topics/02. HTML-Fundamentals/demos/02.HTML-structure.html b/Topics/02. HTML-Fundamentals/demos/02.HTML-structure.html
index 32cbb01..faea264 100644
--- a/Topics/02. HTML-Fundamentals/demos/02.HTML-structure.html	
+++ b/Topics/02. HTML-Fundamentals/demos/02.HTML-structure.html	
@@ -6,17 +6,22 @@
         img {
             width: 150px;
         }
-    </style>
-    <script>
-        function onClick() {
-            alert("Clicked");
+        a {
+            font-size:1.5rem;
+            color:grey;
         }
-    </script>
+    </style>
 </head>
 <body>
-    <h1>Hello Pesho!</h1>
-    <a href="https://google.com">go to Google</a>
+    <h1>Hello World!</h1>
+    <a href="https://google.com">Google Search</a>
     <hr width="95%" size="3" />
-    <img src="images/SEB-Ninja.png" onclick="onClick()" />
+    <img src="images/SEB-Ninja.png"/>
+    
+    <script>
+        document.querySelector('img').addEventListener('click') =>{
+            alert("welcome to google");
+        }
+     </script>
 </body>
 </html>
diff --git a/Topics/02. HTML-Fundamentals/demos/03.Common-elements.html b/Topics/02. HTML-Fundamentals/demos/03.Common-elements.html
index b98d517..0dbd596 100644
--- a/Topics/02. HTML-Fundamentals/demos/03.Common-elements.html	
+++ b/Topics/02. HTML-Fundamentals/demos/03.Common-elements.html	
@@ -5,10 +5,12 @@
 </head>
 <body>
     <a href="http://www.telerik.com/" title="Telerik">Link to Telerik Web site</a>
-    <img src="images/seb-ninja.png" width="50" alt="logo" />
+    <img src="images/seb-ninja.png" width:"50px" alt="logo" />
     This text is <em>emphasized.</em>
     <br />new line<br />
-    This one is <strong>more emphasized.</strong>
+    This one is <strong>Strong.</strong>
+    <i>this is an italic text </i>
+    <b>this is a bold text </b>
     <h1>Heading 1</h1>
     <h2>Sub heading 2</h2>
     <h3>Sub heading 3</h3>
@@ -28,6 +30,17 @@ <h6>Sub heading 6</h6>
         <li>Orange</li>
         <li>Grapefruit</li>
     </ul>
+    <ul style="list-style-type:circle;">
+  <li> Coffee </li>
+  <li> Tea </li>
+  <li> Chocolate </li>
+    </ul>
+    <ul style="list-style-type:square;">
+  <li>Coffee</li>
+  <li>Tea</li>
+  <li>Milk</li>
+</ul>
+        
     <dl>
         <dt>HTML</dt>
         <dd>A markup language</dd>
