diff --git a/3. HTML Fundamentals/1. HTML-concepts.html b/3. HTML Fundamentals/1. HTML-concepts.html
index 50afab7..c69423f 100644
--- a/3. HTML Fundamentals/1. HTML-concepts.html	
+++ b/3. HTML Fundamentals/1. HTML-concepts.html	
@@ -1,9 +1,12 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
+<head>
+    <title>HTML Concepts</title>
+</head>
 <body>
-   <h1>Hello Pesho!</h1>
-	<a href="http://google.com"> go to Google</a>
-   <hr width="95%" size="3px"/>
-   <img src="images/SEB-Ninja.png" width="15px"/>
+    <h1>Hello Pesho!</h1>
+    <a href="http://google.com"> go to Google</a>
+    <hr width="95%" size="3" />
+    <img src="images/SEB-Ninja.png" width="100" />
 </body>
 </html>
diff --git a/3. HTML Fundamentals/2. HTML-structure.html b/3. HTML Fundamentals/2. HTML-structure.html
index b9a9a2b..c544b12 100644
--- a/3. HTML Fundamentals/2. HTML-structure.html	
+++ b/3. HTML Fundamentals/2. HTML-structure.html	
@@ -1,26 +1,22 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
 <head>
-<title>HTML Structure - Demonstration</title>
-<style>
-	img
-	{
-		width:150px;
-	}
-</style>
-<script>
-
-function onClick()
-{
-	alert("Clicked");
-}
-
-</script>
+    <title>HTML Structure</title>
+    <style>
+        img {
+            width: 150px;
+        }
+    </style>
+    <script>
+        function onClick() {
+            alert("Clicked");
+        }
+    </script>
 </head>
 <body>
-   <h1>Hello Pesho!</h1>
-	<a href="http://google.com"> go to Google</a>
-   <hr width="95%" size="3px"/>
-   <img src="images/SEB-Ninja.png" onclick="onClick()"/>
+    <h1>Hello Pesho!</h1>
+    <a href="http://google.com"> go to Google</a>
+    <hr width="95%" size="3" />
+    <img src="images/SEB-Ninja.png" onclick="onClick()" />
 </body>
 </html>
diff --git a/3. HTML Fundamentals/3. Common-elements.html b/3. HTML Fundamentals/3. Common-elements.html
index d37297d..b98d517 100644
--- a/3. HTML Fundamentals/3. Common-elements.html	
+++ b/3. HTML Fundamentals/3. Common-elements.html	
@@ -1,35 +1,38 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
 <head>
-<title>HTML Common Tags - Demonstration</title>
+    <title>HTML Common Tags</title>
 </head>
 <body>
-	<a href="http://www.telerik.com/" title="Telerik">Link to Telerik Web site</a>
-	<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>
-	<h1>Heading 1</h1>
-	<h2>Sub heading 2</h2>
-	<h3>Sub heading 3</h3>
-	<p>This is my first paragraph</p>
-	<p>This is my second paragraph</p>
-	<div style="background: skyblue;">This is a div</div>
-	<ol type="1">
-	  <li>Apple</li>
-	  <li>Orange</li>
-	  <li>Grapefruit</li>
-	</ol>
-	<ul type="disc">
-	  <li>Apple</li>
-	  <li>Orange</li>
-	  <li>Grapefruit</li>
-	</ul>
-	<dl>
-		<dt>HTML</dt>
-		<dd>A markup language</dd>
-		<dt>CSS</dt>
-		<dd>Language used to</dd>
-	</dl>
+    <a href="http://www.telerik.com/" title="Telerik">Link to Telerik Web site</a>
+    <img src="images/seb-ninja.png" width="50" alt="logo" />
+    This text is <em>emphasized.</em>
+    <br />new line<br />
+    This one is <strong>more emphasized.</strong>
+    <h1>Heading 1</h1>
+    <h2>Sub heading 2</h2>
+    <h3>Sub heading 3</h3>
+    <h4>Sub heading 4</h4>
+    <h5>Sub heading 5</h5>
+    <h6>Sub heading 6</h6>
+    <p>This is my first paragraph</p>
+    <p>This is my second paragraph</p>
+    <div style="background: skyblue;">This is a div</div>
+    <ol type="1">
+        <li>Apple</li>
+        <li>Orange</li>
+        <li>Grapefruit</li>
+    </ol>
+    <ul type="disc">
+        <li>Apple</li>
+        <li>Orange</li>
+        <li>Grapefruit</li>
+    </ul>
+    <dl>
+        <dt>HTML</dt>
+        <dd>A markup language</dd>
+        <dt>CSS</dt>
+        <dd>Language used to</dd>
+    </dl>
 </body>
 </html>
