validated home page

home/index.css

@@ -16,7 +16,6 @@
 }
 
 .profileImg {
-    content: url("../assets/images/profileImage.png");
     max-height: 20em;
     border: solid #f29602;
     border-radius: 1000%;
@@ -40,9 +39,6 @@
     text-align: left;
     margin-left: 6em;
     color: #E5E5E5;
-}
-
-.generalInfo > span {
     display: flex;
     align-items: center;
     font-size: x-large;
@@ -55,28 +51,31 @@
     font-size: xx-large;
 }
 
-.dropdown > span {
+.dropdown {
-    display: flex;
+    display: block;
+    margin-bottom: 3em;
 }
 
-.dropdown > span > a > h2 {
+.dropdown > a > h2 {
-    margin-top: 0.5em;
+    margin-top: 1em;
-    margin-left: 0.25em;
+    margin-left: 0.1em;
 }
 
-.dropdown > span > a {
+.dropdown > a {
     margin: 0;
+    margin-top: 1em;
     text-decoration: 0;
     color: #E5E5E5;
 }
 
+
 .dropdown > ul > li {
     margin-left: 1em;
     font-family: bio;
     list-style: none;
 }
 
-.generalInfo > span > p {
+.generalInfo > p {
     margin-left: 0.5em;
 }
 

home/index.html

@@ -46,7 +46,7 @@
         </p>
         <p id="present"> 
             Currently, I at the University of Northampton studying Software Engineering. This has given me knowledge in requirements engineering, design, Java, and neworking concepts so far.
-            This website was originally created for my CSY1018 assignment on <span class="moreInfo">UoN's<span class="extraInfo"id="uon">Universirty of Northampton</span></span> BSc Computing(Software Engineering) course. However, I have continued to maintain and improve it to act as a direct, interactable testament to what I can achieve.
+            This website was originally created for my CSY1018 assignment on <span class="moreInfo">UoN's<span class="extraInfo" id="uon">Universirty of Northampton</span></span> BSc Computing(Software Engineering) course. However, I have continued to maintain and improve it to act as a direct, interactable testament to what I can achieve.
         </p>
         <p id="code"> 
             All the source code for this site is available on <a class="link" href="https://github.com/jpez-development/CSY1018_assignment_1/" target="_blank" rel="noopener noreferrer">GitHub</a> so that those of you that are interested can see how it works too.
@@ -56,44 +56,45 @@
     <aside class="bio">
 
         <section class="monikers">
-            <h1>Joshua Perry</h1>
+            <h2>Joshua Perry</h2>
             <p>(A.K.A J-Pez)</p>
         </section>
 
-        <img class="profileImg" alt="An Image of Joshua"/>
+        <img class="profileImg" src="assets/images/profileImage.png" alt="An Image of Joshua"/>
 
         <section class="generalInfo">
-            <span>
+            <h2 class="title">D.O.B</h2>
-                <h2 class="title">D.O.B</h2>
+            <p>09/02/2001</p>
-                <p>09/02/2001</p>
+        </section>
-            </span>
+
-            <span>
+        <section class="generalInfo">
-                <h2 class="title">Pronouns</h2>
+            <h2 class="title">Pronouns</h2>
-                <p>He/Him</p>
+            <p>He/Him</p>
-            </span>
+        </section>
-            <span>
+
-                <h2 class="title">Occupation</h2>
+        <section class="generalInfo">
-                <p>Student</p>
+            <h2 class="title">Occupation</h2>
-            </span>
+            <p>Student</p>
-            <span>
+        </section>
-                <h2 class="title">Studying</h2>
+
-                <p>BSc Computing(Software Engineering)</p>
+        <section class="generalInfo">
-            </span>
+            <h2 class="title">Studying</h2>
-            <span>
+            <p>BSc Computing(Software Engineering)</p>
-                <h2 class="title">Institution</h2>
+        </section>
-                <p>University of Northampton</p>
+
-            </span>
+        <section class="generalInfo">
-            <span>
+            <h2 class="title">Institution</h2>
-                <h2 class="title">Gradutation Year</h2>
+            <p>University of Northampton</p>
-                <p>2024</p>
+        </section>
-            </span>
+
+        <section class="generalInfo">
+            <h2 class="title">Gradutation Year</h2>
+            <p>2024</p>
         </section>
 
         <section class="generalInfo dropdown" id="langDrop">
-            <span id="lang">
+            <a href="./home/index.html#lang" class="close">X</a>
-                <a href="./home/index.html#lang" class="close">X</a>
+            <a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a>
-                <a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a>
-            </span>
             <ul class="langList">
                 <li>HTML5</li>
                 <li>CSS</li>
@@ -107,10 +108,8 @@
         </section>
 
         <section class="generalInfo dropdown" id="qualDrop">
-            <span id="qual">
+            <a href="./home/index.html#qual" class="close">X</a>
-                <a href="./home/index.html#qual" class="close">X</a>
+            <a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a>
-                <a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a>
-            </span>
             <ul class="qualList">
                 <li>A2 Computer Science</li>
                 <li>A2 Mathematics</li>