Changes to front page, and master css

css/master.css

@@ -21,19 +21,19 @@
     background-color: var(--color-pallete-red);
 }
 
-a {
+.hexlink {
     text-decoration: none;
     font-style: italic;
     color: #a80000;
 }
-a:visited {
+.hexlink:visited {
     color: #a80000;
 }
 
-a:hover::before{
-    content: "\\";
-} a:hover::after{
-    content: "/";
+.hexlink:hover::before{
+    content: ">";
+} .hexlink:hover::after{
+    content: "<";
 }
 
 html {
@@ -138,7 +138,6 @@ body {
     width: 100%;
 }
 
-/*Mobile*/
 @media (max-width: 1000px)
 {
     .aboutme-box {
@@ -164,6 +163,11 @@ body {
 }  .projects-box .card {
     margin: auto;
     padding-bottom: 30px;
+} .projects-box img {
+    width: 100%;
+    height: 100%;
+    border-top-right-radius: 10%;
+    border-top-left-radius: 1%;
 }
 
 @media (max-width: 1000px)
@@ -177,10 +181,21 @@ body {
     }
 }
 
+/* CONTACT SECTION */
+#contact {
+    width: 100%;
+}
+
+.contact-box {
+    margin: auto;
+    width: auto;
+    height: auto;
+} 
+
 /* Cards */
 .card {
-    width: 350px;
-    height: 550px;
+    width: 300px;
+    height: 500px;
 } .card .upper {
     width: auto;
     height: 60%;

index.html

@@ -45,7 +45,7 @@
                 </div>
                 <div class="aboutme-box-right">
                     <h2>About Me</h2>
-                    <p>Hi! I'm Chris Bell. I am a programmer, musician, and nerd. My passion has been Game Development for over 5 years, using Unreal Engine, Unity, and Godot. I am currently a full-time Unity developer, but have knowledge in C/C++, C#, Java, HTML/CSS, and a few other languages. Most of my projects can be found on either my <a href="https://github.com/spudnut2000">personal GitHub</a> or my <a href="https://github.com/HexStudios">Hex Studios GitHub</a> pages.</p>
+                    <p>Hi! I'm Chris Bell. I am a programmer, musician, and nerd. My passion has been Game Development for over 5 years, using Unreal Engine, Unity, and Godot. I am currently a full-time Unity developer, but have knowledge in C/C++, C#, Java, HTML/CSS, and a few other languages. Most of my projects can be found on either my <a class="hexlink" href="https://github.com/spudnut2000">personal GitHub</a> or my <a class="hexlink" href="https://github.com/HexStudios">Hex Studios GitHub</a> pages.</p>
                 </div>
             </div>
         </div>
@@ -55,23 +55,33 @@
 
         <div id="projects">
             <div class="projects-box">
-                <div class="card"><div class="upper"></div><div class="lower"></div></div>
-                <div class="card"><div class="upper"></div><div class="lower"></div></div>
-                <div class="card"><div class="upper"></div><div class="lower"></div></div>
+                <!-- Project 7 -->
+                <div class="card"><div class="upper"><a href="#"><img src="res/project7-card.png"></a></div><div class="lower">
+                    <h2>Project VII</h2>
+                    <p>Project VII is an ongoing story-driven game. Details are not yet disclosed.</p>
+                </div></div>
+                <div class="card"><div class="upper"></div><div class="lower">
+
+                </div></div>
+                <div class="card"><div class="upper"></div><div class="lower">
+
+                </div></div>
                 
             </div>
         </div>
 
         <h1 class="content-title">CONTACT</h1>
         <hr class="content-break">
-
-        <div id="contact">
-            <div class="contact-box"></div>
-        </div>
     </div>
 
-
-    
+    <div id="contact">
+        <div class="contact-box">
+            <ul>
+                <li>Email: <a class="hexlink" href="mailto:chrisbell@hexstudios.co">chrisbell@hexstudios.co</a></li>
+                <li>Phone: <a class="hexlink" href="tel:+13057359574">+1(305) 735-9574</a></li>
+            </ul>
+        </div>
+    </div>
 
     <div id="fader-reverse"></div>
     <div id="footer">
@@ -79,10 +89,10 @@
         <br>
         <div class="footer-nav">
             <ul>
-                <li><a href="#aboutme">About</a></li>
-                <li><a href="#projects">Projects</a></li>
-                <li><a href="#contact">Contact</a></li>
-                <li><a href="https://github.com/HexStudios/hexstudios-co">Page Source</a></li>
+                <li><a class="hexlink" href="#aboutme">About</a></li>
+                <li><a class="hexlink" href="#projects">Projects</a></li>
+                <li><a class="hexlink" href="#contact">Contact</a></li>
+                <li><a class="hexlink" href="https://github.com/HexStudios/hexstudios-co">Page Source</a></li>
             </ul>
         </div>
     </div>

projectvii.html

@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link rel="stylesheet" href="css/master.css">
+    </head>
+</html>