diff --git a/CSS b/CSS
deleted file mode 100644
index f955f61c8073882bdb6a05456931155c1b7a6794..0000000000000000000000000000000000000000
--- a/CSS
+++ /dev/null
@@ -1,4 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title> Locations </title> 
diff --git a/html b/html
new file mode 100644
index 0000000000000000000000000000000000000000..2b5216d4de5dead43968a20376806b8e9dc68615
--- /dev/null
+++ b/html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href= "css/locations.css">
+    <title> Locations </title>
+</head>
+<body>
+  <h1>
+  <img src="https://www.4piproductions.com/wp-content/uploads/2017/04/tramshed_.png" class="logo">
+  OUR LOCATIONS </h1>
+  <div class="contain">
+    <ul class= "list">
+  <li>
+<div class="container">
+    <img src="https://images.squarespace-cdn.com/content/v1/55439320e4b0f92b5d6c4c8b/1646867535415-4JI39H286BUMT26H4FHN/C36A1915.jpg?format=2500w" class="image"  >
+
+    <div class="middle">
+        <div class="text"> Codebase </div>
+      </div>
+    </div>
+  </li>
+
+  <li>
+    <div class="container">
+    <img src="https://wearecatalyst.org/wp-content/uploads/2022/05/Catalyst03.jpg" class="image"  >
+
+    <div class="middle">
+        <div class="text"> Catalyst </div>
+      </div>
+    </div>
+  </li>
+  <li>
+    <div class="container">
+    <img src="https://images.squarespace-cdn.com/content/v1/5709040420c647579532dbb4/1594914119071-OWI9G22S295OCMSWL0VL/_K5L1162.jpg?format=2500w" Class="image"  >
+
+    <div class="middle">
+        <div class="text"> C4DI </div>
+      </div>
+    </div>
+  </li>
+
+  <li>
+    <div class="container">
+    <img src="https://dogpatchlabs.wpenginepowered.com/wp-content/uploads/2022/09/ian_browne.jpg" class="image" >
+
+    <div class="middle">
+        <div class="text"> Dogpatch </div>
+      </div>
+    </div>
+  </li>
+
+    <li>
+      <div class="container">
+      <img src="https://stationf.co/img/misc/create-zone.jpg" class="image"  >
+
+      <div class="middle">
+          <div class="text"> Station F </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
+
+</body>