diff --git a/members/bunny.html b/members/bunny.html
new file mode 100644
index 0000000..5ad3bf9
--- /dev/null
+++ b/members/bunny.html
@@ -0,0 +1,210 @@
+<!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.0">
+    <title>Bunny's Pixel art and drawings</title>
+    <style>
+
+        @font-face {
+            font-family: TagHandGraffitiTrash;
+            src: url("/Tag\ Hand\ Graffiti\ Trash.otf");
+        }
+
+        @font-face {
+            font-family: TagHandGraffitiTrashFat;
+            src: url("/Tag\ Hand\ Graffiti\ Trash_fat.otf");
+        }
+
+        body{
+            background-image: url("/media/Art/Mossaic.png");
+            height: 100%;
+            margin:0;
+            padding: 0;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            padding:10%;
+        }
+
+        #PageTitle{
+            position: fixed;
+            top: 15px;
+            left:15px;
+            background-color: white;
+            width: 360px;
+            height: 40px;
+            text-align: center;
+            border-radius: 20px;
+            border-style: groove;
+            border-color: aqua;
+            border-width: 4px;
+            color: teal;
+            padding: 5px 0px;
+            text-shadow: -2px 2px purple;
+            font-family: TagHandGraffitiTrash;
+        }
+
+
+        #ArtGallery{
+            overflow: scroll;
+            display: flex;
+            flex-direction: column;
+            background-color: #e6e6fabb;
+            align-items: center;
+            padding: 1%;
+            border-style: double;
+            border-color: cyan;
+            border-width: 6px;
+            border-radius: 15px;
+        }
+
+        .galleryRow{
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            flex-grow: inherit;
+            width: 100%;
+        }
+        .image{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: .5%;
+            width: 25%;
+            aspect-ratio: 1/2;
+            background-color: rgb(5, 65, 114);
+            border-radius: 15px;
+            border-color: purple;
+            border-style:solid;
+
+        }
+        .image p{
+            word-wrap: normal;
+            padding: 5%;
+        }
+
+        @media (max-width:700px) {
+            .image p{
+                font-size: 8pt;
+            }
+        }
+        
+        .image img{
+            width: 80%;
+            aspect-ratio: 1/1;
+            border-style: solid;
+            border-width: 2px;
+        }
+
+        a#fontAtrabution{
+            position: absolute;
+            right:0;
+            top: 0;
+            background-color: lightblue;
+            border-radius: 15px;
+            border-color: black;
+            border-style: dotted;
+            padding: 5px;
+        }
+        
+    </style>
+</head>
+<body>
+    <h1 id="PageTitle">Bunny's Art Corner</h1>
+    <div class="mainView">
+        <div id="ArtGallery">
+            <div class="galleryRow">
+                <div class="image">
+                    <h4>Mosaic</h4>
+                    <img src="/media/Art/Mossaic.png" alt="A repeating pattern of ovals, stars, circles, and diamonds">
+                    <p>This is just a pattern I made by adding a bunch of shapes and colors till it felt right</p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia, maiores!</p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo, quis.</p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, illo.</p>
+                </div>
+            </div>
+            <div class="galleryRow">
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, vitae.</p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+            </div>
+            <div class="galleryRow">
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+            </div>
+            <div class="galleryRow">
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+                <div class="image">
+                    <h4></h4>
+                    <img src="" alt="">
+                    <p></p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <a href="/media/atrabutions/Tag Hand Graffiti Trash.txt" id="fontAtrabution">Font Creator</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/members/dallas.html b/members/dallas.html
new file mode 100644
index 0000000..5781f93
--- /dev/null
+++ b/members/dallas.html
@@ -0,0 +1,15 @@
+<!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.0">
+    <title>Dallas' Dragon Den</title>
+    <style>
+        
+    </style>
+</head>
+<body>
+    <!---->
+</body>
+</html>
\ No newline at end of file
diff --git a/members/jupiter.html b/members/jupiter.html
new file mode 100644
index 0000000..56efbdb
--- /dev/null
+++ b/members/jupiter.html
@@ -0,0 +1,12 @@
+<!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.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/members/kitten.html b/members/kitten.html
new file mode 100644
index 0000000..e1ec270
--- /dev/null
+++ b/members/kitten.html
@@ -0,0 +1,12 @@
+<!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.0">
+    <title>Kitten's Lewd Corner</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/members/luna.html b/members/luna.html
new file mode 100644
index 0000000..e69de29
diff --git a/members/tech.html b/members/tech.html
index 5a86fb0..ce1da9a 100644
--- a/members/tech.html
+++ b/members/tech.html
@@ -1,6 +1,10 @@
-<html>
+<!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.0">
+    <title>TechRunner's Programs</title>
 </head>
 <body>
     
