UAH-ACM · whatswithadam · Sep 4, 2024 · Oct 9, 2024
diff --git a/members/adammalcolm/assets/Facebook.png b/members/adammalcolm/assets/Facebook.png
diff --git a/members/adammalcolm/assets/IMG_0642.jpeg b/members/adammalcolm/assets/IMG_0642.jpeg
diff --git a/members/adammalcolm/assets/IMG_0657.jpeg b/members/adammalcolm/assets/IMG_0657.jpeg
diff --git a/members/adammalcolm/assets/IMG_0741.jpeg b/members/adammalcolm/assets/IMG_0741.jpeg
diff --git a/members/adammalcolm/assets/IMG_0860.jpeg b/members/adammalcolm/assets/IMG_0860.jpeg
diff --git a/members/adammalcolm/assets/LinkedInBW.png b/members/adammalcolm/assets/LinkedInBW.png
diff --git a/members/adammalcolm/assets/Untitled_Artwork.png b/members/adammalcolm/assets/Untitled_Artwork.png
diff --git a/members/adammalcolm/assets/Untitled_Artwork2.png b/members/adammalcolm/assets/Untitled_Artwork2.png
diff --git a/members/adammalcolm/assets/Untitled_ArtworkCom.jpeg b/members/adammalcolm/assets/Untitled_ArtworkCom.jpeg
diff --git a/members/adammalcolm/assets/Untitled_Artworkhead.jpeg b/members/adammalcolm/assets/Untitled_Artworkhead.jpeg
diff --git a/members/adammalcolm/assets/Untitled_Artworkpen.jpeg b/members/adammalcolm/assets/Untitled_Artworkpen.jpeg
diff --git a/members/adammalcolm/assets/bulb_11402946.png b/members/adammalcolm/assets/bulb_11402946.png
diff --git a/members/adammalcolm/assets/camera_10987407.png b/members/adammalcolm/assets/camera_10987407.png
diff --git a/members/adammalcolm/assets/computer_11404156.png b/members/adammalcolm/assets/computer_11404156.png
diff --git a/members/adammalcolm/assets/computer_3067260.png b/members/adammalcolm/assets/computer_3067260.png
diff --git a/members/adammalcolm/assets/css-3_5968242.png b/members/adammalcolm/assets/css-3_5968242.png
diff --git a/members/adammalcolm/assets/dog_5099910.png b/members/adammalcolm/assets/dog_5099910.png
diff --git a/members/adammalcolm/assets/github_5968846.png b/members/adammalcolm/assets/github_5968846.png
diff --git a/members/adammalcolm/assets/html-5_5968267.png b/members/adammalcolm/assets/html-5_5968267.png
diff --git a/members/adammalcolm/assets/js_5968292.png b/members/adammalcolm/assets/js_5968292.png
diff --git a/members/adammalcolm/assets/linkedIn.png b/members/adammalcolm/assets/linkedIn.png
diff --git a/members/adammalcolm/assets/liquid.png b/members/adammalcolm/assets/liquid.png
diff --git a/members/adammalcolm/assets/me.png b/members/adammalcolm/assets/me.png
diff --git a/members/adammalcolm/assets/pencil_4276873.png b/members/adammalcolm/assets/pencil_4276873.png
diff --git a/members/adammalcolm/assets/python_5968350.png b/members/adammalcolm/assets/python_5968350.png
diff --git a/members/adammalcolm/assets/skateboard_2602577.png b/members/adammalcolm/assets/skateboard_2602577.png
diff --git a/members/adammalcolm/assets/tool_11403792.png b/members/adammalcolm/assets/tool_11403792.png
diff --git a/members/adammalcolm/index.html b/members/adammalcolm/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <met3 name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+
+        <link rel="stylesheet" href="reset.css" />
+        <link rel="stylesheet" href="style.css" />
+
+        <title>Home</title>
+
+        <style>
+            .tab {
+                display: inline-block;
+                margin-left: 40px;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div class="bg-image">
+            <header class="header-main">
+                <nav class="header-main-nav">
+                    <ul>
+                        <li><a href="index.html">HOME</a></li>
+                        <li><a href="#">PROJECTS</a></li>
+                        <li><a href="#">CONTACT</a></li>
+                    </ul>
+                </nav>
+                <div class="header-main-sm">
+                    <a href="https://www.linkedin.com/in/adam-malcolm-12845b270?trk=people-guest_people_search-card"><div class="header-main-sm-li"></div></a>
+                </div>
+            </header>
+                <div class="bio">
+                    <h1>Hi, I'm Adam Malcolm</h1>
+                    <h4> Aspiring Web Developer</h4>
+                </div>
+        </div>
+
+        <div class="bg-image2">
+                <h2>A FEW WORDS ABOUT ME</h2>
+                <img class="image1" src="assets/me.png" alt="Image of myself with my dog">
+                <div class="container">
+
+                    <p><span class="tab"></span>Hey, My name is Adam and I'm interested in becoming a Wed Developer. I'm currently a second year student at the <a href="https://www.uah.edu/about">University of Alabama in Huntsville</a> pursuing a degree in <a href="https://www.uah.edu/science/departments/computer-science">Computer Science</a>.</p>
+                    <p>When I'm not learning about Web Development, I'm either taking photos, making digital art, or spending time with my doggos.</p>
+
+                    <div class="hobbie-logos">
+                        <div class="small-header">
+                            <h5>TL;DR?!</h5>
+                        </div>
+                        <div class="logo-container">
+                            <ul>
+                                <li><img src="assets/computer_3067260.png" alt="icon of a computer"></li>
+                                <li><img src="assets/camera_10987407.png" alt="icon of a camera"></li>
+                                <li><img src="assets/pencil_4276873.png" alt="icon of an ipad and pencil"></li>
+                                <li><img src="assets/dog_5099910.png" alt="icon of a dog"></li>
+                            </ul>
+                        </div>
+                        <div class="icon-list">
+                            <ul>
+                                <li class="webd">Web Development
+                                </li>
+                                <li class="photo">Photography</li>
+                                <li class="art">Digital Art</li>
+                                <li class="dog">My Doggos</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+        </div>
+
+        <div class="bg-image3">
+            <div class="container3">
+                <h5>WHAT I DO AND WHAT I WANT TO LEARN</h5>
+                <div class="first-section">
+                    <img src="assets/Untitled_ArtworkCom.jpeg" alt="icon of a laptop">
+                    <h6>DEVELOPMENT</h6>
+                    <p>
+                        I would like to contiue my learning in wed design and development and I'm also interested in software development. 
+                    </p>
+                </div>
+                <div class="second-section">
+                    <img src="assets/Untitled_Artworkpen.jpeg" alt="icon of a pen and ruler">
+                    <h6>INVOLVEMENT</h6>
+                    <p>
+                        Not only am I going to University for Computer Science but I also a member of the "<a href="https://uah.acm.org">Assocation of Computing Machinery</a>".
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="bg-image4">
+            <div class="container4">
+                <h5>EXPERIENCE</h5>
+                <div class="s1">
+                <p>I have been coding for 9 months now, and I am eager to learn more.</p>
+                <h6>I HAVE WORKED WITH THESE TECHNOLOGIES SO FAR:</h6>
+                <div class="s2">
+                    <ul>
+                        <li><img src="assets/html-5_5968267.png" alt=""></li>
+                        <li><img src="assets/css-3_5968242.png" alt=""></li>
+                        <li><img src="assets/js_5968292.png" alt=""></li>
+                        <li><img src="assets/python_5968350.png" alt=""></li>
+                        <li><img src="assets/github_5968846.png" alt=""></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </body>
+
+</html>
diff --git a/members/adammalcolm/reset.css b/members/adammalcolm/reset.css
@@ -0,0 +1,37 @@
+/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
+
+/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
+*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
+    all: unset;
+    display: revert;
+  }
+
+  /* Preferred box-sizing value */
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  /*
+    Remove list styles (bullets/numbers)
+    in case you use it with normalize.css
+  */
+  ol, ul {
+    list-style: none;
+  }
+
+  /* For images to not be able to exceed their container */
+  img {
+    max-width: 100%;
+  }
+
+  /* Removes spacing between cells in tables */
+  table {
+    border-collapse: collapse;
+  }
+
+  /* Revert the 'white-space' property for textarea elements on Safari */
+  textarea {
+    white-space: revert;
+  }