diff --git a/3. HTML Fundamentals/4. Section-elements-div.html b/3. HTML Fundamentals/4. Section-elements-div.html
index 5f19ce9..2eb086a 100644
--- a/3. HTML Fundamentals/4. Section-elements-div.html	
+++ b/3. HTML Fundamentals/4. Section-elements-div.html	
@@ -1,12 +1,12 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
 <head>
-	<title>HTML section elements - divs - Demonstration</title>
+    <title>HTML section elements - divs</title>
 </head>
 <body>
-	<div>Some text in a DIV</div>
-	<div style='font-size:24px; color: red'>Some text in a DIV</div>
-	<div style="text-align: center; font-weight:bold">Some text in a DIV</div>
-	<div>Some text in a DIV</div>
+    <div>Some text in a DIV</div>
+    <div style='font-size:24px; color: red'>Some text in a DIV</div>
+    <div style="text-align: center; font-weight:bold">Some text in a DIV</div>
+    <div>Some text in a DIV</div>
 </body>
 </html>
diff --git a/3. HTML Fundamentals/5. Section-elements-span.html b/3. HTML Fundamentals/5. Section-elements-span.html
index 122b73a..8386c0f 100644
--- a/3. HTML Fundamentals/5. Section-elements-span.html	
+++ b/3. HTML Fundamentals/5. Section-elements-span.html	
@@ -1,13 +1,13 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
 <head>
-	<title>HTML section elements - span - Demonstration</title>
+    <title>HTML section elements - span</title>
 </head>
 <body>
-	<span>Some text in a SPAN</span>
-	<span>Some text in a SPAN</span>
-	<span>Some text in a SPAN</span>
-	<span>Some text in a SPAN</span>
-	<span>Some text in a SPAN</span>
+    <span>Some text in a SPAN.</span>
+    <span>Some text in a SPAN.</span>
+    <span>Some text in a SPAN.</span>
+    <span>Some text in a SPAN.</span>
+    <span>Some text in a SPAN.</span>
 </body>
 </html>
diff --git a/3. HTML Fundamentals/6. Semantic-structural-tags-divs.html b/3. HTML Fundamentals/6. Semantic-structural-tags-divs.html
index c66fbf6..f858171 100644
--- a/3. HTML Fundamentals/6. Semantic-structural-tags-divs.html	
+++ b/3. HTML Fundamentals/6. Semantic-structural-tags-divs.html	
@@ -1,94 +1,97 @@
+<!DOCTYPE html>
 <html>
 <head>
- <link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" /> 
+    <title>Semantic structural tags (divs)</title>
+    <link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" />
 </head>
 <body>