diff --git a/members/w175b.html b/members/w175b.html
new file mode 100644
index 0000000..2d81807
--- /dev/null
+++ b/members/w175b.html
@@ -0,0 +1,233 @@
+<!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.0">
+    <title>W175B Drone Lab</title>
+    <style>
+        *{
+            margin: 0;
+            padding: 0;
+            color: gold;
+            text-align: center;
+        }
+
+        body{
+            background-color: #111111;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            width: 100%;
+            height: 100vh;
+        }
+
+        #mainView{
+            background-color: #4545;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            
+        }
+
+        .readingList{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        img{
+            width: 100px;
+            border-radius: 15px;
+        }
+        .book{
+            display:flex;
+            flex-direction: row;
+            background-color: #555555;
+            width: 300px;
+            border-radius: 15px;
+            margin: 5px;
+        }
+
+        .bookDescription{
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            width: 100%;
+            overflow: scroll;
+            word-wrap: break-word;
+            margin: 5px;
+        }
+
+        .bookDescription p{
+            color: lightgrey;
+        }
+
+        .bookDescription h5{
+            color: gold;
+        }
+
+        a *{
+            color:aquamarine;
+            font-style: italic;
+
+        }
+
+        #backButton{
+            position: fixed;
+            bottom:0;
+            left:40%;
+            right:40%;
+
+        }
+
+        @media (min-width: 800px){
+            #mainView{
+                display: flex;
+                flex-direction: row;
+            }
+        }
+
+
+    </style>
+</head>
+<body>
+    <h1 id="header">W175B's Reading list</h1>
+    <div id="mainView">
+        <div class="readingList">
+            <h2>To Read List</h2>
+            <ul>
+                <a href="https://homestuck.github.io/">
+                    <li class="book">
+                        <img src="/media/books/Homestuck-Book-1-Cover.jpg" alt="">
+                        <div class="bookDescription">
+                            <h4>Homestuck</h4>
+                            <h5>Rating:</h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="http://">
+                    <li class="book">
+                        <img src="/media/books/wheeloftime.jpg" alt="">
+                        <div class="bookDescription">
+                            <h4>Wheel of Time</h4>
+                            <h5>Rating:</h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="https://nowherestars.net/">
+                    <li class="book">
+                        <img src="/media/books/nowherestars1.jpg" alt="">
+                        <div class="bookDescription">
+                            <h4>Nowhere Stars</h4>
+                            <h5>Rating:</h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="https://nowherestars.net/">
+                    <li class="book">
+                        <img src="/media/books/nowherestars2.jpg" alt="">
+                        <div class="bookDescription">
+                            <h4>Nowhere Stars 2</h4>
+                            <h5>Rating:</h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <!--
+                <a href="http://">
+                    <li class="book">
+                        <img src="" alt="">
+                        <div class="bookDescription">
+                            <h4></h4>
+                            <h5></h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="http://">
+                    <li class="book">
+                        <img src="" alt="">
+                        <div class="bookDescription">
+                            <h4></h4>
+                            <h5></h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="http://">
+                    <li class="book">
+                        <img src="" alt="">
+                        <div class="bookDescription">
+                            <h4></h4>
+                            <h5></h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="http://">
+                    <li class="book">
+                        <img src="" alt="">
+                        <div class="bookDescription">
+                            <h4></h4>
+                            <h5></h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="http://">
+                    <li class="book">
+                        <img src="" alt="">
+                        <div class="bookDescription">
+                            <h4></h4>
+                            <h5></h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="http://">
+                    <li class="book">
+                        <img src="" alt="">
+                        <div class="bookDescription">
+                            <h4></h4>
+                            <h5></h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+            -->
+            </ul>
+        </div>
+        <div class="readingList">
+            <h2>Finished</h2>
+            <ul>
+                <a href="https://share.marvel.com/sharing/series/drn:src:marvel:unison::prod:cc551810-5574-4967-8cda-6ba97ad96896">
+                    <li class="book">
+                        <img src="/media/books/immortalHulk.jpg" alt="Immortal Hulk coming back from the dead on a Comic book cover">
+                        <div class="bookDescription">
+                            <h4>Imortal Hulk</h4>
+                            <h5>Rating: </h5>
+                            <p></p>
+                        </div>
+                    </li>
+                </a>
+                <a href="https://share.marvel.com/sharing/series/drn:src:marvel:unison::prod:5e971ce7-3191-449b-8ce9-874881b5176d">
+                    <li class="book">
+                        <img src="/media/books/moonknight2016.jpg" alt="Moon knight in a straight jacket in a white room">
+                        <div class="bookDescription">
+                            <h4>Moon Knight 2016</h4>
+                            <h5>Rating: 10/10</h5>
+                            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inc</p>
+                        </div>
+                    </li>
+                </a>
+            </ul>
+            <a id="backButton" href="/index.html">Go Back</a>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/members/willow.html b/members/willow.html
index e69de29..31d3b76 100644
--- a/members/willow.html
+++ b/members/willow.html
@@ -0,0 +1,60 @@
+<!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.0">
+    <title>Willow</title>
+    <style>
+        body{
+            background-color: #003311;
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <h1>Welcome to Willow Gallery of nature photograhy and my plants</h1>
+    <div id="Gallery">
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+        <div class="galleryImg">
+            <img src="" alt="">
+            <p class="galleryText"></p>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
