diff --git a/index.html b/index.html
index ad6d70c..eea25a3 100644
--- a/index.html
+++ b/index.html
@@ -1,26 +1,105 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Hello!</title>
+    <title>Semantic HTML Challenge</title>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     
     <!-- import the webpage's stylesheet -->
-    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="./style.css">
 
   </head>  
   <body>
     <!--repalce this h1 and p content with your own html table -->
-    <h1>Hi there!</h1>
+    <h1>Pete O'Connell's Sematic HTML Challenge</h1>
+<main>
+    <table>
+      <caption>A SUMMARY OF THE UK'S MOST FAMOUS PUNK BANDS </caption>
+      
+<thead class = "header">
+  <tr>
+    <td> BAND </td>
+    <td> YEAR FORMED </td>
+    <td> NO. OF ALBUMS </td>
+    <td> MOST FAMOUS SONG </td>
+  </tr>
+  <thead>
+    
+    <tbody class = "body">
+      <tr>
+          <td>Buzzcocks</td>
+          <td>1976</td>
+          <td>9</td>
+          <td>Ever Fallen in Love (With Someone You Shouldn't have)</td>
+        </tr>
+      
+        <tr>
+          <td>The Clash</td>
+          <td>1976</td>
+          <td>6</td>
+          <td>London Calling</td>
+        </tr>
+      
+       <tr>
+          <td>The Damned</td>
+          <td>1976</td>
+          <td>10</td>
+          <td>Smash it up</td>
+        </tr>
+
+        <tr>
+          <td>Sex Pistols</td>
+          <td>1975</td>
+          <td>1</td>
+          <td>Anarchy in the UK</td>
+        </tr>
+
+        <tr>
+          <td>Sham 69</td>
+          <td>1976</td>
+          <td>13</td>
+          <td>If The Kids Are United</td>
+        </tr>
+
+        <tr>
+          <td>Siouxsie and the Banshees</td>
+          <td>1976</td>
+          <td>11</td>
+          <td>HongKong Garden</td>
+        </tr>
+
+        <tr>
+          <td>Stiff Little Fingers</td>
+          <td>1977</td>
+          <td>10</td>
+          <td>Suspect Device</td>
+        </tr>
 
-    <p>
-      I'm your cool new webpage. Made with <a href="https://glitch.com">Glitch</a>!
-    </p>
+        <tr>
+          <td>The Stanglers</td>
+          <td>1974</td>
+          <td>17</td>
+          <td>No More Heroes</td>
+        </tr>
 
+      </tbody>
+      
+      <tfoot class = "footer">
+        <tr>
+          <td class = "text" colspan="3"> Total Albums </td>
+          <td class = "total" colspan="3"> 77 </td>
+        </tr>
+      </tfoot>
+      
+  </table>
+    </main>
+      
+    <!--This Challenge has been a tough one. Finished as best as I can. Thank you-->
+      
     <!-- include the Glitch button to show what the webpage is about and
           to make it easier for folks to view source and remix -->
     <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div>
     <script src="https://button.glitch.me/button.js"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index ea0844a..bb6db3b 100644
--- a/style.css
+++ b/style.css
@@ -2,10 +2,98 @@
 
 body {
   font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
-  margin: 2em;
+  margin: auto;
 }
 
 h1 {
   font-style: italic;
-  color: #373fff;
+  color: #103375fb;
 }
+
+table {
+  border: 2px solid #800080;
+  text-align: center;
+  table-layout: fixed;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+caption {
+  text-align: end;
+  padding: 10px;
+  font-family: "Rock Salt", cursive;
+  font-size: 1em;
+  caption-side: bottom;
+}
+
+.header {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url("assets/leopardskin.jpg");
+  Horrible leopard print yuck
+  background-size: cover;
+  font-family: "Rock Salt", cursive;
+  font-size: 1em;
+  color: #ffffff;
+}
+
+.footer {
+   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url("assets/leopardskin.jpg");
+  background-size: cover;
+  font-family: "Rock Salt", cursive;
+  font-size: 1em;
+  color: white;
+}
+
+.header td {
+  padding: 20px;
+  border: 3px solid #800080;
+}
+
+.footer td {
+   padding: 20px;
+  border: 3px solid #800080;
+}
+
+.text {
+  text-align: center;
+}
+
+.total {
+  text-align: start;
+}
+
+tbody {
+  font-family: 'Helvetica Neue', Helvetica, sans-serif;
+  text-align: centre;
+}
+
+tbody tr {
+  background-image: url("./assets/noise.png");
+}
+
+tbody tr:nth-child(odd) {
+  background-color: #800080;
+}
+
+tbody tr:nth-child(even) {
+  background-color: #e495e4;
+}
+
+.body td {
+  padding: 10px;
+}
+
+thead tr td:nth-child(1) {
+  width: 30%;
+}
+
+thead tr td:nth-child(2) {
+  width: 20%;
+}
+
+thead tr td:nth-child(3) {
+  width: 20%;
+}
+
+thead tr td:nth-child(4) {
+  width: 40%;
+}
\ No newline at end of file

BAND	YEAR FORMED	NO. OF ALBUMS	MOST FAMOUS SONG
Buzzcocks	1976	9	Ever Fallen in Love (With Someone You Shouldn't have)
The Clash	1976	6	London Calling
The Damned	1976	10	Smash it up
Sex Pistols	1975	1	Anarchy in the UK
Sham 69	1976	13	If The Kids Are United
Siouxsie and the Banshees	1976	11	HongKong Garden
Stiff Little Fingers	1977	10	Suspect Device
The Stanglers	1974	17	No More Heroes
Total Albums			77