-	<div id="header">
-		<h1>This is the Header</h1>
-	</div>
-	<div id="navigation">
-		<ul>
-			<li>
-				<a href="#">
-					Nav 1
-				</a>
-			</li>
-			<li>
-				<a href="#">
-					Nav 2
-				</a>
-			</li>
-			<li>
-				<a href="#">
-					Nav 3
-				</a>
-			</li>			
-			<li>
-				<a href="#">
-					Nav 4
-				</a>
-			</li>
-		</ul>
-	</div>
-	<div id="sidebar">
-		<ul>					
-			<li>
-				<a href="#">
-					Item 1
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 2
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 3
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 4
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 5
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 6
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 7
-				</a>
-			</li>
-		</ul>
-	</div>
-	<div id="content">
-		<h2>Lorem Ipsum</h1>
-		<p>
-			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed sodales dui. Integer posuere odio vel augue porta quis viverra odio tempor. Vestibulum vitae mi metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae velit neque. Pellentesque eleifend sem vel nisi rhoncus sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent vel iaculis orci.
-		</p>		
-		<h3>Donec non quam euismod mauris congue interdum</h3>
-		<p>Cras elementum mi eget sapien accumsan gravida. Duis non leo massa. Proin mattis gravida quam, at ultrices dui bibendum ac. Aliquam varius mi sed ligula aliquam sed mattis arcu lacinia. Phasellus aliquam adipiscing sem sit amet viverra. Proin eu metus nunc, a laoreet est. Donec id urna dui. Fusce ut lectus sit amet lorem vulputate cursus et pretium justo. Vestibulum consequat scelerisque rhoncus. Curabitur varius pretium mollis. Sed gravida mattis odio ut posuere.
-		</p>
-		<p>
-			Nunc a justo consequat ipsum luctus malesuada et vel sem. Proin tempor aliquet nunc, vulputate rutrum turpis pulvinar quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris tellus nisl, gravida sed pulvinar quis, convallis sit amet tellus. Sed tempus tempus felis, ac laoreet dolor iaculis ac. Nulla quis dolor ante, et dapibus nulla. Etiam sollicitudin est quis dolor auctor sit amet consequat metus vehicula. Sed magna ipsum, sollicitudin eu sollicitudin in, bibendum ac leo. Fusce eget dui in eros tempor hendrerit. Sed ut neque turpis. Praesent sapien magna, lobortis sed ullamcorper sed, iaculis imperdiet nisl. Ut quis ante tortor.
-		</p>
-		<p>
-			Curabitur mattis viverra venenatis. Nunc eu lorem ligula. Praesent vehicula fermentum nulla, et malesuada erat lacinia hendrerit. Nulla tristique ultrices gravida. Vestibulum tempus, ipsum quis accumsan fermentum, ipsum ligula posuere lectus, sit amet vulputate leo lectus id dui. Nam placerat leo vitae lorem suscipit a dictum neque luctus. Etiam justo elit, eleifend sed viverra at, imperdiet ut lectus. Vivamus cursus blandit arcu, sit amet pretium neque consequat sed. Donec consequat lorem in orci hendrerit vel pharetra augue tincidunt. Fusce at est risus, sed lacinia elit. Pellentesque eros tellus, condimentum nec interdum sit amet, cursus eget urna.
-		</p>
-		<p>
-			Sed scelerisque mattis imperdiet. Ut varius magna nec lacus mattis dictum. Etiam ultricies, ligula eget laoreet cursus, erat ante congue tellus, sit amet dapibus tortor mi ac ante. Integer ultricies, diam quis molestie lobortis, leo ligula pellentesque diam, non tempus magna augue egestas lectus. Fusce orci tortor, auctor sed viverra ullamcorper, aliquet sed justo. Aenean gravida tristique bibendum. Donec non odio orci, at consectetur dui. Proin nec tellus tellus. Aliquam enim elit, feugiat eu aliquam sit amet, convallis in nulla. Fusce nisi ligula, placerat vel ultricies in, pulvinar et enim. Ut mollis eros id elit convallis ac volutpat urna auctor. Donec quis urna tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis lacus ut lectus rhoncus vestibulum eget id enim. Integer et pellentesque sem. Donec tristique lacus eu risus suscipit vitae consectetur elit elementum.
-		</p>
-	</div>
-	<div id="footer">
-		<h1>This is the Footer</h1>
-	</div>
+    <div id="header">
+        <h1>This is the Header</h1>
+    </div>
+    <div id="navigation">
+        <ul>
+            <li>
+                <a href="#">
+                    Nav 1
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Nav 2
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Nav 3
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Nav 4
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div id="sidebar">
+        <ul>
+            <li>
+                <a href="#">
+                    Item 1
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 2
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 3
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 4
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 5
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 6
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 7
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div id="content">
+        <h2>Lorem Ipsum</h2>
+        <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed sodales dui. Integer posuere odio vel augue porta quis viverra odio tempor. Vestibulum vitae mi metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae velit neque. Pellentesque eleifend sem vel nisi rhoncus sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent vel iaculis orci.
+        </p>
+        <h3>Donec non quam euismod mauris congue interdum</h3>
+        <p>
+            Cras elementum mi eget sapien accumsan gravida. Duis non leo massa. Proin mattis gravida quam, at ultrices dui bibendum ac. Aliquam varius mi sed ligula aliquam sed mattis arcu lacinia. Phasellus aliquam adipiscing sem sit amet viverra. Proin eu metus nunc, a laoreet est. Donec id urna dui. Fusce ut lectus sit amet lorem vulputate cursus et pretium justo. Vestibulum consequat scelerisque rhoncus. Curabitur varius pretium mollis. Sed gravida mattis odio ut posuere.
+        </p>
+        <p>
+            Nunc a justo consequat ipsum luctus malesuada et vel sem. Proin tempor aliquet nunc, vulputate rutrum turpis pulvinar quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris tellus nisl, gravida sed pulvinar quis, convallis sit amet tellus. Sed tempus tempus felis, ac laoreet dolor iaculis ac. Nulla quis dolor ante, et dapibus nulla. Etiam sollicitudin est quis dolor auctor sit amet consequat metus vehicula. Sed magna ipsum, sollicitudin eu sollicitudin in, bibendum ac leo. Fusce eget dui in eros tempor hendrerit. Sed ut neque turpis. Praesent sapien magna, lobortis sed ullamcorper sed, iaculis imperdiet nisl. Ut quis ante tortor.
+        </p>
+        <p>
+            Curabitur mattis viverra venenatis. Nunc eu lorem ligula. Praesent vehicula fermentum nulla, et malesuada erat lacinia hendrerit. Nulla tristique ultrices gravida. Vestibulum tempus, ipsum quis accumsan fermentum, ipsum ligula posuere lectus, sit amet vulputate leo lectus id dui. Nam placerat leo vitae lorem suscipit a dictum neque luctus. Etiam justo elit, eleifend sed viverra at, imperdiet ut lectus. Vivamus cursus blandit arcu, sit amet pretium neque consequat sed. Donec consequat lorem in orci hendrerit vel pharetra augue tincidunt. Fusce at est risus, sed lacinia elit. Pellentesque eros tellus, condimentum nec interdum sit amet, cursus eget urna.
+        </p>
+        <p>
+            Sed scelerisque mattis imperdiet. Ut varius magna nec lacus mattis dictum. Etiam ultricies, ligula eget laoreet cursus, erat ante congue tellus, sit amet dapibus tortor mi ac ante. Integer ultricies, diam quis molestie lobortis, leo ligula pellentesque diam, non tempus magna augue egestas lectus. Fusce orci tortor, auctor sed viverra ullamcorper, aliquet sed justo. Aenean gravida tristique bibendum. Donec non odio orci, at consectetur dui. Proin nec tellus tellus. Aliquam enim elit, feugiat eu aliquam sit amet, convallis in nulla. Fusce nisi ligula, placerat vel ultricies in, pulvinar et enim. Ut mollis eros id elit convallis ac volutpat urna auctor. Donec quis urna tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis lacus ut lectus rhoncus vestibulum eget id enim. Integer et pellentesque sem. Donec tristique lacus eu risus suscipit vitae consectetur elit elementum.
+        </p>
+    </div>
+    <div id="footer">
+        <h1>This is the Footer</h1>
+    </div>
 </body>
 </html>
