diff --git a/Project 00 - Starter/index.html b/Project 00 - Starter/index.html
deleted file mode 100644
index 57d22fd..0000000
--- a/Project 00 - Starter/index.html	
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css">
-    <title>My Project</title>
-</head>
-<body>
-
-    <h1>Starting of the project</h1>
-    
-    
-    <script src="script.js"></script>
-</body>
-</html>
diff --git a/Project 00 - Starter/script.js b/Project 00 - Starter/script.js
deleted file mode 100644
index e69de29..0000000
diff --git a/Project 00 - Starter/style.css b/Project 00 - Starter/style.css
deleted file mode 100644
index b0a18aa..0000000
--- a/Project 00 - Starter/style.css	
+++ /dev/null
@@ -1,17 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Roboto' , sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content:center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-}
\ No newline at end of file
diff --git a/Project 01 - Expandable Cards/img/1.jpg b/Project 01 - Expandable Cards/img/1.jpg
deleted file mode 100644
index f2aff9f..0000000
Binary files a/Project 01 - Expandable Cards/img/1.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/img/2.jpg b/Project 01 - Expandable Cards/img/2.jpg
deleted file mode 100644
index b9f4e69..0000000
Binary files a/Project 01 - Expandable Cards/img/2.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/img/3.jpg b/Project 01 - Expandable Cards/img/3.jpg
deleted file mode 100644
index 391c367..0000000
Binary files a/Project 01 - Expandable Cards/img/3.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/img/4.jpg b/Project 01 - Expandable Cards/img/4.jpg
deleted file mode 100644
index 49af7c3..0000000
Binary files a/Project 01 - Expandable Cards/img/4.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/img/5.jpg b/Project 01 - Expandable Cards/img/5.jpg
deleted file mode 100644
index 7f656ab..0000000
Binary files a/Project 01 - Expandable Cards/img/5.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/img/6.jpg b/Project 01 - Expandable Cards/img/6.jpg
deleted file mode 100644
index b9234f1..0000000
Binary files a/Project 01 - Expandable Cards/img/6.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/img/7.jpg b/Project 01 - Expandable Cards/img/7.jpg
deleted file mode 100644
index ae185d3..0000000
Binary files a/Project 01 - Expandable Cards/img/7.jpg and /dev/null differ
diff --git a/Project 01 - Expandable Cards/index.html b/Project 01 - Expandable Cards/index.html
deleted file mode 100644
index 15f1600..0000000
--- a/Project 01 - Expandable Cards/index.html	
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="style.css">
-    <title>Expandable Cards</title>
-</head>
-<body>
-    
-    <div class="container">
-
-        <div class="panel active" style="background-image : url('img/1.jpg')">
-            <h3> Innovation comes with technology!</h3>
-        </div>
-
-        <div class="panel" style="background-image : url('img/2.jpg')">
-            <h3> 1 </h3>
-        </div>
-
-        <div class="panel" style="background-image : url('img/3.jpg')">
-            <h3> 2 </h3>
-        </div>
-
-        <div class="panel" style="background-image : url('img/4.jpg')">
-            <h3> 3 </h3>
-        </div>
-
-        <div class="panel" style="background-image : url('img/5.jpg')">
-            <h3> 4 </h3>
-        </div>
-
-        <div class="panel" style="background-image : url('img/6.jpg')">
-            <h3> 5 </h3>
-        </div>
-
-        <div class="panel" style="background-image : url('img/7.jpg')">
-            <h3> 6 </h3>
-        </div>
-
-    </div>
-
-    <script src="script.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/Project 01 - Expandable Cards/script.js b/Project 01 - Expandable Cards/script.js
deleted file mode 100644
index 04c9b51..0000000
--- a/Project 01 - Expandable Cards/script.js	
+++ /dev/null
@@ -1,15 +0,0 @@
-const panels = document.querySelectorAll('.panel')
-
-panels.forEach(panel => {
-    panel.addEventListener('click' , () => {
-        removeActiveClasses()
-        panel.classList.add('active')
-    })
-
-})
-
-function removeActiveClasses() {
-    panels.forEach(panel => {
-        panel.classList.remove('active')
-    }) 
-}
\ No newline at end of file
diff --git a/Project 01 - Expandable Cards/style.css b/Project 01 - Expandable Cards/style.css
deleted file mode 100644
index a24e8f3..0000000
--- a/Project 01 - Expandable Cards/style.css	
+++ /dev/null
@@ -1,67 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Muli' , sans-serif;
-    display: flex;
-    align-items: center;
-    justify-content:center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-}
-
-.container {
-    display: flex;
-    width: 90vw;
-}
-
-.panel {
-    background-size: cover;
-    background-position:center;
-    background-repeat: no-repeat;
-    height: 80vh;
-    border-radius: 50px;
-    color: rgb(245, 244, 244);
-    cursor: pointer;
-    flex: 0.5;
-    margin: 10px;
-    position: relative;
-    transition: flex 0.9s ease-in;
-}
-
-.panel h3 {
-    font-size:25px;
-    position: absolute;
-    bottom:20px;
-    left: 20px;
-    margin: 20;
-    opacity: 0;
-}
-
-.panel.active {
-    flex: 5;
-}
-
-.panel.active h3 {
-    opacity: 1;
-    transition: opacity 0.3s ease-in 0.5s;
-}
-
-@media(max-width: 480px) {
-    .container{
-        width:100vw;
-
-    }
-
-    .panel:nth-of-type(4),
-    .panel:nth-of-type(5),
-    .panel:nth-of-type(6) {
-        display: none;
-    }
-
-}
\ No newline at end of file
diff --git a/Project 02 - Progress Step bars/index.html b/Project 02 - Progress Step bars/index.html
deleted file mode 100644
index c63ff02..0000000
--- a/Project 02 - Progress Step bars/index.html	
+++ /dev/null
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="style.css">
-    <title>Progress Steps Bar</title>
-</head>
-
-<body>
-
-    <div class="container">
-        <div class="progress-container">
-            <div class="progress" id="progress"> </div>
-            <div class="circle active">1</div>
-            <div class="circle">2</div>
-            <div class="circle">3</div>
-            <div class="circle">4</div>
-            <div class="circle">5</div>
-            <!-- <div class="circle">6</div>
-            <div class="circle">7</div>
-            <div class="circle">8</div>
-            <div class="circle">9</div> -->
-
-        </div>
-
-        <button class="btn" id="prev" disabled>Prev</button>
-        <button class="btn" id="next">Next</button>
-
-
-    </div>
-
-
-
-    <script src="script.js"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/Project 02 - Progress Step bars/script.js b/Project 02 - Progress Step bars/script.js
deleted file mode 100644
index 2aac058..0000000
--- a/Project 02 - Progress Step bars/script.js	
+++ /dev/null
@@ -1,55 +0,0 @@
-const panels = document.getElementById('progress')
-const prev = document.getElementById('prev')
-const next = document.getElementById('next')
-const circles = document.querySelectorAll('.circle')
-
-let currentActive = 1
-
-next.addEventListener('click' , () => {
-    currentActive++
-
-    if (currentActive > circles.length) {
-        currentActive = circles.length
-    }
-        update()
-}
-
-)
-
-prev.addEventListener('click' , () => {
-    currentActive--
-
-    if (currentActive < 1) {
-        currentActive = 1
-    }
-        update()
-}
-
-)
-
-function update() {
-    circles.forEach((circle, idx) => {
-        if (idx < currentActive) {
-            circle.classList.add('active')
-        }
-        else {
-            circle.classList.remove('active')
-        }
-    })
-
-    const actives = document.querySelectorAll('.active')
-
-    progress.style.width = (actives.length - 1) / (circles.length - 1) * 100 + '%'
-
-    if (currentActive == 1) {
-        prev.disabled = true
-    }
-    else if ( currentActive == circles.length) {
-        next.disabled = true
-    }
-    else {
-        prev.disabled = false
-        next.disabled = false
-    }
-}
-
diff --git a/Project 02 - Progress Step bars/style.css b/Project 02 - Progress Step bars/style.css
deleted file mode 100644
index d3419a3..0000000
--- a/Project 02 - Progress Step bars/style.css	
+++ /dev/null
@@ -1,99 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
-:root {
-    --line-border-fill: #3498db;
-    --line-border-empty: #e0e0e0;
-}
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    background-color: #f6f7fb;
-    font-family: 'Muli', sans-serif;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-}
-
-.container {
-    text-align: center;
-}
-
-.progress-container {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-    margin-bottom: 30px;
-    max-width: 100%;
-    width: 350px;
-}
-
-.progress {
-    background-color: var(--line-border-fill);
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-    height: 4px;
-    width: 0%;
-    z-index: -1;
-    transition: .5s ease;
-}
-
-.progress-container::before {
-    content: ' ';
-    background-color: var(--line-border-empty);
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-    height: 4px;
-    width: 100%;
-    z-index: -1;
-}
-
-.circle {
-    background-color: #fff;
-    color: #999;
-    border-radius: 50%;
-    height: 30px;
-    width: 30px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 3px solid var(--line-border-empty);
-    transition: .5s ease;
-}
-
-.circle.active {
-    border-color: var(--line-border-fill);
-}
-
-.btn {
-    background-color: var(--line-border-fill);
-    color: #fff;
-    border: 0;
-    border-radius: 6px;
-    cursor: pointer;
-    font-family: inherit;
-    padding: 8px 30px;
-    margin: 5px;
-    font-size: 14px;
-}
-
-.btn:active {
-    transform: scale(0.98);
-}
-
-.btn:focus {
-    outline: 0;
-}
-
-.btn:disabled {
-    background-color: var(--line-border-empty);
-    cursor: not-allowed;
-}
\ No newline at end of file
diff --git a/Project 03 - Rotating Navigation/img/1.jpg b/Project 03 - Rotating Navigation/img/1.jpg
deleted file mode 100644
index a5f8051..0000000
Binary files a/Project 03 - Rotating Navigation/img/1.jpg and /dev/null differ
diff --git a/Project 03 - Rotating Navigation/index.html b/Project 03 - Rotating Navigation/index.html
deleted file mode 100644
index 35ea852..0000000
--- a/Project 03 - Rotating Navigation/index.html	
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css">
-    <title>Rotating Navigation</title>
-</head>
-
-<body>
-
-    <div class="container">
-        <div class="circle-container">
-            <div class="circle">
-                <button id="close">
-                    <i class="fas fa-times"></i>
-                </button>
-                <button id="open">
-                    <i class="fas fa-bars"></i>
-                </button>
-            </div>
-        </div>
-
-        <div class="content">
-            <h1>Fire On Brown Wooden Table</h> <br>
-                <small>Timon Studler</small>
-                <h3>
-                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi earum qui, at aut dolor expedita dolorem. Aut, voluptas sapiente maiores saepe ullam iste at, necessitatibus quae tempora praesentium quia atque minus ea, molestiae obcaecati. Rerum dignissimos praesentium, iste odit ex quibusdam laborum reiciendis quis sit, saepe laudantium esse repellendus possimus, incidunt similique facere a vel itaque. Ex voluptates consequuntur nesciunt corporis iste enim animi accusamus nam nisi distinctio beatae nobis sed fugiat impedit pariatur, asperiores rerum illo aspernatur aut ratione quae odio necessitatibus fuga itaque repellat? Nesciunt inventore molestias soluta eos dolorum dignissimos, labore distinctio aspernatur vitae voluptatum officiis quis! </h3>
-         
-                    <img src="img/1.jpg" alt="" />
-                    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem at tenetur quaerat, eius nobis ipsam aliquid vel nam omnis deleniti eum doloribus, maiores ea iste provident sed repudiandae molestiae quasi quibusdam cumque, in dolorem aperiam placeat! Enim cumque, commodi necessitatibus tenetur aliquam? Odio expedita quos, libero quia. Optio esse reprehenderit nobis explicabo sed, neque ea fuga animi, laudantium omnis dicta tempora nihil facere natus quasi. Eius numquam in minus blanditiis.</p>
-        </div>
-    </div>
- <nav>
-        <ul>
-            <li><i class="fas fa-home"></i> Home</li>
-            <li><i class="fas fa-user-alt"></i> About </li>
-            <li><i class="fas fa-envelope"></i> Contact</li>
-            </ul>
-            </nav>
-            <script src="script.js"></script>
-</body>
-</html>
diff --git a/Project 03 - Rotating Navigation/script.js b/Project 03 - Rotating Navigation/script.js
deleted file mode 100644
index 488e065..0000000
--- a/Project 03 - Rotating Navigation/script.js	
+++ /dev/null
@@ -1,7 +0,0 @@
-const open = document.getElementById('open')
-const close = document.getElementById('close')
-const container = document.querySelector('.container')
-
-open.addEventListener('click' , () => container.classList.add('show-nav'))
-
-close.addEventListener('click' , () => container.classList.remove('show-nav'))
\ No newline at end of file
diff --git a/Project 03 - Rotating Navigation/style.css b/Project 03 - Rotating Navigation/style.css
deleted file mode 100644
index e026b50..0000000
--- a/Project 03 - Rotating Navigation/style.css	
+++ /dev/null
@@ -1,155 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Lato' , sans-serif;
-    overflow-x: hidden;
-    margin: 0;
-    background-color: #333;
-    color: #222;
-
-}
-
-.container {
-  background-color: #fafafa;
-  transform-origin: top left;
-  transition: transform 0.9s linear;
-  width: 100vw;
-  min-height: 100vh;
-  padding: 50px;
-}
-
-.container.show-nav {
-  transform: rotate(-25deg);
-}
-
-
-.circle-container {
-  position: fixed;
-    top: -100px;
-    left: -100px;
-}
-
-
-.circle {
-    background-color: #ff7979;
-    height: 200px;
-    width: 200px;
-    border-radius: 50%;
-    position: relative;
-    transition: transform 0.9s linear;
-}
-
-.circle button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    height: 100px;
-    background: transparent;
-    border: 0;
-    font-size: 29px;
-    color: #fff;
-    cursor: pointer;
-}
-
-.circle button:focus {
-    outline: none;
-}
-
-.circle button#open {
-    left: 60%;
-}
-
-.circle button#close {
-    top: 60%;
-    transform: rotate(90deg);
-    transform-origin: top left;
-}
-
-.content img {
-    max-width: 100%;
-}
-
-
-.content {
-    max-width: 1000px;
-    margin: 50px auto;
-}
-
-.content h1 {
-    margin: 0;
-}
-
-.content small {
-    font-size: 20px;
-    color: #555;
-    font-style: italic;
-}
-
-.content p {
-    color: #333;
-    line-height: 1.5;
-}
-
-
-nav {
-    position: fixed;
-    bottom: 40px;
-    left: 0;
-    z-index: 100;
-}
-
-
-
-nav ul {
-    list-style-type: none;
-    padding-left: 30px;
-    
-}
-
-
-nav ul li {
-    text-transform: uppercase;
-    color: #fff;
-    margin: 40px 0;
-    transform: translateX(-100%);
-    transition: transform 0.5s ease-in;
-}
-
-
-nav ul li i {
-    font-size: 20px;
-    margin-right: 10px;
-}
-
-
-
-nav ul li + li {
-    margin-left: 15px;
-    transform: translateX(-150%);
-}
-
-
-nav ul li + li + li {
-    margin-left: 30px;
-     transform: translateX(-200%);
-}
-
-
-.container.show-nav + nav li {
-    transform: translateX(0);
-    transition-delay: 0.5s;
-}
-
-
-
-.container.show-nav .circle {
-    transform: rotate(-70deg);
-}  
-
-
-
diff --git a/Project 04 - Hidden Search Widget/index.html b/Project 04 - Hidden Search Widget/index.html
deleted file mode 100644
index ff8e6c1..0000000
--- a/Project 04 - Hidden Search Widget/index.html	
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Search Widget</title>
-  </head>
-  <body>
-    <div class="search">
-      <input type="text" class="input" placeholder="Search...">
-      <button class="btn">
-        <i class="fas fa-search"></i>
-      </button>
-    </div>
-    <script src="script.js"></script>
-  </body>
-</html>
diff --git a/Project 04 - Hidden Search Widget/script.js b/Project 04 - Hidden Search Widget/script.js
deleted file mode 100644
index b0d057e..0000000
--- a/Project 04 - Hidden Search Widget/script.js	
+++ /dev/null
@@ -1,11 +0,0 @@
-const search = document.querySelector('.search');
-const btn = document.querySelector('.btn');
-const input = document.querySelector('.input');
-
-
-
-
-btn.addEventListener('click', () => {
-	search.classList.toggle('active')
-	input.focus()
-})
\ No newline at end of file
diff --git a/Project 04 - Hidden Search Widget/style.css b/Project 04 - Hidden Search Widget/style.css
deleted file mode 100644
index b3bf69a..0000000
--- a/Project 04 - Hidden Search Widget/style.css	
+++ /dev/null
@@ -1,71 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
-
-
-
-/*General*/
-
-* {
-  box-sizing: border-box;
-}
-
-/*Body*/
-
-body {
-  background-image: linear-gradient(90deg, #e699cc, #7158e2);
-  font-family: 'Roboto', sans-serif;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  overflow: hidden;
-  margin: 0;
-}
-
-/*Search*/
-
-.search {
-  position: relative;
-  height: 50px;
-}
-
-/*Search-Input*/
-
-.search .input {
-  background-color: #fff;
-  border: 0;
-  font-size: 18px;
-  padding: 15px;
-  height: 50px;
-  width: 50px;
-  transition: width 0.8s ease;
-}
-
-/*Button*/
-
-.btn {
-  background-color: #fff;
-  border: 0;
-  cursor: pointer;
-  font-size: 24px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 50px;
-  width: 50px;
-  transition: transform 0.8s ease;
-}
-
-/*Focus-Active*/
-
-.btn:focus,
-.input:focus {
-  outline: none;
-}
-
-.search.active .input {
-  width: 200px;
-}
-
-.search.active .btn {
-  transform: translateX(198px);
-}
diff --git a/Project 05 - Blurry Loading Page/img/image.jpg b/Project 05 - Blurry Loading Page/img/image.jpg
deleted file mode 100644
index 2962190..0000000
Binary files a/Project 05 - Blurry Loading Page/img/image.jpg and /dev/null differ
diff --git a/Project 05 - Blurry Loading Page/index.html b/Project 05 - Blurry Loading Page/index.html
deleted file mode 100644
index bdff588..0000000
--- a/Project 05 - Blurry Loading Page/index.html	
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css">
-    <title>Blurry Loading Page</title>
-</head>
-<body>
-
-   <section class="bg"></section>
-   <div class="loading-text">0%</div>
-    
-    
-    <script src="script.js"></script>
-</body>
-</html>
diff --git a/Project 05 - Blurry Loading Page/script.js b/Project 05 - Blurry Loading Page/script.js
deleted file mode 100644
index fbd4222..0000000
--- a/Project 05 - Blurry Loading Page/script.js	
+++ /dev/null
@@ -1,28 +0,0 @@
-const loadText = document.querySelector('.loading-text')
-const bg = document.querySelector('.bg')
-
-let load = 0;
-let int = setInterval(blurring, 30)
-
-function blurring() {
-
-    load++
-
-    if(load > 99) {
-       
-        clearInterval(int)
-
-    }
-
-
-
-    loadText.innerText = `${load}%`;
-    loadText.style.opacity = scale(load, 0, 100, 1, 0)
-    bg.style.filter = `blur(${scale(load, 0, 100, 30, 0)}px)`
-}
-
-
-
-const scale = (num, in_min, in_max, out_min, out_max) => {
-    return (num - in_min) * (out_max - out_min) / (in_max - in_min) + out_min
-  }
\ No newline at end of file
diff --git a/Project 05 - Blurry Loading Page/style.css b/Project 05 - Blurry Loading Page/style.css
deleted file mode 100644
index b864434..0000000
--- a/Project 05 - Blurry Loading Page/style.css	
+++ /dev/null
@@ -1,33 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Ubuntu');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Ubuntu' , sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content:center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-}
-
-.bg {
-    background: url('img/image.jpg') no-repeat center center/cover;
-    position: absolute;
-    top: -30;
-    left: -30;
-    width: calc(100vw + 60px);
-    height: calc(100vh + 60px);
-    z-index: -1;
-    filter: blur(0px);
-}
-
-.loading-text {
-    font-size:50px;
-    color: #fff;
-}
\ No newline at end of file
diff --git a/Project 06 - Scrolling Animation/index.html b/Project 06 - Scrolling Animation/index.html
deleted file mode 100644
index 0b379e4..0000000
--- a/Project 06 - Scrolling Animation/index.html	
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css">
-    <title>Scrolling Animation</title>
-</head>
-<body>
-
-  <h1> Scroll to see the effect of scrolling</h1>
-
-  <div class="box"><h2>Content 01</h2></div>
-  <div class="box"><h2>Content 02</h2></div>
-  <div class="box"><h2>Content 03</h2></div>
-  <div class="box"><h2>Content 04</h2></div>
-  <div class="box"><h2>Content 05</h2></div>
-  <div class="box"><h2>Content 06</h2></div>
-  <div class="box"><h2>Content 07</h2></div>
-  <div class="box"><h2>Content 08</h2></div>
-  <div class="box"><h2>Content 09</h2></div>
-  <div class="box"><h2>Content 10</h2></div>
-  <div class="box"><h2>Content 11</h2></div>
-  <div class="box"><h2>Content 12</h2></div>
-  <div class="box"><h2>Content 13</h2></div>
-  <div class="box"><h2>Content 14</h2></div>
-  <div class="box"><h2>Content 15</h2></div>
-  <div class="box"><h2>Content 16</h2></div>
-  <div class="box"><h2>Content 17</h2></div>
-  <div class="box"><h2>Content 18</h2></div>
-  <div class="box"><h2>Content 19</h2></div>
-  <div class="box"><h2>Content 20</h2></div>
-  <div class="box"><h2>Content 21</h2></div>
-  <div class="box"><h2>Content 22</h2></div>
-  <div class="box"><h2>Content 23</h2></div>
-  <div class="box"><h2>Content 24</h2></div>
-  <div class="box"><h2>Content 25</h2></div>
-  <div class="box"><h2>Content 26</h2></div>
-  <div class="box"><h2>Content 27</h2></div>
-  <div class="box"><h2>Content 28</h2></div>
-  <div class="box"><h2>Content 29</h2></div>
-  <div class="box"><h2>Content 30</h2></div>
-  <div class="box"><h2>Content 31</h2></div>
-  <div class="box"><h2>Content 32</h2></div>
-  <div class="box"><h2>Content 33</h2></div>
-  <div class="box"><h2>Content 34</h2></div>
-  <div class="box"><h2>Content 35</h2></div>
-  <div class="box"><h2>Content 36</h2></div>
-  <div class="box"><h2>Content 37</h2></div>
-  <div class="box"><h2>Content 38</h2></div>
-  <div class="box"><h2>Content 39</h2></div>
-  <div class="box"><h2>Content 40</h2></div>
-  
-    
-    
-    <script src="script.js"></script>
-</body>
-</html>
diff --git a/Project 06 - Scrolling Animation/script.js b/Project 06 - Scrolling Animation/script.js
deleted file mode 100644
index a6df24b..0000000
--- a/Project 06 - Scrolling Animation/script.js	
+++ /dev/null
@@ -1,21 +0,0 @@
-const boxes = document.querySelectorAll('.box')
-window.addEventListener('scroll', checkBoxes)
-
-// checkBoxes() // Remove it if you don't want any content first
-
-function checkBoxes() {
-	const triggerBottom = window.innerHeight / 5 * 4
-	boxes.forEach(box =>{
-		const boxTop = box.getBoundingClientRect().top
-
-
-		if (boxTop < triggerBottom)
-		{
-			box.classList.add('show')
-		}
-		else
-		{
-			box.classList.remove('show')
-		}
-	})
-}
\ No newline at end of file
diff --git a/Project 06 - Scrolling Animation/style.css b/Project 06 - Scrolling Animation/style.css
deleted file mode 100644
index fbd7e36..0000000
--- a/Project 06 - Scrolling Animation/style.css	
+++ /dev/null
@@ -1,50 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-	background-color: #efedd6;
-    font-family: 'Roboto' , sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content:center;
-    margin: 0;
-    overflow-x: hidden;
-}
-
-h1 {
-	margin: 10px;
-}
-
-.box {
-	background-color: steelblue;
-	color: #fff;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 400px;
-	height: 200px;
-	margin: 10px;
-	border-radius: 10px;
-	box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
-	transform: translateX(400%);
-	transition: transform 0.6s ease;
-}
-
-
-.box:nth-of-type(even){
-	transform: translateX(-400%);
-
-}
-
-.box.show {
-	transform: translateX(0);
-}
-
-.box h2 {
-	font-size: 45px;
-}
\ No newline at end of file
diff --git a/Project 07 -Split The Landing Page/img/ps5.jpg b/Project 07 -Split The Landing Page/img/ps5.jpg
deleted file mode 100644
index cced644..0000000
Binary files a/Project 07 -Split The Landing Page/img/ps5.jpg and /dev/null differ
diff --git a/Project 07 -Split The Landing Page/img/xbox.jpg b/Project 07 -Split The Landing Page/img/xbox.jpg
deleted file mode 100644
index faf8fab..0000000
Binary files a/Project 07 -Split The Landing Page/img/xbox.jpg and /dev/null differ
diff --git a/Project 07 -Split The Landing Page/index.html b/Project 07 -Split The Landing Page/index.html
deleted file mode 100644
index cffbbdd..0000000
--- a/Project 07 -Split The Landing Page/index.html	
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css">
-    <title>Splitting Landing Page</title>
-</head>
-<body>
-
-    <div class="container">
-        <div class="split left">
-            <h1>Playstation 5</h1>
-            <a href="#" class="btn">Buy Now!</a>
-        </div>
-        <div class="split right">
-            <h1>XBox Series X</h1>
-            <a href="#" class="btn">Buy Now!</a>
-        </div>
-    </div>
-    
-    
-    <script src="script.js"></script>
-</body>
-</html>
diff --git a/Project 07 -Split The Landing Page/script.js b/Project 07 -Split The Landing Page/script.js
deleted file mode 100644
index 07bf3ac..0000000
--- a/Project 07 -Split The Landing Page/script.js	
+++ /dev/null
@@ -1,9 +0,0 @@
-const left = document.querySelector('.left')
-const right = document.querySelector('.right')
-const container = document.querySelector('.container')
-
-left.addEventListener('mouseenter', () => container.classList.add('hover-left'))
-left.addEventListener('mouseleave', () => container.classList.remove('hover-left'))
-
-right.addEventListener('mouseenter', () => container.classList.add('hover-right'))
-right.addEventListener('mouseleave', () => container.classList.remove('hover-right'))
\ No newline at end of file
diff --git a/Project 07 -Split The Landing Page/style.css b/Project 07 -Split The Landing Page/style.css
deleted file mode 100644
index 690e7b4..0000000
--- a/Project 07 -Split The Landing Page/style.css	
+++ /dev/null
@@ -1,139 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
-
-:root {
-  --left-bg-color: rgba(87, 84, 236, 0.7);
-  --right-bg-color: rgba(43, 43, 43, 0.8);
-  --left-btn-hover-color: rgba(87, 84, 236, 1);
-  --right-btn-hover-color: rgba(28, 122, 28, 1);
-  --hover-width: 75%;
-  --other-width: 25%;
-  --speed: 1000ms;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: "Roboto", sans-serif;
-  height: 100vh;
-  overflow: hidden;
-  margin: 0;
-}
-
-h1 {
-  font-size: 4rem;
-  color: #fff;
-  position: absolute;
-  left: 50%;
-  top: 20%;
-  transform: translateX(-50%);
-  white-space: nowrap;
-}
-
-.container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background: #333;
-}
-
-.split {
-  position: absolute;
-  width: 50%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.split.left {
-  left: 0;
-  background: url("img/ps5.jpg");
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-
-.split.left::before {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background-color: var(--left-bg-color);
-}
-
-.split.right {
-  right: 0;
-  background: url("img/xbox.jpg");
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-
-.split.right::before {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background-color: var(--right-bg-color);
-}
-
-.split.right,
-.split.left,
-.split.right::before,
-.split.left::before {
-  transition: all var(--speed) ease-in-out;
-}
-
-.hover-left .left {
-  width: var(--hover-width);
-}
-
-.hover-left .right {
-  width: var(--other-width);
-}
-
-.hover-right .right {
-  width: var(--hover-width);
-}
-
-.hover-right .left {
-  width: var(--other-width);
-}
-
-.btn {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  left: 50%;
-  top: 40%;
-  transform: translateX(-50%);
-  text-decoration: none;
-  color: #fff;
-  border: #fff solid 0.2rem;
-  font-size: 1rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  width: 15rem;
-  padding: 1.5rem;
-}
-
-.split.left .btn:hover {
-  background-color: var(--left-btn-hover-color);
-  border-color: var(--left-btn-hover-color);
-}
-
-.split.right .btn:hover {
-  background-color: var(--right-btn-hover-color);
-  border-color: var(--right-btn-hover-color);
-}
-
-@media (max-width: 800px) {
-  h1 {
-    font-size: 2rem;
-    top: 30%;
-  }
-
-  .btn {
-    padding: 1.2rem;
-    width: 12rem;
-  }
-}
diff --git a/Project 08 - Animated Waving Form/index.html b/Project 08 - Animated Waving Form/index.html
deleted file mode 100644
index ceca370..0000000
--- a/Project 08 - Animated Waving Form/index.html	
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="style.css">
-    <title>Animated Wave</title>
-</head>
-<body>
-	<div class="container">
-    <h1>Please Login</h1>
-    <form>
-    	<div class="form-control">
-    		<input type="text" required>
-    		<label>Email</label>
-    	</div>
-
-    	<div class="form-control">
-    		<input type="password" required>
-    		<label>Password</label>
-    	</div>
-    	<button class="btn">Login</button>
-    	<p class="text"> Don't have any account? <a href="#">Register</a></p>
-    </form>
-    
-    
-    <script src="script.js"></script>
-</body>
-</html>
diff --git a/Project 08 - Animated Waving Form/script.js b/Project 08 - Animated Waving Form/script.js
deleted file mode 100644
index c60d16a..0000000
--- a/Project 08 - Animated Waving Form/script.js	
+++ /dev/null
@@ -1,8 +0,0 @@
-const labels = document.querySelectorAll('.form-control label');
-
-labels.forEach(label => {
-  label.innerHTML = label.innerText
-    .split('')
-    .map((letter, idx) => `<span style="transition-delay:${idx * 50}ms">${letter}</span>`)
-    .join('');
-})
\ No newline at end of file
diff --git a/Project 08 - Animated Waving Form/style.css b/Project 08 - Animated Waving Form/style.css
deleted file mode 100644
index 9ea766e..0000000
--- a/Project 08 - Animated Waving Form/style.css	
+++ /dev/null
@@ -1,107 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Muli&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    background-color: rgb(97, 169, 228);
-    font-family: 'Muli' , sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content:center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-    color: #fff;
-}
-
-.container {
-    background-color:rgba(0, 0, 0, 0.4);
-    padding:20px 40px;
-    border-radius:25px;
-
-}
-
-.container h1 {
-    text-align:center;
-    margin-bottom:30px;
-}
-
-.container a {
-    text-decoration: none;
-    color: lightblue;
-}
-
-.form-control {
-    position: relative;
-    margin: 20px 0 40px;
-    width: 250px;
-}
-
-
-
-.form-control input{
-    background-color: transparent;
-    border: 0;
-    border-bottom: 2px #fff solid;
-    display: block;
-    width: 100%;
-    padding: 15px 0;
-    font-size: 20px;
-    color: white;
-}
-
-.form-control input:focus, .form-control input:valid{
-     outline: 0; /* Removing the borders while mouse click*/
-     border-bottom-color: lightblue;
-
-}
-
-.btn {
-    cursor: pointer;
-    display: inline-block;
-    width: 100%;
-    background: lightblue;
-    padding: 15px;
-    font-family: inherit;
-    font-size: 16px;
-    border: 0;
-    border-radius: 15px;
-}
-
-.btn:focus{
-    outline: 0;
-}
-
-
-.btn:active{
-    transform: scale(0.98)
-}
-
-.text {
-    margin-top: 30px;
-}
-
-.form-control label {
-    position: absolute;
-    top: 15px; 
-    left: 0;
-}
-
-.form-control label span {
-    display: inline-block;
-    font-size: 18px;
-    min-width: 5px;
-    transition: 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-
-.form-control input:focus + label span,
-.form-control input:valid + label span {
-    color: lightblue;
-    transform: translateY(-35px);
-}
-
-
diff --git a/Project 09 - Sound Mini-Boards/index.html b/Project 09 - Sound Mini-Boards/index.html
deleted file mode 100644
index dc04443..0000000
--- a/Project 09 - Sound Mini-Boards/index.html	
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-      integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
-      crossorigin="anonymous"
-    />
-    <link rel="stylesheet" href="style.css" />
-    <title>Sound Mini-Boards</title>
-  </head>
-  <body>
-    <audio id="reef" src="music/music_zapsplat_beautiful_reef.mp3"></audio>
-    <audio
-      id="game"
-      src="music/music_zapsplat_game_music_action_agressive_pounding_tense_electro_synth_028.mp3"
-    ></audio>
-    <audio id="rapid" src="music/music_zapsplat_rapid_turnaround.mp3"></audio>
-    <audio
-      id="floating"
-      src="music/music_angela_paulson_floating_001.mp3"
-    ></audio>
-    <audio id="sea" src="music/music_angela_paulson_out_at_sea_004.mp3"></audio>
-    <audio
-      id="celestial"
-      src="music/music_david_gwyn_jones_the_celestial_harp_instrumental.mp3"
-    ></audio>
-    <audio
-      id="rush"
-      src="music/music_zapsplat_morning_rush_hour_142.mp3"
-    ></audio>
-
-    <div id="buttons"></div>
-
-    <script src="script.js"></script>
-
-    <footer>
-      <p>Used the sounds from Zapsplat.com<br /></p>
-    </footer>
-  </body>
-</html>
diff --git a/Project 09 - Sound Mini-Boards/music/music_angela_paulson_floating_001.mp3 b/Project 09 - Sound Mini-Boards/music/music_angela_paulson_floating_001.mp3
deleted file mode 100644
index 9bd6dca..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_angela_paulson_floating_001.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/music/music_angela_paulson_out_at_sea_004.mp3 b/Project 09 - Sound Mini-Boards/music/music_angela_paulson_out_at_sea_004.mp3
deleted file mode 100644
index 1cc7e46..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_angela_paulson_out_at_sea_004.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/music/music_david_gwyn_jones_the_celestial_harp_instrumental.mp3 b/Project 09 - Sound Mini-Boards/music/music_david_gwyn_jones_the_celestial_harp_instrumental.mp3
deleted file mode 100644
index 36bee7e..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_david_gwyn_jones_the_celestial_harp_instrumental.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/music/music_zapsplat_beautiful_reef.mp3 b/Project 09 - Sound Mini-Boards/music/music_zapsplat_beautiful_reef.mp3
deleted file mode 100644
index d5be203..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_zapsplat_beautiful_reef.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/music/music_zapsplat_game_music_action_agressive_pounding_tense_electro_synth_028.mp3 b/Project 09 - Sound Mini-Boards/music/music_zapsplat_game_music_action_agressive_pounding_tense_electro_synth_028.mp3
deleted file mode 100644
index 7e38579..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_zapsplat_game_music_action_agressive_pounding_tense_electro_synth_028.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/music/music_zapsplat_morning_rush_hour_142.mp3 b/Project 09 - Sound Mini-Boards/music/music_zapsplat_morning_rush_hour_142.mp3
deleted file mode 100644
index 198e89a..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_zapsplat_morning_rush_hour_142.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/music/music_zapsplat_rapid_turnaround.mp3 b/Project 09 - Sound Mini-Boards/music/music_zapsplat_rapid_turnaround.mp3
deleted file mode 100644
index cedb129..0000000
Binary files a/Project 09 - Sound Mini-Boards/music/music_zapsplat_rapid_turnaround.mp3 and /dev/null differ
diff --git a/Project 09 - Sound Mini-Boards/script.js b/Project 09 - Sound Mini-Boards/script.js
deleted file mode 100644
index 93fc1be..0000000
--- a/Project 09 - Sound Mini-Boards/script.js	
+++ /dev/null
@@ -1,20 +0,0 @@
-const sounds = ['reef', 'game', 'rapid', 'floating', 'sea', 'celestial', 'rush']
-
-sounds.forEach(sound => {
-    const btn = document.createElement('button')
-    btn.classList.add('btn')
-    btn.innerText = sound
-    btn.addEventListener('click', () => {
-        stopSongs()
-        document.getElementById(sound).play()
-    })
-    document.getElementById('buttons').
-        appendChild(btn)
-})
-function stopSongs() {
-    sounds.forEach(sound => {
-        const song = document.getElementById(sound)
-        song.pause()
-        song.currentTime = 0;
-    })
-}
\ No newline at end of file
diff --git a/Project 09 - Sound Mini-Boards/style.css b/Project 09 - Sound Mini-Boards/style.css
deleted file mode 100644
index 396a598..0000000
--- a/Project 09 - Sound Mini-Boards/style.css	
+++ /dev/null
@@ -1,38 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    background-color: rgb(173, 195, 236);
-    font-family: 'Poppins', sans-serif;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-}
-
-.btn {
-    background-color: lightblue;
-    border-radius: 5px;
-    border: none;
-    color: #fff;
-    margin: 1rem;
-    padding: 1.5rem 3rem;
-    font-size: 1.2rem;
-    font-family: inherit;
-    cursor: pointer;
-}
-
-.btn:focus {
-    outline: none;
-}
-
-.btn:hover {
-    opacity: .6;
-}
\ No newline at end of file
diff --git a/Project 10 - Dad Jokes/android-chrome-192x192.png b/Project 10 - Dad Jokes/android-chrome-192x192.png
deleted file mode 100644
index 181aee2..0000000
Binary files a/Project 10 - Dad Jokes/android-chrome-192x192.png and /dev/null differ
diff --git a/Project 10 - Dad Jokes/android-chrome-512x512.png b/Project 10 - Dad Jokes/android-chrome-512x512.png
deleted file mode 100644
index d61efc1..0000000
Binary files a/Project 10 - Dad Jokes/android-chrome-512x512.png and /dev/null differ
diff --git a/Project 10 - Dad Jokes/apple-touch-icon.png b/Project 10 - Dad Jokes/apple-touch-icon.png
deleted file mode 100644
index 61c9977..0000000
Binary files a/Project 10 - Dad Jokes/apple-touch-icon.png and /dev/null differ
diff --git a/Project 10 - Dad Jokes/favicon-16x16.png b/Project 10 - Dad Jokes/favicon-16x16.png
deleted file mode 100644
index 8712ee1..0000000
Binary files a/Project 10 - Dad Jokes/favicon-16x16.png and /dev/null differ
diff --git a/Project 10 - Dad Jokes/favicon-32x32.png b/Project 10 - Dad Jokes/favicon-32x32.png
deleted file mode 100644
index ff4102b..0000000
Binary files a/Project 10 - Dad Jokes/favicon-32x32.png and /dev/null differ
diff --git a/Project 10 - Dad Jokes/favicon.ico b/Project 10 - Dad Jokes/favicon.ico
deleted file mode 100644
index 65cfef7..0000000
Binary files a/Project 10 - Dad Jokes/favicon.ico and /dev/null differ
diff --git a/Project 10 - Dad Jokes/index.html b/Project 10 - Dad Jokes/index.html
deleted file mode 100644
index d9d47cf..0000000
--- a/Project 10 - Dad Jokes/index.html	
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-      integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
-      crossorigin="anonymous"
-    />
-    <link rel="stylesheet" href="style.css" />
-    
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="manifest" href="/site.webmanifest">
-    
-    
-    <title>Dad Jokes</title>
-  </head>
-  <body>
-    <div class="container">
-      <h3>Here's the challenge. Don't LAUGH !</h3>
-      <div id="joke" class="joke">
-      // Joke goes here
-      
-      </div>
-      <button id="jokeBtn" class="btn"> How about another joke, huh? </button>
-    </div>
-
-    <script src="script.js"></script>
-  </body>
-</html>
diff --git a/Project 10 - Dad Jokes/script.js b/Project 10 - Dad Jokes/script.js
deleted file mode 100644
index 74bcf9f..0000000
--- a/Project 10 - Dad Jokes/script.js	
+++ /dev/null
@@ -1,45 +0,0 @@
-const jokeEl = document.getElementById('joke')
-const jokeBtn = document.getElementById('jokeBtn')
-
-jokeBtn.addEventListener('click', generateJoke)
-
-generateJoke()
-
-
-// USING ASYNC/AWAIT
-async function generateJoke(){
-    
-    const config= {
-        headers: {
-            Accept: 'application/json',
-        },
-    }
-    
-   const res = await fetch('https://icanhazdadjoke.com', config)
-   
-   
-   const data = await res.json()
-   
-   jokeEl.innerHTML = data.joke
-}
-
-
-
-
-
-// USINE .then()
-
-//function generateJoke(){
-//    
-//    const config= {
-//        headers: {
-//            Accept: 'application/json',
-//        },
-//    }
-//    
-//    fetch('https://icanhazdadjoke.com', config)
-//    .then((res) => res.json())
-//    .then((data) => {
-//        jokeEl.innerHTML = data.joke
-//    })
-//}
\ No newline at end of file
diff --git a/Project 10 - Dad Jokes/style.css b/Project 10 - Dad Jokes/style.css
deleted file mode 100644
index 52ff000..0000000
--- a/Project 10 - Dad Jokes/style.css	
+++ /dev/null
@@ -1,75 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
-
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    background-color: #686de0;
-    font-family: 'Roboto' , sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content:center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-    padding: 25px;
-}
-
-.container{
-    background-color: #fff;
-    border-radius: 10px;
-    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
-    padding: 50px 20px;
-    text-align: center;
-    max-width: 100%;
-    width: 800px;
-}
-
-h3{
-    margin: 0;
-    opacity: 0.5;
-    letter-spacing: 2px;
-    
-}
-
-.joke{
-    font-size: 30px;
-    letter-spacing: 1px;
-    line-height: 40px;
-    margin: 50px auto;
-    max-width: 600px;
-}
-
-.btn{
-    background-color: #9F68E0; 
-    color: #fff;
-    border: 0;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
-    padding: 15px 40px;
-    font-size: 16px;
-    cursor: pointer;
-}
-
-.btn:active{
-    transform: scale(0.98);
-}
-
-.btn:focus{
-    outline: 0;
-}
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/Project 11 - Event Key/site.webmanifest b/Project 11 - Event Key/site.webmanifest
deleted file mode 100644
index 45dc8a2..0000000
--- a/Project 11 - Event Key/site.webmanifest	
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/README.md b/README.md
deleted file mode 100644
index eb7ee6e..0000000
--- a/README.md
+++ /dev/null
@@ -1,42 +0,0 @@
- <h1 align="center">  Mini Projects in HTML CSS and Javascript </h1>
-
- <hr>
-
-
-
-
-### Used Software:
-
-> VS Code & VS Code insider
-
-### Used Extensions
-
-- Emmet
-- Live Server
-- Auto Rename Tag
-- Bracket Pair Colorizer
-- Prettier - Code Formatter
-- Save Typing
-
-<hr>
-
- <h2 align="center"> Projects name and results: </h2>
- <br><br><br>
-
-
-|  ID | Name   | Live Website  | Live Demo  |
-|---|---|---|---|
-| 01  |   Expandable Cards | [Website](https://distracted-kepler-d186df.netlify.app)  | [YouTube Video](https://www.youtube.com/watch?v=OxRJniILojA&list=PLutHME8vSEnEoS_-5Cl8RMsH0aWnWbsci&index=2)  | 
-| 02  | Progress Step Bars  |  [Website](https://infallible-brattain-6d5102.netlify.app/)  | [YouTube Video](https://youtu.be/Jew-ydjswKs)     |
-|   |   |   |   |   |
-
-
-<!-- 
-3. Rotating Navigation: [Live Demo](https://jolly-wilson-e155a4.netlify.app/)
-4. Hidden Search Widget: [Live Demo](https://loving-curie-166a7d.netlify.app/)
-5. Blurry Loading Page: [Live Demo](https://practical-kowalevski-a028aa.netlify.app/)
-6. Scrolling Animation: [Live Demo](https://objective-bohr-df6ca0.netlify.app/)
-7. Split The Landing Page: [Live Demo](https://gifted-cray-f612ff.netlify.app/)
-8. Animated Waving Form: [Live Demo](https://priceless-leavitt-184bff.netlify.app/)
-9. Sound Mini-Boards: [Live Demo](https://mini-projects-in-html-css-and-javascript.vercel.app/)
-10. Dad Jokes: [Live Demo](https://hungry-agnesi-c7f8a3.netlify.app/) -->
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
deleted file mode 100644
index fc24e7a..0000000
--- a/_config.yml
+++ /dev/null
@@ -1 +0,0 @@
-theme: jekyll-theme-hacker
\ No newline at end of file
diff --git a/Project 11 - Event Key/android-chrome-192x192.png b/android-chrome-192x192.png
similarity index 100%
rename from Project 11 - Event Key/android-chrome-192x192.png
rename to android-chrome-192x192.png
diff --git a/Project 11 - Event Key/android-chrome-512x512.png b/android-chrome-512x512.png
similarity index 100%
rename from Project 11 - Event Key/android-chrome-512x512.png
rename to android-chrome-512x512.png
diff --git a/Project 11 - Event Key/apple-touch-icon.png b/apple-touch-icon.png
similarity index 100%
rename from Project 11 - Event Key/apple-touch-icon.png
rename to apple-touch-icon.png
diff --git a/Project 11 - Event Key/favicon-16x16.png b/favicon-16x16.png
similarity index 100%
rename from Project 11 - Event Key/favicon-16x16.png
rename to favicon-16x16.png
diff --git a/Project 11 - Event Key/favicon-32x32.png b/favicon-32x32.png
similarity index 100%
rename from Project 11 - Event Key/favicon-32x32.png
rename to favicon-32x32.png
diff --git a/Project 11 - Event Key/favicon.ico b/favicon.ico
similarity index 100%
rename from Project 11 - Event Key/favicon.ico
rename to favicon.ico
diff --git a/Project 11 - Event Key/img/i.jpg b/img/i.jpg
similarity index 100%
rename from Project 11 - Event Key/img/i.jpg
rename to img/i.jpg
diff --git a/Project 11 - Event Key/index.html b/index.html
similarity index 100%
rename from Project 11 - Event Key/index.html
rename to index.html
diff --git a/Project 11 - Event Key/script.js b/script.js
similarity index 100%
rename from Project 11 - Event Key/script.js
rename to script.js
diff --git a/Project 10 - Dad Jokes/site.webmanifest b/site.webmanifest
similarity index 100%
rename from Project 10 - Dad Jokes/site.webmanifest
rename to site.webmanifest
diff --git a/Project 11 - Event Key/style.css b/style.css
similarity index 100%
rename from Project 11 - Event Key/style.css
rename to style.css
