diff --git a/index.html b/index.html
index 79c274b..ee3537c 100644
--- a/index.html
+++ b/index.html
@@ -1,70 +1,69 @@
-<!--  
-    This theme was created for the RMIT Programming Club to use in a Web Programming workshop. 
-    simpleProfile Template by Patrick Mifsud
-    
-    /simpleProfile/ is required only if the site is a github project site, otherwise you can remove it
--->
-
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8">
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, shrink-to-fit=no, user-scalable=no">
-	    <title>simpleProfile</title>
-		<meta name="description" content="Portfolio Profile">
-		<meta name="keywords" content="Portfolio, Profile">
-		<link href="" rel="icon">
-	    <!-- Site CSS -->
-		<link rel="stylesheet" href="/simpleProfile/css/main.css">
-		<link rel="stylesheet" href="/simpleProfile/css/mobile.css">
-		<!-- Font Awesome -->
-		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
-	</head>
-	<body>
-		<!-- This is a VERY bare bones version of a HTML5 portfolio template! -->
-		<!-- Replace with your name here -->
-		<h1>The Doctor</h1>
-		
-		<!-- Optional: add location eg. Melbourne, Australia -->
-		<p id="location"><em>Gallifrey, Constellation of Kasterborous</em></p>
-		
-		<!-- Add social links here, icons use FontAwesome 5.8.1 -->
-        <!-- Link FontAwesome Icons, https://fontawesome.com/icons?d=gallery -->
-		<div id="profile-social-icons">
-	    	<a href="" target="_blank"><i class="fab fa-github animated fadeIn" aria-hidden="true"></i></a>
-	    	<a href="" target="_blank"><i class="fab fa-twitter animated fadeIn" aria-hidden="true"></i></a>
-	    	<a href="" target="_blank"><i class="fab fa-linkedin animated fadeIn" aria-hidden="true"></i></a>
-	    </div>
-		<img id="profile-img"src="/simpleProfile/images/profile.png" alt="profile logo" title="profile"></img>
-		
-        <!-- Tagline can be a short list of skills, a quote or profession -->
-		<p id="tagline"><i>"Trust me I'm the Doctor"</i></p>
-		<br>
-		<div id="content">
-			<p>People assume that time is a strict progression of cause to affect, but actually, from a non-linier, non subjective point of view it is more like a big ball of wibbily wobbly timey wimey...stuff </p>
-			<h2>Skills</h2>	
-			<ul>
-				<li>Time Travel</li>
-				<li>Telepahy</li>
-				<li>Can Regenerate</li>
-				<li>Preforms well under pressure and extream conditions</li>
-				<li>Accomplished Speed Reader</li>
-				<li>Clairvoyance</li>
-				<li>Dedicated</li>
-				<li>Running, lots of running</li>
-				<li>Great Jigery Pockery Skills</li>
-				<li>Speaks over 5 billion languages</li>
-			</ul>
-			<h2>Experience</h2>	
-			<p>Donec sed cursus nibh, convallis auctor ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam commodo vel est et finibus. Cras felis mi, interdum sit amet libero eu, varius sagittis risus. Quisque vitae nibh vel quam rutrum feugiat. Duis rhoncus et mi vitae condimentum. Curabitur non mauris mauris. Sed sed augue ex. Fusce aliquet sapien ac pellentesque mollis.</p>
-		</div>
-		<footer>
-			<p>This is the site footer</p>
-			<p><a href="https://github.com/patrickmfsd/simpleProfile">SimpleProfile template</a> by <a href="https://github.com/patrickmfsd">Patrick Mifsud</a>, Copyright 2019</p>
-		</footer>
-	</body>
-</html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>simpleProfile</title>
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/mobile.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
+</head>
+<body>
+  <h1>The Doctor</h1>
+  <p id="location"><em>Gallifrey, Constellation of Kasterborous</em></p>
+
+  <div id="profile-social-icons">
+    <a href="#"><i class="fab fa-github"></i></a>
+    <a href="#"><i class="fab fa-twitter"></i></a>
+    <a href="#"><i class="fab fa-linkedin"></i></a>
+  </div>
+
+  <img id="profile-img" src="images/profile.png" alt="profile logo" title="profile">
+
+  <!-- ✨ Typing Animation -->
+  <p id="tagline"><i></i></p>
+
+  <!-- 🎯 Smooth Scroll Navigation -->
+  <nav>
+    <a href="#skills">Skills</a> |
+    <a href="#experience">Experience</a>
+  </nav>
 
-	
-	
+  <div id="content">
+    <h2 id="skills">Skills</h2>
+<!-- 🧠 Skill Progress Bars -->
+<!-- 🧠 Canonical Doctor Who Skills -->
+<div class="skill">
+  <label>Genius-Level Intellect</label>
+  <div class="bar"><div class="fill" style="--target-width: 95%;"></div></div>
+</div>
+<div class="skill">
+  <label>Advanced Scientific Knowledge</label>
+  <div class="bar"><div class="fill" style="--target-width: 90%;"></div></div>
+</div>
+<div class="skill">
+  <label>Telepathy</label>
+  <div class="bar"><div class="fill" style="--target-width: 85%;"></div></div>
+</div>
+<div class="skill">
+  <label>Time Travel Mastery</label>
+  <div class="bar"><div class="fill" style="--target-width: 95%;"></div></div>
+</div>
+<div class="skill">
+  <label>Regeneration Ability</label>
+  <div class="bar"><div class="fill" style="--target-width: 90%;"></div></div>
+</div>
+
+
+<h2 id="experience">Experience</h2>
+<p>Completed multiple academic and personal projects using full-stack development, vulnerability scanning, and rapid prototyping. Efficient in assignment documentation and strategic feature testing.</p>
+
+
+  <footer>
+    <p>This is the site footer</p>
+    <p><a href="https://github.com/patrickmfsd/simpleProfile">SimpleProfile template</a> by Patrick Mifsud</p>
+  </footer>
+
+  <script src="js/script.js"></script>
+</body>
+</html>