diff --git a/3. HTML Fundamentals/7. Semantic-structural-tags.html b/3. HTML Fundamentals/7. Semantic-structural-tags.html
index 16e5edd..9f427b0 100644
--- a/3. HTML Fundamentals/7. Semantic-structural-tags.html	
+++ b/3. HTML Fundamentals/7. Semantic-structural-tags.html	
@@ -1,94 +1,99 @@
+<!DOCTYPE html>
 <html>
 <head>
- <link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" /> 
+    <title>Semantic structural tags (HTML5)</title>
+    <link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" />
 </head>
 <body>
-	<header>
-		<h1>This is the Header</h1>
-	</header>
-	<nav>
-		<ul>
-			<li>
-				<a href="#">
-					Nav 1
-				</a>
-			</li>
-			<li>
-				<a href="#">
-					Nav 2
-				</a>
-			</li>
-			<li>
-				<a href="#">
-					Nav 3
-				</a>
-			</li>			
-			<li>
-				<a href="#">
-					Nav 4
-				</a>
-			</li>
-		</ul>
-	</nav>
-	<aside>
-		<ul>					
-			<li>
-				<a href="#">
-					Item 1
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 2
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 3
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 4
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 5
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 6
-				</a>
-			</li>	
-			<li>
-				<a href="#">
-					Item 7
-				</a>
-			</li>
-		</ul>
-	</aside>
-	<section>
-		<h2>Lorem Ipsum</h1>
-		<p>
-			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed sodales dui. Integer posuere odio vel augue porta quis viverra odio tempor. Vestibulum vitae mi metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae velit neque. Pellentesque eleifend sem vel nisi rhoncus sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent vel iaculis orci.
-		</p>		
-		<h3>Donec non quam euismod mauris congue interdum</h3>
-		<p>Cras elementum mi eget sapien accumsan gravida. Duis non leo massa. Proin mattis gravida quam, at ultrices dui bibendum ac. Aliquam varius mi sed ligula aliquam sed mattis arcu lacinia. Phasellus aliquam adipiscing sem sit amet viverra. Proin eu metus nunc, a laoreet est. Donec id urna dui. Fusce ut lectus sit amet lorem vulputate cursus et pretium justo. Vestibulum consequat scelerisque rhoncus. Curabitur varius pretium mollis. Sed gravida mattis odio ut posuere.
-		</p>
-		<p>
-			Nunc a justo consequat ipsum luctus malesuada et vel sem. Proin tempor aliquet nunc, vulputate rutrum turpis pulvinar quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris tellus nisl, gravida sed pulvinar quis, convallis sit amet tellus. Sed tempus tempus felis, ac laoreet dolor iaculis ac. Nulla quis dolor ante, et dapibus nulla. Etiam sollicitudin est quis dolor auctor sit amet consequat metus vehicula. Sed magna ipsum, sollicitudin eu sollicitudin in, bibendum ac leo. Fusce eget dui in eros tempor hendrerit. Sed ut neque turpis. Praesent sapien magna, lobortis sed ullamcorper sed, iaculis imperdiet nisl. Ut quis ante tortor.
-		</p>
-		<p>
-			Curabitur mattis viverra venenatis. Nunc eu lorem ligula. Praesent vehicula fermentum nulla, et malesuada erat lacinia hendrerit. Nulla tristique ultrices gravida. Vestibulum tempus, ipsum quis accumsan fermentum, ipsum ligula posuere lectus, sit amet vulputate leo lectus id dui. Nam placerat leo vitae lorem suscipit a dictum neque luctus. Etiam justo elit, eleifend sed viverra at, imperdiet ut lectus. Vivamus cursus blandit arcu, sit amet pretium neque consequat sed. Donec consequat lorem in orci hendrerit vel pharetra augue tincidunt. Fusce at est risus, sed lacinia elit. Pellentesque eros tellus, condimentum nec interdum sit amet, cursus eget urna.
-		</p>
-		<p>
-			Sed scelerisque mattis imperdiet. Ut varius magna nec lacus mattis dictum. Etiam ultricies, ligula eget laoreet cursus, erat ante congue tellus, sit amet dapibus tortor mi ac ante. Integer ultricies, diam quis molestie lobortis, leo ligula pellentesque diam, non tempus magna augue egestas lectus. Fusce orci tortor, auctor sed viverra ullamcorper, aliquet sed justo. Aenean gravida tristique bibendum. Donec non odio orci, at consectetur dui. Proin nec tellus tellus. Aliquam enim elit, feugiat eu aliquam sit amet, convallis in nulla. Fusce nisi ligula, placerat vel ultricies in, pulvinar et enim. Ut mollis eros id elit convallis ac volutpat urna auctor. Donec quis urna tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis lacus ut lectus rhoncus vestibulum eget id enim. Integer et pellentesque sem. Donec tristique lacus eu risus suscipit vitae consectetur elit elementum.
-		</p>
-	</section>
-	<footer>
-		<h1>This is the Footer</h1>
-	</footer>
+    <header>
+        <h1>This is the Header</h1>
+    </header>
+    <nav>
+        <ul>
+            <li>
+                <a href="#">
+                    Nav 1
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Nav 2
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Nav 3
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Nav 4
+                </a>
+            </li>
+        </ul>
+    </nav>
+    <aside>
+        <ul>
+            <li>
+                <a href="#">
+                    Item 1
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 2
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 3
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 4
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 5
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 6
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    Item 7
+                </a>
+            </li>
+        </ul>
+    </aside>
+    <section>
+        <h2>
+            Lorem Ipsum
+        </h2>
+        <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed sodales dui. Integer posuere odio vel augue porta quis viverra odio tempor. Vestibulum vitae mi metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae velit neque. Pellentesque eleifend sem vel nisi rhoncus sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent vel iaculis orci.
+        </p>
+        <h3>Donec non quam euismod mauris congue interdum</h3>
+        <p>
+            Cras elementum mi eget sapien accumsan gravida. Duis non leo massa. Proin mattis gravida quam, at ultrices dui bibendum ac. Aliquam varius mi sed ligula aliquam sed mattis arcu lacinia. Phasellus aliquam adipiscing sem sit amet viverra. Proin eu metus nunc, a laoreet est. Donec id urna dui. Fusce ut lectus sit amet lorem vulputate cursus et pretium justo. Vestibulum consequat scelerisque rhoncus. Curabitur varius pretium mollis. Sed gravida mattis odio ut posuere.
+        </p>
+        <p>
+            Nunc a justo consequat ipsum luctus malesuada et vel sem. Proin tempor aliquet nunc, vulputate rutrum turpis pulvinar quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris tellus nisl, gravida sed pulvinar quis, convallis sit amet tellus. Sed tempus tempus felis, ac laoreet dolor iaculis ac. Nulla quis dolor ante, et dapibus nulla. Etiam sollicitudin est quis dolor auctor sit amet consequat metus vehicula. Sed magna ipsum, sollicitudin eu sollicitudin in, bibendum ac leo. Fusce eget dui in eros tempor hendrerit. Sed ut neque turpis. Praesent sapien magna, lobortis sed ullamcorper sed, iaculis imperdiet nisl. Ut quis ante tortor.
+        </p>
+        <p>
+            Curabitur mattis viverra venenatis. Nunc eu lorem ligula. Praesent vehicula fermentum nulla, et malesuada erat lacinia hendrerit. Nulla tristique ultrices gravida. Vestibulum tempus, ipsum quis accumsan fermentum, ipsum ligula posuere lectus, sit amet vulputate leo lectus id dui. Nam placerat leo vitae lorem suscipit a dictum neque luctus. Etiam justo elit, eleifend sed viverra at, imperdiet ut lectus. Vivamus cursus blandit arcu, sit amet pretium neque consequat sed. Donec consequat lorem in orci hendrerit vel pharetra augue tincidunt. Fusce at est risus, sed lacinia elit. Pellentesque eros tellus, condimentum nec interdum sit amet, cursus eget urna.
+        </p>
+        <p>
+            Sed scelerisque mattis imperdiet. Ut varius magna nec lacus mattis dictum. Etiam ultricies, ligula eget laoreet cursus, erat ante congue tellus, sit amet dapibus tortor mi ac ante. Integer ultricies, diam quis molestie lobortis, leo ligula pellentesque diam, non tempus magna augue egestas lectus. Fusce orci tortor, auctor sed viverra ullamcorper, aliquet sed justo. Aenean gravida tristique bibendum. Donec non odio orci, at consectetur dui. Proin nec tellus tellus. Aliquam enim elit, feugiat eu aliquam sit amet, convallis in nulla. Fusce nisi ligula, placerat vel ultricies in, pulvinar et enim. Ut mollis eros id elit convallis ac volutpat urna auctor. Donec quis urna tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis lacus ut lectus rhoncus vestibulum eget id enim. Integer et pellentesque sem. Donec tristique lacus eu risus suscipit vitae consectetur elit elementum.
+        </p>
+    </section>
+    <footer>
+        <h1>This is the Footer</h1>
+    </footer>
 </body>
 </html>
