add socials

Author: BrettMayson

images/guest2.jpg

@@ -13,8 +13,20 @@
 
     <section style="background: url('images/classroom.jpg') center/cover no-repeat;" class="section-bg">
         <div class="text-content">
-            <h2>CompCamps Annual Summer Camps</h2>
+            <h2>MSI CompCamps</h2>
+            <h3>Annual Summer Camps</h3>
             <p>Every year, CompCamps provides one-week camps for students aged 12-17. The camps provide a fun environment to explore technology with a group of like-minded peers. Campers are able to pick one or more areas to focus on for a project that they will demo at the end of the week.</p>
+            <p class="social">
+                <a href="https://www.facebook.com/compcamps" target="_blank">
+                    <img src="images/social/facebook.png" alt="Facebook" class="social-icon">
+                </a>
+                <a href="mailto:computercamps@gmail.com" target="_blank">
+                    <img src="images/social/email.png" alt="Email" class="social-icon">
+                </a>
+                <a href="https://github.com/CompCamps" target="_blank">
+                    <img src="images/social/github.png" alt="GitHub" class="social-icon">
+                </a>
+            </p>
         </div>
     </section>
 
@@ -87,7 +99,8 @@ <h2>Who Runs the Camp?</h2>
     </section>
 
     <footer>
-        &copy; 2025 CompCamps. All Rights Reserved.
+        2025 Mentor Systems Inc.
+        <a href="https://www.flaticon.com/authors/freepik" title="social icons">Social icons created by Freepik</a>
     </footer>
 </body>
 </html>

images/guest3.jpg

@@ -77,6 +77,10 @@ footer {
     background: #222;
     font-size: 1.1em;
 }
+footer a {
+    color: #f1f1f1;
+    text-decoration: none;
+}
 .right {
     text-align: right;
     justify-content: flex-end;
@@ -155,3 +159,13 @@ img.whitebg {
     display: flex;
     gap: 1rem;
 }
+
+.social a {
+    color: #fff;
+    text-decoration: none;
+    margin: 0 10px;
+}
+.social a img {
+    filter: invert(1);
+    width: 30px;
+}