diff --git a/css/style.css b/css/style.css
index 3f291f1..476de24 100644
--- a/css/style.css
+++ b/css/style.css
@@ -329,10 +329,8 @@ a.fab:hover{
     width: 100%;
     height: 100%;
 }
-.card-group{
-padding: 40px;
-}
-.card-img-top{
+
+img.img{
     max-width: 500px;
     max-height: 300px;
     padding-bottom: 20px;
@@ -342,29 +340,13 @@ padding: 40px;
               filter: blur(3px);
         vertical-align: middle;   
 }
-.card-img-top:hover {
+img.img:hover {
     color: white;
     opacity: 1;
-    -webkit-filter: blur(0px);
-            filter: blur(0px);
-}
-.card{
-    padding: 20px;
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    flex-direction: column;
-    -webkit-box-align: center;
-            align-items: center;
-}
-.card-title{
-    font-family: 'Abril Fatface', cursive !important; 
-    font-size: 20px;  
-}
-.card-text{
-    font-size: 15px;
+    -webkit-filter: blur(0);
+            filter: blur(0);
 }
+
 figure {
     position: relative;
     display: inline-block !important;
diff --git a/img/Final Project.gif b/img/Final Project.gif
new file mode 100644
index 0000000..aa98388
Binary files /dev/null and b/img/Final Project.gif differ
diff --git a/web.html b/web.html
new file mode 100644
index 0000000..50f046a
--- /dev/null
+++ b/web.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Web I</title>
+    <link rel="stylesheet" href="css/animation.css">
+    <link rel="shortcut icon" href="img/logo16.png">
+    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Julius+Sans+One|Raleway:300,400&display=swap" rel="stylesheet">
+</head>
+<body>
+    <div class="flex">
+        <div class="buttonwrapper">
+            <a href= "index.html" class="leftbutton">Home</a>
+            <a href= "https://web.digitalmediauconn.org/intro19/met18001/final_project/my_final.html#home" class="leftbutton">Website</a>
+        </div>
+        <div class="right">
+            <h1>Web I - (Unresponsive work)</h1>
+            <p>This project was a midterm for my Web II course where we were instructed to study a part of CSS that we did not know much about. I chose CSS animations and transitions. This project page is fully responsive and highlights CSS keyframe animations and CSS transitions.</p>
+        </div>
+    </div>
+    <div class="box">
+        <img src="img/Final Project.gif" class="gif" alt="CSS Showcase Gif">
+        <img src="img/CSS Showcase2.gif" class="gif" alt="CSS Showcase Gif">
+    </div>
+
+</body>
+</html>
\ No newline at end of file
