+ 
+
+
+ A FEW WORDS ABOUT ME
+
+
+
+
+ Hey, My name is Adam and I'm interested in becoming a Wed Developer. I'm currently a second year student at the University of Alabama in Huntsville pursuing a degree in Computer Science.
+When I'm not learning about Web Development, I'm either taking photos, making digital art, or spending time with my doggos.
+ +
+
+
+
+ TL;DR?!
+
+
+ -
+
+ 
+ 
+ 
+
+
+ -
+
- Web Development + +
- Photography +
- Digital Art +
- My Doggos +
+
+
+
+ WHAT I DO AND WHAT I WANT TO LEARN
+
+ 
+
+
+ DEVELOPMENT
++ I would like to contiue my learning in wed design and development and I'm also interested in software development. +
+
+ 
+
+
+ INVOLVEMENT
++ Not only am I going to University for Computer Science but I also a member of the "Assocation of Computing Machinery". +
+
+
+
+
+
+
diff --git a/members/adammalcolm/reset.css b/members/adammalcolm/reset.css
new file mode 100644
index 0000000..2e8b04a
--- /dev/null
+++ 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;
+ }
\ No newline at end of file
diff --git a/members/adammalcolm/style.css b/members/adammalcolm/style.css
new file mode 100644
index 0000000..d389e4d
--- /dev/null
+++ b/members/adammalcolm/style.css
@@ -0,0 +1,351 @@
+/* Removes the scrollbar and keeps function */
+body::-webkit-scrollbar {
+ display: none;
+}
+
+body {
+ background-image: url(assets/IMG_0642.jpeg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ background-attachment: fixed;
+}
+
+.bg-image2 {
+ background-color:rgb(255, 255, 255);
+ padding-bottom: 60px;
+}
+
+.bg-image3 {
+ background-color: rgb(235, 234, 234);
+}
+
+.bg-image4 {
+ background-color: rgb(255, 255, 255);
+}
+
+/* preloads images to make them load easier */
+body::after {
+ position: absolute;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ z-index: -1;
+ content: url(assets/IMG_0642.jpeg), url(assets/IMG_0741.jpeg), url(assets/LinkedInBW.png) url(assets/LinkedIn.png);
+}
+
+
+.header-main {
+ width: 100%;
+ height: 80px;
+ display: flex;
+ justify-content: space-between;
+
+}
+
+.header-main-nav {
+ width: fit-content;
+ height: 100%;
+ font-size: 20px;
+}
+
+.header-main-nav ul {
+ margin-left: 25px;
+}
+
+.header-main-nav ul li {
+ display: inline;
+ float: left;
+}
+
+.header-main-nav ul li a {
+ padding: 0 10px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight: 400;
+ line-height: 80px;
+ color: white;
+ display: block;
+}
+
+.header-main-nav ul li a:hover{
+ color: rgb(128, 125, 121);
+}
+
+.header-main-sm {
+ width: fit-content;
+ height: 100%;
+ padding-right: 60px;
+ display: flex;
+ align-items: center;
+}
+
+.header-main-sm-li {
+ width: 80px;
+ height: 80px;
+ background-image: url(assets/Untitled_Artwork.png);
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+.header-main-sm-li:hover {
+ background-image: url(assets/Untitled_Artwork2.png);
+}
+
+.image1 {
+ display:block;
+ margin:0 auto;
+ width: 250px;
+ height: 250px;
+ border-radius: 50%;
+}
+
+.bio {
+ margin: 150px 0 300px 0;
+}
+
+h1 {
+ color:rgb(255, 255, 255);
+ font-size: 50px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight:300;
+ text-align: center;
+}
+
+h4 {
+ color: rgb(255, 255, 255);
+ font-size: 20px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight:300;
+ text-align: center;
+}
+
+h2 {
+ color: rgb(0, 0, 0);
+ font-size: 35px;
+ font-family: "Roboto COndensed", sans-serif;
+ font-weight:300;
+ text-align: center;
+ padding: 50px 0 25px 0;
+}
+
+.container p {
+ background-size:contain;
+ margin: 15px;
+ color:rgb(48, 48, 48);
+ font-size: 20px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight: 300;
+ text-align: center;
+}
+
+p a {
+ color: blue;
+}
+
+p a:hover {
+ text-decoration: underline;
+}
+
+.container {
+ padding: 0 70px 0 70px;
+}
+
+.hobbie-logos {
+ width: 680px;
+ height: 250px;
+ background-color: rgb(235, 234, 234);
+ margin: 0 auto;
+}
+
+.small-header {
+ /*border-color: black;
+ border-style: solid;
+ box-sizing: 8px;*/
+ font-size: 25px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight: 350;
+ text-align: center;
+ padding: 20px 0 30px 0;
+}
+
+.logo-container {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+}
+
+.hobbie-logos ul li {
+ display: inline;
+ float: center;
+}
+
+.hobbie-logos ul li img {
+ width: 80px;
+ height: 80px;
+ margin: 0 30px;
+
+}
+
+.icon-list {
+ margin-top: 10px;
+}
+
+.icon-list ul li {
+ color: rgb(0, 0, 0);
+ font-size: 20px;
+ font-family: "Roboto Condensed", sans-serif;
+}
+
+.webd {
+ margin-left: 50px;
+}
+
+.photo {
+ margin-left: 24px;
+}
+
+.art {
+ margin-left: 46px;
+}
+
+.dog {
+ margin-left: 59px;
+}
+
+.container3 {
+ padding: 0 70px 0 70px;
+ font-family: "Roboto Condensed", sans-serif;
+}
+
+.container3 h5 {
+ color: rgb(0, 0, 0);
+ font-size: 35px;
+ font-weight: 300;
+ padding-top: 50px;
+ padding-bottom: 50px;
+ text-align: center;
+}
+
+.first-section {
+ text-align: center;
+}
+
+.first-section img {
+ margin:0 auto;
+ width: 250px;
+ height: 250px;
+ border-radius: 50%;
+ transition: 1s ease;
+}
+
+.first-section img:hover {
+ transform: rotate(360deg);
+}
+
+.first-section h6 {
+ font-size: 20px;
+ font-weight: 380;
+ padding: 20px;
+}
+
+.first-section p {
+ color:rgb(48, 48, 48);
+ font-size: 20px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight: 300;
+ text-align: center;
+ padding-bottom: 50px;
+}
+
+.second-section {
+ text-align: center;
+}
+
+.second-section img {
+ margin:0 auto;
+ width: 250px;
+ height: 250px;
+ border-radius: 50%;
+ transition: 1s ease;
+}
+
+.second-section img:hover {
+ transform: rotate(360deg);
+}
+
+.second-section h6 {
+ font-size: 20px;
+ font-weight: 380;
+ padding: 20px;
+}
+
+.second-section p {
+ color:rgb(48, 48, 48);
+ font-size: 20px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight: 300;
+ text-align: center;
+ padding-bottom: 50px;
+}
+
+.container4 {
+ padding: 0 70px 0 70px;
+ font-family: "Roboto Condensed", sans-serif;
+}
+
+.container4 h5 {
+ color: rgb(0, 0, 0);
+ font-size: 35px;
+ font-weight: 300;
+ padding-top: 50px;
+ padding-bottom: 20px;
+ text-align: center;
+}
+
+.s1 {
+ text-align: center;
+}
+
+.s1 p {
+ color:rgb(48, 48, 48);
+ font-size: 20px;
+ font-family: "Roboto Condensed", sans-serif;
+ font-weight: 300;
+ text-align: center;
+ padding-bottom: 20px;
+}
+
+.s1 h6 {
+ color: rgb(0, 0, 0);
+ font-size: 20px;
+ font-weight: 350;
+ padding-bottom: 40px;
+}
+
+.s2 {
+ height: 180px;
+ width: 80%;
+ margin: auto;
+}
+
+.s2 ul {
+ display: flex;
+ flex-direction: row;
+}
+
+.s2 ul li {
+ padding-left: 10px;
+ padding-right: 10px;
+ margin: auto;
+}
+
+.s2 img {
+ height: 100px;
+ width: 100px;
+ filter: grayscale(100%);
+}
+
+.s2 img:hover {
+ filter: grayscale(0%);
+}
+
EXPERIENCE
+
+
+ I have been coding for 9 months now, and I am eager to learn more.
+I HAVE WORKED WITH THESE TECHNOLOGIES SO FAR:
+
+
+ -
+
+ 
+ 
+ 
+ 
+