diff --git a/.DS_Store b/.DS_Store
index f5e0c60..579cf03 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/Version2.0/webDevUser24.html b/Version2.0/webDevUser24.html
index aae18d9..80242af 100644
--- a/Version2.0/webDevUser24.html
+++ b/Version2.0/webDevUser24.html
@@ -19,7 +19,80 @@
     <link rel="stylesheet" href="style.css">
 
     <style>
-
+        h3 {
+            margin: 0;
+            margin-left: 0;
+        }
+        
+        h2 {
+            margin-bottom: 0;
+        }
+        
+        #banner {
+            border: 5px outset rgb(8, 12, 212);
+            background-color: rgb(166, 43, 183);
+            text-align: center;
+        }
+        
+        div#face {
+            width: 40vw;
+            height: 40vw;
+            max-width: 400px;
+            max-height: 400px;
+            margin: 0 auto;
+            position: relative;
+            background: rgb(75, 53, 242);
+            margin-top: 2rem;
+        }
+        
+        div#face,
+        div#face * {
+            border-radius: 50%;
+        }
+        
+        .eye {
+            width: 15%;
+            height: 15%;
+            background: #923232;
+            position: absolute;
+            top: 20%;
+        }
+        
+        .left.eye {
+            left: 20%;
+        }
+        
+        .right.eye {
+            right: 20%;
+        }
+        
+        .pupil {
+            background: #dce0e4;
+            width: 50%;
+            height: 80%;
+            position: relative;
+            left: 35%;
+            transform-origin: bottom;
+        }
+        
+        #mouth {
+            position: relative;
+            width: 40%;
+            left: 20%;
+            height: 25%;
+            border: 1vw solid transparent;
+            border-radius: 80%;
+            top: 50%;
+            border-bottom-color: #cc6220;
+        }
+        
+        section {
+            border: 1px dashed blue
+        }
+        
+        figure {
+            border: 15px dashed rgb(226, 218, 61)
+        }
     </style>
 </head>
 
@@ -30,26 +103,66 @@
         <h1>About Me</h1>
         <div id="tags">
             <p>
-                This is my first webpage! I was able to code all the HTML and CSS in order to make it.
-                Watch out world of web design here I come!
+                This is my first webpage! I was able to code all the HTML and CSS in order to make it. Watch out world of web design here I come!
             </p>
 
             <h2>Heading Examples</h2>
 
             <!-- Put your Headings ↓↓↓↓↓↓Below↓↓↓↓↓↓ here-->
+            <h1>Hello</h1>
+            <h2>What</h2>
+            <h3>hi</h3>
+            <h4>hello</h4>
+            <h5>hey</h5>
+            <h6>say</h6>
+            <marquee>Money</marquee>
 
             <!-- Put your Headings ↑↑↑↑↑↑Above↑↑↑↑↑↑ here-->
 
             <h2>Examples of "Other" HTML elements</h2>
 
             <!-- Put your 8 examples of other elements ↓↓↓↓↓↓Below↓↓↓↓↓↓ here-->
+            Welcome to this test <ins>WEBSITE</ins>
+
+            <del>What are these elements </del>
+            <small>how small are these</small>
+            <sup>letters</sup>
+            <hr>
+            <sub>I'm down here</sub>
+            <sup>up here no</sup>
+            </p> <abbr title="I can write more in this"> WOW </abbr> Almsot done <progress value="22" max="100"> </progress > with this
+
 
             <!-- Put your 8 examples of other elements ↑↑↑↑↑↑Above↑↑↑↑↑↑ here-->
         </div>
+        <div id="specific"></div>
+        <h1>PUT YOUR BIG TITLE HERE</h1>
+<section>
+    <h2>Introduction or 1st Point</h2>
+    <p>Content in here that explains your 1st point</p>
+</section>
+
+<section>
+    <h2>2nd Point</h2>
+    <p>Content in here that explains your 2nd point</p>
+    <a href="http://www.lose.com"></a>www.lose.com</a>
+</section>
+
+<figure> "Hello figure this out..."</figure>
         <div id="banner">
-        </div>
+            <marquee>I want</marquee>
+      
         <div id="face">
-
+            <div class="left eye">
+                <div class="pupil">
+                </div>
+           </div>
+           <div class="right eye">
+                <div class="pupil">
+                </div>
+           </div>
+           <div id="mouth">
+           </div>
         </div>
     </main>
 
