added some extra changes to lab 1

Author: HolmesMatthew

Code/matthew/html_css/labs/lab_1/index.html

@@ -14,6 +14,10 @@
         <h1>Batman/Bruce Wayne</h1>  
     </div>
 
+    <br>
+
+    <div class="line"></div>
+
     <!-- <br> -->
     <div class="intro">
         <div class="background">
@@ -67,19 +71,33 @@ <h2>Introduction</h2>
         </div>
     </div>
 
-    <br>
 
     <a href="https://en.wikipedia.org/wiki/Batman">Here is a link to learn more</a>
 
     <br>
 
+    <h2>Can also be found in</h2>
+
+    <ul>
+        <li>Citizen Wayne</li>
+        <li>DC Bombshells</li>
+        <li>The Dark Night</li>
+        <li>The Dark Multiverse</li>
+        <li>Injustice: Gods Among Us</li>
+    </ul>
+
+    <br>
     <h2>Places of residence</h2>
 
     <ul>
         <li>Old Wayne Manor</li>
         <li>New Wayne Manor</li>
     </ul>
 
+    <div class="line"></div>
+
+    <p class="ext">Information gathered Via wikipedia and general google searches</p>
+
 
 </body>
 </html>

Code/matthew/html_css/labs/lab_1/style.css

@@ -3,19 +3,32 @@ body {
     background-size: 16%;
     color: rgb(194, 194, 187);
     font-family: 'pt sans';
-    vertical-align: middle;
+    vertical-align: top;
 
 }
 .banner {
+    background-image: radial-gradient(circle at 16% 83%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 50%,rgba(63, 63, 63,0.06) 50%, rgba(63, 63, 63,0.06) 100%),radial-gradient(circle at 68% 87%, rgba(66, 66, 66,0.06) 0%, rgba(66, 66, 66,0.06) 50%,rgba(105, 105, 105,0.06) 50%, rgba(105, 105, 105,0.06) 100%),radial-gradient(circle at 38% 50%, rgba(123, 123, 123,0.06) 0%, rgba(123, 123, 123,0.06) 50%,rgba(172, 172, 172,0.06) 50%, rgba(172, 172, 172,0.06) 100%),linear-gradient(90deg, hsl(18,0%,1%),hsl(18,0%,1%));
+    background-size: 20%;
+    opacity: 75%;
+    /* background-repeat: no-repeat; */
     /* border: 2px solid red; */
     width: 100%;
     height: 100px;
-    text-align: center;
-    vertical-align: top;
+    text-align:center;
+}
+h1 {
+    padding: 24px;
+    color: rgba(255, 255, 0, 0.842);
+    opacity: 90%;
+    text-shadow: black 10px 10px;
 }
 
+.line {
+    border: 1px solid rgb(153, 151, 151);
+    opacity: 50%;
+}
 
-h1, h2 {
+h2 {
     color: black ;
     font-family: "oswald";
 }
@@ -51,4 +64,12 @@ blockquote {
 
 a {
     color: rgb(173, 173, 121);
+}
+
+ul {   
+    list-style-type:circle;
+}
+
+.ext {
+    text-align: center;
 }