diff --git a/index.html b/index.html
index ca3db28..911ddf6 100644
--- a/index.html
+++ b/index.html
@@ -135,11 +135,58 @@ <h1 class="resume1">
             <button class="cv">DOWNLOAD CV</button>
         </div>
         
-    </div> 
+</div> 
 
 <!-- end rsume container -->
+
+<div id="MySkills">
+    <h1 id="jane">
+        My Skills
+
+    </h1>
+    <h1 id="poophmoore">
+        Far far away, behind the word mountains, far from the countries Vokalia and Consonantia
+    </h1>
+    <div id="ghost">
+        <div id="boomerang">
+            <div id="zika"><h3 id="phot">Photoshop</h3><h3 id="nova">90%</h3></div>
+            <progress min="0" max="100" value="90" id="photo"></progress>
+            <div id="zika2"><h3 id="phot1">HTML5</h3><h3 id="nova2">95%</h3></div>
+            <progress min="0" max="100" value="95" id="photo1"></progress>
+            <div id="zika3"><h3 id="phot2">WordPress</h3><h3 id="nova3">70%</h3></div>
+            <progress min="0" max="100" value="70" id="photo2"></progress>
+            
+        </div>
+        <div id="nickelodeon">
+            <div id="zika4"><h3 id="phot4">jQuery</h3><h3  id="nova4">85%</h3></div>
+            <progress min="0" max="100" value="85" id="photo4"></progress>
+            <div id="zika5"><h3 id="phot5">CSS3</h3><h3 id="nova5">90%</h3></div>
+            <progress min="0" max="100" value="90" id="photo5"></progress>
+            <div id="zika6"><h3 id="phot6">SEO</h3><h3 id="nova6">80%</h3></div>
+            <progress min="0" max="100" value="80" id="photo6"></progress>
+                
+
+                
+        </div>
     </div>
-    <h1></h1>
+
+</div>
+
+
+
+
+
+
+<div>
+
+
+
+
+
+
+
+    
+
     <div class="custard" style=" width: 100%; height: 1000px; margin-left: 20px; margin-top: 450px">
 
     
diff --git a/styles/index.css b/styles/index.css
index 6a14f2b..970e067 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -626,4 +626,196 @@ input.hired{
     left: 45em;
     width: 180px;
     outline: hidden;
-}
\ No newline at end of file
+}
+
+#MySkills{
+  width: 100%;
+  height: 600px;
+  margin-top: 300px;
+}
+
+#jane{
+  font-size: 60px;
+  font-family: Arial;
+  color: white;
+  margin-left: 550px;
+  text-shadow: 10px 30px 2px rgb(49, 49, 49);
+
+
+
+}
+
+#poophmoore{
+  font-size: 20px;
+  font-family: Arial;
+  color: white;
+  margin-left: 250px;
+  margin-top: 60px;
+
+
+
+}
+#boomerang{
+  width: 600px;
+  height: 300px;
+  margin-left: 20px;
+  margin-top: 50px;
+  float: left;
+  padding-left: 30px;
+  /* padding-top: 20px; */
+
+
+
+}
+
+#nickelodeon{
+  width: 600px;
+  height: 300px;
+  margin-right: 40px;
+  margin-top: 50px;
+  
+  float: right;
+  padding-left: 20px;
+  
+
+
+
+
+}
+#ghost{
+  display: inline;
+}
+#phot{
+  margin-top: 50px;
+  margin-bottom:-5px;
+  float: left;
+}
+#photo{
+  margin-top: 0px;
+  width: 550px;
+}
+#phot1{
+  margin-top: 50px;
+  margin-bottom:-5px;
+  float: left;
+}
+#photo1{
+  margin-top: 0px;
+  width: 550px;
+}
+#phot2{
+  margin-top: 50px;
+  margin-bottom:-5px;
+  float: left;
+}
+#photo2{
+  margin-top: 0px;
+  width: 550px;
+}
+#phot4{
+  margin-top: 50px;
+  margin-bottom:-5px;
+  float: left;
+}
+#photo4{
+  margin-top: 0px;
+  width: 550px;
+}
+#phot5{
+  margin-top: 50px;
+  margin-bottom:-5px;
+  float: left;
+}
+#photo5{
+  margin-top: 0px;
+  width: 550px;
+}
+#phot6{
+  margin-top: 50px;
+  margin-bottom:-5px;
+  float: left;
+}
+#photo6{
+  margin-top: 0px;
+  width: 550px;
+}
+#nova{
+  float: right;
+  margin-right: 40px;
+  margin-bottom: -5px;
+  margin-top: 50px;
+
+}
+#zika{
+  width: 550px;
+  display: inline-block;
+  color: white;
+
+  
+
+}
+#nova2{
+  float: right;
+  margin-right: 10px;
+  margin-bottom: -5px;
+  margin-top: 50px;
+
+}
+#zika2{
+  width: 550px;
+  display: inline-block;
+  color: white;
+}
+#nova3{
+  float: right;
+  margin-right: 145px;
+  margin-bottom: -5px;
+  margin-top: 50px;
+
+}
+#zika3{
+  width: 550px;
+  display: inline-block;
+  color: white;
+}
+#nova4{
+  float: right;
+  margin-right: 65px;
+  margin-bottom: -5px;
+  margin-top: 50px;
+
+}
+#zika4{
+  width: 550px;
+  display: inline-block;
+  color: white;
+}
+#nova5{
+  float: right;
+  margin-right: 40px;
+  margin-bottom: -5px;
+  margin-top: 50px;
+
+}
+#zika5{
+  width: 550px;
+  display: inline-block;
+  color: white;
+}
+#nova6{
+  float: right;
+  margin-right: 95px;
+  margin-bottom: -5px;
+  margin-top: 50px;
+
+}
+#zika6{
+  width: 550px;
+  display: inline-block;
+  color: white;
+}
+progress{
+  color: gold;
+  background-color: rgb(68, 68, 68);
+
+}