diff --git a/Version3.0/user24/CSS/style.css b/Version3.0/user24/CSS/style.css
index 9b90a3f..0ffdda4 100644
--- a/Version3.0/user24/CSS/style.css
+++ b/Version3.0/user24/CSS/style.css
@@ -1,21 +1,21 @@
 table {
-	font-family: "Marker Felt", "Comic Sans MS", fantasy;
-	color: #003366;
-	margin-left: auto;
-	margin-right: auto;
-	text-align: left;
-	border-collapse: collapse;
-	cellspacing: 0px;
+    font-family: "Marker Felt", "Comic Sans MS", fantasy;
+    color: #900d0d;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: left;
+    border-collapse: collapse;
+    border-spacing: 0px;
 }
 
 tr {
-	border: 1px solid #ffffff;
-	text-align: center;
-	background-color:#9FB6CD; 
+    border: 1px solid #ffffff;
+    text-align: center;
+    background-color: #1c692b;
 }
 
 th {
-	text-align: center;
-	color: #ffffff;
-	background-color: #003366;
+    text-align: center;
+    color: #ffecec;
+    background-color: #421708;
 }
\ No newline at end of file
diff --git a/Version3.0/user24/List.html b/Version3.0/user24/List.html
new file mode 100644
index 0000000..a06f32e
--- /dev/null
+++ b/Version3.0/user24/List.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--Version 3.0
+        Name:
+        Date Completed:
+    -->
+
+<head>
+
+    <title>Web Dev User ## </title>
+
+    <!-- Meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="SHS WebDev Version 3.0 - Lists">
+
+    <!-- CSS -->
+    <!-- Bootstrap -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <!-- Animate -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
+    <!-- Custom -->
+    <link rel="stylesheet" href="CSS/style.css">
+
+    <!-- JavaScript -->
+    <!-- These are needed to get the responsive menu to work -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
+
+    <!-- Custom styles for this template -->
+    <style type="text/css">
+        footer {
+            font-size: 12px;
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <!---------------------------------- Begin the nav-bar ------------->
+    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
+        <div class="container-fluid">
+            <a href="http://shakonet.isd720.com" class="navbar-brand">WebDev</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="collapsibleNavbar">
+                <ul class="navbar-nav me-auto">
+                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Edit These Items in your NavBar ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
+                    <li class="nav-item">
+                        <a href="index.html" class="nav-link">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#foot" class="nav-link">About Me</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="music.html" class="nav-link">Music</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="list.html" class="nav-link active">Lists</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#power" class="nav-link" tabindex="-1">Contact</a>
+                    </li>
+                    <!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Edit These Items in your NavBar ↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->
+                </ul>
+                <form class="d-flex">
+                    <button class="btn btn-primary" type="button">Login</button>
+                </form>
+            </div>
+        </div>
+    </nav>
+    <!---------------------------------- End the nav-bar ------------->
+
+    <main class="container-fluid mt-3">
+
+        <h1 class="text-left my-3">My Lists</h1>
+        <!-- Edit this line for the title of your page -->
+
+        <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Put your content below this line ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
+        <h3>Best List</h3>
+        <ul>
+            <li>Impossible</li>
+            <li>I Wonder</li>
+            <li>Sing about me, I'm Dying of Thirst</li>
+            <li>16</li>
+            <li>Crooked Smile</li>
+        </ul>
+        <h3>FINE List</h3>
+        <ol>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+            <li>HI</li>
+            <li>HELLO</li>
+            <li>HEY</li>
+            <li>SUP</li>
+            <li>YO</li>
+
+        </ol>
+
+        <!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Make sure all your content is above this line ↑↑↑↑↑↑↑↑↑-->
+    </main>
+
+    <!---------------------------------- Begin the footer ------------->
+    <footer id="foot">
+
+        <div>
+            Webpage made by <a href="#" target="_blank">[your name]</a>
+        </div>
+    </footer>
+    <!---------------------------------- End the footer ------------->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Version3.0/user24/images/Bornsinner.jpg b/Version3.0/user24/images/Bornsinner.jpg
new file mode 100644
index 0000000..d9fa3ac
Binary files /dev/null and b/Version3.0/user24/images/Bornsinner.jpg differ
diff --git a/Version3.0/user24/images/GoodKid.jpg b/Version3.0/user24/images/GoodKid.jpg
new file mode 100644
index 0000000..627b36b
Binary files /dev/null and b/Version3.0/user24/images/GoodKid.jpg differ
diff --git a/Version3.0/user24/images/TheMelodicBlueCover.jpg b/Version3.0/user24/images/TheMelodicBlueCover.jpg
new file mode 100644
index 0000000..b78d375
Binary files /dev/null and b/Version3.0/user24/images/TheMelodicBlueCover.jpg differ
diff --git a/Version3.0/user24/images/WONDER.jpg b/Version3.0/user24/images/WONDER.jpg
new file mode 100644
index 0000000..98f483f
Binary files /dev/null and b/Version3.0/user24/images/WONDER.jpg differ
diff --git a/Version3.0/user24/music.html b/Version3.0/user24/music.html
new file mode 100644
index 0000000..7d02cc4
--- /dev/null
+++ b/Version3.0/user24/music.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--Version 3.0
+        Name:
+        Date Completed:
+    -->
+
+<head>
+
+    <title>Music for Web Dev User ## </title>
+
+    <!-- Meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="SHS WebDev Version 3.0 - My Favorite Music">
+
+    <!-- CSS -->
+    <!-- Bootstrap -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <!-- Animate -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
+    <!-- Custom -->
+    <link rel="stylesheet" href="CSS/style.css">
+
+    <!-- JavaScript -->
+    <!-- These are needed to get the responsive menu to work -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
+
+    <!-- Custom styles for this template -->
+    <style type="text/css">
+        footer {
+            font-size: 12px;
+            text-align: center;
+        }
+        
+        td img {
+            width: 150px;
+            height: 150px;
+        }
+        
+        main {
+            background-image: url(https://i.ytimg.com/vi/QhzhGL67-1I/maxresdefault.jpg);
+        }
+    </style>
+</head>
+
+<body>
+    <!---------------------------------- Begin the nav-bar ------------->
+    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
+        <div class="container-fluid">
+            <a href="http://shakonet.isd720.com" class="navbar-brand">WebDev</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="collapsibleNavbar">
+                <ul class="navbar-nav me-auto">
+                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Edit These Items in your NavBar ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
+                    <li class="nav-item">
+                        <a href="index.html" class="nav-link active">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="aboutMe.html" class="nav-link">About Me</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="music.html" class="nav-link">Music</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="list.html" class="nav-link">Lists</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="mailto:sample@gmail.com?Subject=Hello" class="nav-link disabled" tabindex="-1">Contact</a>
+                    </li>
+                    <!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Edit These Items in your NavBar ↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->
+                </ul>
+                <form class="d-flex">
+                    <button class="btn btn-primary" type="button">Login</button>
+                </form>
+            </div>
+        </div>
+    </nav>
+    <!---------------------------------- End the nav-bar ------------------------------------->
+
+    <main class="container-fluid mt-3">
+
+        <h1 class="text-left my-3" tabindex="0">Music</h1>
+        <!-- Edit this line for the title of your page -->
+
+        <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Put your content below this line ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
+        <h2>My Top 5 Favorite Songs</h2>
+        <table>
+            <thead>
+                <tr>
+                    <th>Rank</th>
+                    <th>Artist</th>
+                    <th>Song</th>
+                    <th>Album Art</th>
+                </tr>
+            </thead>
+            <tr>
+                <td>1</td>
+                <td>Travis Scott</td>
+                <td>Impossible</td>
+                <td><img src="https://m.media-amazon.com/images/I/81hiJLs5wjL._UF1000,1000_QL80_.jpg"></td>
+            </tr>
+            <tr>
+                <td>2</td>
+                <td>Kanye West</td>
+                <td>I Wonder</td>
+                <td><img src="images/WONDER.jpg" alt="West "></td>
+            </tr>
+            <tr style="background-color: rgb(27, 81, 35);">
+                </td>
+                <td>3</td>
+                <td>Kendrick Lamar</td>
+                <td>Sing about me, I'm Dying of Thirst</td>
+                <td>><img src="images/GoodKid.jpg" alt="Lamar"></td>
+            </tr>
+            <tr style="background-color: rgb(33, 19, 223);">
+                <td>4</td>
+                <td>Baby keem</td>
+                <td>16</td>
+                <td>><img src="images/TheMelodicBlueCover.jpg" alt="Keem"></td>
+            </tr>
+            <tr style="background-color: rgb(136, 125, 125);">
+                <td>5</td>
+                <td>J cole</td>
+                <td>Crooked Smile</td>
+                <td><img src="images/Bornsinner.jpg" alt="Smile"></td>
+            </tr>
+        </table>
+    </main>
+    <!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Make sure all your content is above this line ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->
+
+
+    <!---------------------------------- Begin the footer ------------->
+    <footer>
+        <div>
+            Music can be found here <a href="https://music.amazon.com"> Amazon Music</a>
+        </div>
+    </footer>
+    <!---------------------------------- End the footer ------------->
+</body>
+
+</html>
\ No newline at end of file