A massive website overhaul (Changed the theme)

1 files changed, 61 insertions, 50 deletions

diff --git a/projects.md b/projects.md
index e445f99..1a4fe07 100644
--- a/projects.md
+++ b/projects.md
@@ -4,53 +4,64 @@ title: Projects
 description: These are the projects I used to and currently working on
 ---
 
- <div class="row-cards">
- <div class="card">
-  <img src="./assets/AleeBot.png" alt="Logo" style="width:100%">
-  <div class="container-card">
-    <h4><b>AleeBot</b></h4>
-    <p>A Discord bot made in JavaScript</p>
-    <br>
-    <a href="https://github.com/AleeCorp/AleeBot" class="btn default"><i class="fab fa-github"></i> GitHub</a>
-  </div>
-</div>
-
-<div class="card">
-  <img src="./assets/silicon-linux.png" alt="Logo" style="width:100%">
-  <div class="container-card">
-    <h4><b>Silicon Linux</b></h4>
-    <p>An Arch based distribution</p>
-    <br>
-    <a href="https://silicon-linux.net" class="btn default">Website</a> <a href="https://github.com/silicon-linux" class="btn default"><i class="fab fa-github"></i> GitHub</a>
-    
-  </div>
-</div> 
-<div class="card">
-  <img src="./assets/silicon-linux.png" alt="Logo" style="width:100%">
-  <div class="container-card">
-    <h4><b>Project: Silicon</b></h4>
-    <p>A hacking game by Alee and Trey</p>
-    <br>
-     <a href="https://github.com/UniverseDevGroup/Project-Silicon" class="btn default"><i class="fab fa-github"></i> GitHub</a>
-  </div>
-</div> 
-<div class="card">
-  <img src="./assets/silicon-linux.png" alt="Logo" style="width:100%">
-  <div class="container-card">
-    <h4><b>First Website</b></h4>
-    <p>This is my first ever website "I" made back in 2013</p>
-    <br>
-     <a href="http://alee14.ml/first-website" class="btn default">Website</a>
-  </div>
-</div> 
-<div class="card">
-  <img src="./assets/silicon-linux.png" alt="Logo" style="width:100%">
-  <div class="container-card">
-    <h4><b>Weather Web Page</b></h4>
-    <p>My second website that I worked on (Started in 2016)</p>
-    <br>
-     <a href="http://alee14.ml/weather-website" class="btn default">Website</a>
-  </div>
-</div> 
-
-</div>
+  <div class="row">
+    <div class="col s12 m6">
+      <div class="card black darken-1">
+        <div class="card-content white-text">
+        <img src="/assets/img/AleeBot.png" alt="Logo" style="width:20%">
+        <div class="container-card">
+        <span class="card-title">AleeBot</span>
+        <p>A Discord bot made in JavaScript</p>
+        <br>
+        </div>
+        <div class="card-action">
+        <a href="https://github.com/AleeCorp/AleeBot"><i class="fab fa-github"></i> GitHub</a>
+        </div>
+      </div>
+      <div class="card black darken-1">
+        <div class="card-content white-text">
+        <img src="/assets/img/silicon-linux.png" alt="Logo" style="width:20%">
+        <div class="container-card">
+        <span class="card-title">Silicon Linux</span>
+        <p>An Arch based distribution</p>
+        <br>
+        </div>
+        <div class="card-action">
+        <a href="https://silicon-linux.net">Website</a> <a href="https://github.com/silicon-linux"><i class="fab fa-github"></i> GitHub</a>
+        </div>
+      </div>
+       <div class="card black darken-1">
+        <div class="card-content white-text">
+        <div class="container-card">
+        <span class="card-title">Project: Silicon</span>
+        <p>A hacking game by Alee and Trey</p>
+        <br>
+        </div>
+        <div class="card-action">
+        <a href="https://github.com/UniverseDevGroup/Project-Silicon"><i class="fab fa-github"></i> GitHub</a>
+        </div>
+      </div>
+       <div class="card black darken-1">
+        <div class="card-content white-text">
+        <div class="container-card">
+        <span class="card-title">First Website</span>
+        <p>This is my first ever website "I" made back in 2013</p>
+        <br>
+        </div>
+        <div class="card-action">
+         <a href="http://alee14.ml/first-website">Website</a>
+        </div>
+      </div>
+       <div class="card black darken-1">
+        <div class="card-content white-text">
+        <div class="container-card">
+        <span class="card-title">Weather Web Page</span>
+        <p>My second website that I worked on as an assignment. (Started in 2016)</p>
+        <br>
+        </div>
+        <div class="card-action">
+         <a href="http://alee14.ml/weather-website">Website</a>
+        </div>
+      </div>
+    </div>
+  </div>
\ No newline at end of file