diff --git a/3. HTML Fundamentals/images/SEB-Ninja.png b/3. HTML Fundamentals/images/SEB-Ninja.png
index f8f2eea..37a70e4 100644
Binary files a/3. HTML Fundamentals/images/SEB-Ninja.png and b/3. HTML Fundamentals/images/SEB-Ninja.png differ
diff --git a/6. Semantic HTML/README.md b/6. Semantic HTML/README.md
index c17cbdd..97161ef 100644
--- a/6. Semantic HTML/README.md	
+++ b/6. Semantic HTML/README.md	
@@ -2,8 +2,7 @@ Semantic HTML
 =============
 
 ### Problem 1. Refactoring
-*	Refactor the [homework-refactoring.html](
-https://github.com/TelerikAcademy/HTML/blob/master/6.%20Semantic%20HTML/homework-refactoring.html) web page and make its HTML semantic.
+*	Refactor (edit) the [homework-refactoring.html](https://github.com/TelerikAcademy/HTML/blob/master/6.%20Semantic%20HTML/homework-refactoring.html) web page and make it HTML semantic.
 
 ### Problem 2. Student System
 *	Create a web page using semantic HTML by the design.
diff --git a/6. Semantic HTML/semantic-html5-tags.html b/6. Semantic HTML/semantic-html5-tags.html
index f66b548..ac96d0a 100644
--- a/6. Semantic HTML/semantic-html5-tags.html	
+++ b/6. Semantic HTML/semantic-html5-tags.html	
@@ -1,99 +1,111 @@
-<!DOCTYPE HTML>
+﻿<!DOCTYPE html>
 <html>
 <head>
-	<meta charset="UTF-8">
-	<title>Semantic Tags</title>
+    <meta charset="UTF-8">
+    <title>Semantic Tags</title>
 </head>
 <body>
-	<header>
-		<h1>
-			our web site header
-		</h1>
-		<nav>
-			<ul>
-				<li>
-					<a href="#">
-						home
-					</a>
-				</li>				
-				<li>
-					<a href="#">
-						blog
-					</a>
-				</li>
-				<li>
-					<a href="#">
-						contacts
-					</a>
-				</li>
-				<li>
-					<a href="#">
-						about
-					</a>
-				</li>
-			</ul>
-		</nav>
-	</header>
-
-	<section>
-		<article>
-			<header>	
-				<h2>post 1 heading</h2>
-			</header>			
-				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis turpis et diam rutrum viverra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam porta euismod libero at dictum. Vivamus ultrices lectus sit amet nisl sollicitudin convallis. Nullam molestie eros in nibh laoreet suscipit. Curabitur sed lectus in lectus sodales imperdiet. Pellentesque congue egestas est, at dignissim magna iaculis volutpat. Nam nec risus risus, eget tincidunt lacus. Praesent ut blandit ante. Curabitur eu nulla id augue pharetra lobortis. Donec luctus hendrerit fermentum. Curabitur cursus lacus vel dolor ullamcorper vitae eleifend nibh lobortis. Morbi vitae mollis elit. Sed aliquet felis a arcu egestas at pretium mi dictum. Phasellus sed enim nunc, mollis posuere felis. Mauris dignissim odio porttitor turpis tristique in congue diam ornare.</p>
-		</article>
-		<article>
-			<header>	
-				<h2>post 2 heading</h2>
-			</header>			
-				<p>Quisque pellentesque rutrum urna, a molestie mi fermentum non. Quisque mattis, diam vitae hendrerit gravida, sem nibh ullamcorper risus, a porttitor ipsum nibh ut nunc. Nam tincidunt blandit dui ut bibendum. Duis arcu mauris, condimentum non semper elementum, fringilla ac mi. Pellentesque consectetur, tellus eu porttitor convallis, lacus est volutpat urna, quis aliquam tellus lectus sit amet nisl. Curabitur odio mauris, feugiat ut vulputate nec, mattis sit amet lectus. Morbi eu tortor quis ligula laoreet tincidunt. Praesent vulputate aliquam interdum. Nulla facilisi. Quisque placerat consectetur congue. Phasellus sed tellus a velit mollis vulputate. Morbi ultrices risus eget eros commodo vitae elementum leo varius. Nunc hendrerit felis eget enim lobortis consequat. Ut faucibus erat a turpis vulputate placerat.</p>
-		</article>
-		<article>
-			<header>	
-				<h2>post 3 heading</h2>
-			</header>			
-				<p>Donec euismod nulla sit amet tellus pulvinar blandit. Aenean sagittis porttitor egestas. Nulla viverra ornare volutpat. Sed fermentum porttitor elit, sit amet pellentesque metus mollis id. Praesent interdum, metus at consectetur euismod, dui augue scelerisque purus, quis placerat dolor tortor id mauris. Maecenas in justo et nisi dapibus gravida et eget ipsum. Maecenas id quam felis, in hendrerit purus.</p>
-		</article>
-	</section>
-	<aside>
-		<div>
-			<h2>Archives</h2>
-			<ul>
-				<li>
-					<a href="#">2012</a>
-				</li>
-				<li>
-					<a href="#">2011</a>
-				</li>
-				<li>
-					<a href="#">2010</a>
-				</li>
-				<li>
-					<a href="#">2009</a>
-				</li>
-			</ul>
-		</div>
-		<div>
-			<h2>Categories</h2>
-			<ul>
-				<li>
-					<a href="#">Web</a>
-				</li>
-				<li>
-					<a href="#">.NET</a>
-				</li>
-				<li>
-					<a href="#">JavaScript</a>
-				</li>
-				<li>
-					<a href="#">Silverlight</a>
-				</li>				
-			</ul>
-		</div>
-	</aside>
-	<footer>
-		<p>copy right...</p>
-	</footer>
+<header>
+    <h1>
+        Semantic Tags Examples
+    </h1>
+    <nav>
+        <ul>
+            <li>
+                <a href="#">
+                    home
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    contacts
+                </a>
+            </li>
+            <li>
+                <a href="#">
+                    about
+                </a>
+            </li>
+        </ul>
+    </nav>
+</header>
+<main>
+    <article>
+        <header>
+            <h2>post 1 heading</h2>
+        </header>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis turpis et diam rutrum viverra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam porta euismod libero at dictum. Vivamus ultrices lectus sit amet nisl sollicitudin convallis. Nullam molestie eros in nibh laoreet suscipit. Curabitur sed lectus in lectus sodales imperdiet. Pellentesque congue egestas est, at dignissim magna iaculis volutpat. Nam nec risus risus, eget tincidunt lacus. Praesent ut blandit ante. Curabitur eu nulla id augue pharetra lobortis. Donec luctus hendrerit fermentum. Curabitur cursus lacus vel dolor ullamcorper vitae eleifend nibh lobortis. Morbi vitae mollis elit. Sed aliquet felis a arcu egestas at pretium mi dictum. Phasellus sed enim nunc, mollis posuere felis. Mauris dignissim odio porttitor turpis tristique in congue diam ornare.</p>
+    </article>
+    <article>
+        <header>
+            <h2>post 2 heading</h2>
+        </header>
+        <p>Quisque pellentesque rutrum urna, a molestie mi fermentum non. Quisque mattis, diam vitae hendrerit gravida, sem nibh ullamcorper risus, a porttitor ipsum nibh ut nunc. Nam tincidunt blandit dui ut bibendum. Duis arcu mauris, condimentum non semper elementum, fringilla ac mi. Pellentesque consectetur, tellus eu porttitor convallis, lacus est volutpat urna, quis aliquam tellus lectus sit amet nisl. Curabitur odio mauris, feugiat ut vulputate nec, mattis sit amet lectus. Morbi eu tortor quis ligula laoreet tincidunt. Praesent vulputate aliquam interdum. Nulla facilisi. Quisque placerat consectetur congue. Phasellus sed tellus a velit mollis vulputate. Morbi ultrices risus eget eros commodo vitae elementum leo varius. Nunc hendrerit felis eget enim lobortis consequat. Ut faucibus erat a turpis vulputate placerat.</p>
+    </article>
+    <article>
+        <header>
+            <h2>post 3 heading</h2>
+        </header>
+        <p>Donec euismod nulla sit amet tellus pulvinar blandit. Aenean sagittis porttitor egestas. Nulla viverra ornare volutpat. Sed fermentum porttitor elit, sit amet pellentesque metus mollis id. Praesent interdum, metus at consectetur euismod, dui augue scelerisque purus, quis placerat dolor tortor id mauris. Maecenas in justo et nisi dapibus gravida et eget ipsum. Maecenas id quam felis, in hendrerit purus.</p>
+    </article>
+</main>
+<aside>
+    <section>
+        <h2>Archives</h2>
+        <ul>
+            <li>
+                <a href="#">2012</a>
+            </li>
+            <li>
+                <a href="#">2011</a>
+            </li>
+            <li>
+                <a href="#">2010</a>
+            </li>
+            <li>
+                <a href="#">2009</a>
+            </li>
+        </ul>
+    </section>
+    <section>
+        <h2>Categories</h2>
+        <ul>
+            <li>
+                <a href="#">Web</a>
+            </li>
+            <li>
+                <a href="#">.NET</a>
+            </li>
+            <li>
+                <a href="#">JavaScript</a>
+            </li>
+            <li>
+                <a href="#">ASP.NET MVC</a>
+            </li>
+        </ul>
+    </section>
+    <section>
+        <h2>Video</h2>
+        <video width="400" controls>
+            <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
+            <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
+            Your browser does not support HTML5 video.
+        </video>
 
+        <p>
+            Video courtesy of
+            <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
+        </p>
+    </section>
+</aside>
+<footer>
+    <details>
+        <summary>Copyright 2015.</summary>
+        <p> - by Telerik Academy. All Rights Reserved.</p>
+        <p>
+            <a href="http://telerikacademy.com">http://telerikacademy.com</a>.
+        </p>
+    </details>
+</footer>
 </body>
 </html>
\ No newline at end of file
