bloominstituteoftechnology · social-collab · May 11, 2020 · May 11, 2020 · May 11, 2020 · May 11, 2020
diff --git a/About.png b/About.png
diff --git a/Contact.png b/Contact.png
diff --git a/Experience.png b/Experience.png
diff --git a/Me 5.jpg b/Me 5.jpg
diff --git a/Screenshot Desktop.jpg b/Screenshot Desktop.jpg
diff --git a/Screenshot Mobile.jpg b/Screenshot Mobile.jpg
diff --git a/Screenshot Tablet.jpg b/Screenshot Tablet.jpg
diff --git a/Skills.png b/Skills.png
diff --git a/css/index.css b/css/index.css
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
+  <script src="https://use.fontawesome.com/9a257539f5.js"></script>
 
   <title>My Resume</title>
 
@@ -11,9 +12,84 @@
   <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
   <![endif]-->
+  <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
 </head>
 
 <body>
-  <h1>My Resume</h1>
+<!-- FIXED ITEMS will stay at top of page when scrolling-->
+  <div class="top">
+    <nav class="bigger">
+      <a href="#">Skills</a>
+      <a href="#">Contact</a>
+      <a href="#">About</a>
+      <a href="#">Experience</a>
+      <a href="https://github.com/social-collab/Preprocessing-I/tree/Donald-Faulknor">GitHub</a>
+    </nav>
+    <nav class="mobile">
+      <a href="#"><img src="Skills.png" title="Skills" /></a>
+      <a href="#"><img src="Contact.png" title="Contact" /></a>
+      <a href="#"><img src="About.png" title="About" /></a>
+      <a href="#"><img src="Experience.png" title="Experience" /></a>
+      <a class="github" href="https://github.com/social-collab/Preprocessing-I/tree/Donald-Faulknor"><h2>GH</h2></a>
+    </nav>
+    <div class="top-right-triangle"></div>
+    <div class="top-left-triangle"></div>
+    <div class="right-border"></div>
+    <div class="image">
+      <img src="Me%205.jpg" alt="Donald Faulknor Resume Photo" />
+    </div>
+
+    <div class="header">
+      <h2>Donald Faulknor</h2>
+    </div>
+    <hr>
+  </div>
+
+<!-- RESUME CONTENT -->
+
+<div class="columns">
+
+  <div class="left-column">
+    <h3>Professional Skills</h3>
+    <ul>
+      <li>Web Design (HTML & CSS)</li>
+      <li>Web Programming (PHP & MySQL)</li>
+      <li>Search Engine Optimization</li>
+      <li>Social Media Marketing</li>
+      <li>Business Management</li>
+      <li>Accounting & Finance</li>
+    </ul>
+
+    <h3>Contact</h3>
+    <ul>
+      <li>386-564-0251</li>
+      <li><a href="mailto:[email protected]" title="Send me an Email" target="_blank">[email protected]</a></li>
+    </ul>
+  </div>
+  <div class="right-column">
+    <h3>About</h3>
+    <p>I am an experienced web developer specializing in PHP and MySQL
+      with front-end experience as well. I have been programming for 12
+      years, building a multidue of websites for myself as well as a few
+      clients.
+    </p>
+
+    <h3>Experience</h3>
+    <h4>Chief Executive Officer</h4>
+    <p>The Next Factor | March 2018 to Current</p>
+    <ul>
+      <li>Designed front-end using HTML & CSS</li>
+      <li>Developed back-end using PHP, MySQL, & Ajax</li>
+      <li>Marketed website</li>
+      <li>All business operations</li>
+      <li>All accounting & finance operations</li>
+    </ul>
+
+    <h3>Education</h3>
+    <p>Lambda School | May 4, 2020 to CURRENT (Still Pursuing)</p>
+  </div>
+
+</div>
+
 </body>
 </html>