Dro0m · NaomiCPriest · Feb 3, 2020 · Feb 3, 2020 · Feb 4, 2020 · Feb 4, 2020
diff --git a/about.html b/about.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <title>About Droom</title>
+
+    <!-- Custom Styles -->
+    <link rel="stylesheet" href="css/index.css">
+    <!-- <style>
+        @import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap');
+    </style>
+    <style>
+        @import url('https://fonts.googleapis.com/css?family=Indie+Flower&display=swap');
+    </style> -->
+</head>
+
+<body>
+    <nav class ="topnav">
+        <div class = "toplogo">
+         <h2>Droom</h2>
+        </div>
+
+        <div class = "links2">
+            <a href = "index.html">Home</a>
+            <a href = "about.html">About</a>
+            <a href = "https://droom-bw-3-lol.herokuapp.com/login">Login</a> 
+            <a href = "https://droom-bw-3-lol.herokuapp.com/signup">Sign Up</a>
+        </div>
+    <section class = "aboutteam">
+        <div class = "sec-one">
+            <div class = "meetthe">
+            <h2 class = "meet">Meet the Team</h2>
+            <p>The team of developers that put this amazing web site together are all Lambda School students.</p>
+            </div>
+            <img class ="aboutimg" src = "https://static-2.gumroad.com/res/gumroad/1211634803146/asset_previews/d6d3d972c548df4ee76bbc474264ffbf/retina/drawkit-phone-conversation-colour-thumbnail.jpg">
+        </div>
+
+        <div class = "peopleboxes">
+            <div class = "JShep">
+                <h3>J. Tyler Sheppard</h3>
+                <img class = "peopleimgs" src ="https://ca.slack-edge.com/T4JUEB3ME-UGZH15RT9-92ca3b38606a-512">
+                <h4>Team Lead</h4>
+                <p>Awesome Team Lead. 10/10 will knock your socks off with skills.</p>
+            </div>
+
+            <div class = "JDess">
+                <h3>Jeffrey Dessir</h3>
+                <img class = "peopleimgs" src = "https://avatars0.githubusercontent.com/u/8616589?s=460&v=4">
+                <h4>Back End Developer</h4>
+                <p>Technomancer (n.) - a righteous practitioner of Technomancy; the interdisciplinary art of expressive programming to code truth, & purge evil.</p>
+            </div>
+
+            <div class = "PresM">
+                <h3>Preston Middleton</h3>
+                <img class = "peopleimgs" src = "https://ca.slack-edge.com/T4JUEB3ME-UHZCMRH55-b3217ff370b3-512">
+                <h4>Back End Developer</h4>
+                <p>Awesome Back End Developer. 10/10 will knock your socks off with skills.</p>
+            </div>
+
+            <div class = "ShawnD">
+                <h3>Shawn DelPercio</h3>
+                <img class = "peopleimgs" src = "https://ca.slack-edge.com/T4JUEB3ME-UQAQQ3H38-f073269b6822-512">
+                <h4>React 1 Developer</h4>
+                <p>Web Developer with a passion for solving problems</p>
+            </div>
+
+            <div class = "KatP">
+                <h3>Katya Pavlopoulos</h3>
+                <img class = "peopleimgs" src = "https://ca.slack-edge.com/T4JUEB3ME-UQ1NHK9DM-2fad76ae07b1-512">
+                <h4>React 1 Developer</h4>
+                <p>Awesome React 1 Developer. 10/10 will knock your socks off.</p>
+            </div>
+
+            <div class = "AAnd">
+                <h3>Aaron Anderson</h3>
+                <img class = "peopleimgs" src ="https://ca.slack-edge.com/T4JUEB3ME-UPGESA99N-8fd4e163fbd4-512">
+                <h4>React 2 Developer</h4>
+                <p>Awesome React 2 Developer. 10/10 will knock your socks off with skills.</p>
+            </div>
+
+            <div class = "TristD">
+                <h3>Tristan Depew</h3>
+                <img class = "peopleimgs" src ="https://ca.slack-edge.com/T4JUEB3ME-UPHLXMMBK-g9913a7df3bc-512">
+                <h4>React 2 Developer</h4>
+                <p>Full stack web developer studying at Lambda School</p>
+            </div>
+
+            <div class = "me">
+                <h3>Naomi Priest</h3>
+                <img class = "peopleimgs" src = "https://ca.slack-edge.com/T4JUEB3ME-URDAV2AV7-a4e719e888aa-512">
+                <h4>UI Developer</h4>
+                <p>Lover of dogs, Mexican food, and amazing CSS pages.</p>
+            </div>
+
+            <div class = "ColinB">
+                <h3>Colin Barnes</h3>
+                <img class = "peopleimgs" src = "https://ca.slack-edge.com/T4JUEB3ME-US7PQKGBX-9f749ab516bc-512">
+                <h4>UI Developer</h4>
+                <p>Full-Stack Web Development student at Lambda School</p>
+            </div>
+        </div>
+    </section>
+
+    <footer>
+        <div class = "footlogo">
+            <h2>Droom</h2>
+        </div>
+        <div class = "links">
+            <a href = "index.html">Home</a>
+            <a href = "about.html">About</a>
+            <a href = "https://droom-bw-3-lol.herokuapp.com/login">Login</a>
+            <a href = "https://droom-bw-3-lol.herokuapp.com/signup">Sign Up</a>
+        </div>
+    </footer>
+
+</body>
+</html>
diff --git a/css/about.css b/css/about.css
@@ -0,0 +1,135 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+    display: block;
+}
+
+body {
+    line-height: 1;
+}
+
+ol,
+ul {
+    list-style: none;
+}
+
+blockquote,
+q {
+    quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}