Added about section

new/index.html

@@ -39,6 +39,7 @@
           <ul class="nav navbar-nav">
             <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
             <li class="hidden"><a href="#page-top"></a></li>
+            <li><a class="page-scroll" href="#about">About</a></li>
             <li><a class="page-scroll" href="https://git.enpaul.net">Git</a></li>
             <li><a class="page-scroll" href="https://drive.enpaul.net">Drive</a></li>
             <li><a class="page-scroll" href="https://app.plex.tv/web/app">Plex</a></li>
@@ -63,7 +64,7 @@
                   <a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
                 </li>
                 <li>
-                  <a href="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr" download><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
+                  <a href="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
                 </li>
                 <!--<li>
                   <a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
@@ -83,36 +84,25 @@
         </div>
       </div>
     </header>
-<!--
+
-    <section id="connect" class="container content-section">
+    <!-- About/Contact Section -->
+    <section id="about" class="container content-section text-center">
       <div class="row">
-        <div class="col-lg-10 col-lg-offset-1">
+        <div class="col-lg-8 col-lg-offset-2">
-          <h2>Contact</h2>
+          <h2>About ENPaul</h2>
-          <p>You can <a href="#">download my resume</a>, connect with me at one of the links below, or use the form to send me a direct email:</p>
+          <img src="img\icon\e(w).png" width="128">
-          <ul class="list-inline">
+          <p>
-            <li>
+            ENPaul is a Mechanical Engineering student at <a href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester Massachusets with way too much time on his hands.
-              <a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
+            <br>
-            </li>
+            He works at <a href="http://www.wpi.edu/+netops">WPI Network Operations</a> and <a href="www.solidworks.com">3DS SolidWorks</a> and runs this website when he's bored. He is SolidWorks Professional Certified, and working on getting certified in AutoDesk AutoCAD and SolidWorks Simulation.
-          	<li>
+            <br>
-              <a href="#"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
+            He doesn't need donations, but asks that if you have a joke or funny story to share that you send it to him.
-            </li>
+            <br>
-            <li>
+          </p>
-              <a href="#"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
-            </li>
-            <li>
-              <a href="#"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
-            </li>
-          </ul>
-          <p>Contact me directly:</p>
-          <form action="#" method="post">
-            <input type="text" name="name" placeholder="Your Name" required width="100%">
-            <textarea name="message" placeholder="Your message or comments" width="100%" rows="3" required></textarea>
-            <input type="email" name="email" placeholder="Your email address" required width="100%">
-          </form>
         </div>
       </div>
     </section>
--->
+
     <!-- Footer -->
     <footer>
         <div class="container text-center">