Add Education

- Add Education section to Portfolio
- Add department logos
- Remove commented portions of stylesheet

Web Pages/about.html

@@ -34,7 +34,7 @@
                     </div>
                     <div class="col-md-9">
                         <p>
-                            I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E's in
+                            I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E.'s in
                             <a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and
                             <a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>. I expect to graduate with both
                             Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.<br><br>

Web Pages/portfolio.html

@@ -11,11 +11,7 @@
             }
 
             .education img {
-                max-height: 400px;
+                max-height: 225px;
-            }
-
-            .education .card {
-                margin-bottom: 20px;
             }
 
             .professional_experience img {
@@ -62,15 +58,42 @@
                     </div>
                 </div>
                 <div class="row align-items-center">
-                    <!-- TODO -->
+                    <div class="col-md-6">
-                    <div class="col-md-3">
+                        <!-- BSE MECHANICAL ENGINEERING -->
-                        
+                        <div class="row align-items-center">
+                            <div class="col-md-4">
+                                <a href="https://me.engin.umich.edu/" target="_blank">
+                                    <img class="img-fluid mx-auto d-block" src="../Assets/Education/logo-mechanical-engineering.jpg">
+                                </a>
                             </div>
-                    <div class="col-md-9">
+                            <div class="col-md-8">
-
+                                <h3>B.S.E in Mechanical Engineering</h3>
+                                <p>
+                                    <b>GPA:</b> 3.726<br>
+                                    <b>Dates:</b> September 2016 - December 2020<br>
+                                    <b>Focus:</b> Controls<br>
+                                </p>
                             </div>
                         </div>
 
+                        <!-- BSE COMPUTER SCIENCE -->
+                        <div class="row align-items-center">
+                            <div class="col-md-4">
+                                <a href="https://cse.engin.umich.edu/" target="_blank">
+                                    <img class="img-fluid mx-auto d-block" src="../Assets/Education/logo-computer-science.jpg">
+                                </a>
+                            </div>
+                            <div class="col-md-8">
+                                <h3>B.S.E. in Computer Science</h3>
+                                <p>
+                                    <b>GPA:</b> 3.726<br>
+                                    <b>Dates:</b> September 2016 - December 2020<br>
+                                    <b>Focus:</b> Intelligent Systems<br>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
                         <div id="accordion">
                             <div class="card">
                                 <!-- 1. FALL 2016 -->
@@ -195,7 +218,7 @@
                                 <!-- 8. WINTER 2020 -->
                                 <div class="card-header">
                                     <a class="card-link" data-toggle="collapse" href="#winter2020">
-                                8. Winter 2020
+                                        8. Winter 2020 (In Progress)
                                     </a>
                                 </div>
                                 <div id="winter2020" class="collapse show" data-parent="#accordion">
@@ -228,6 +251,8 @@
                             </div>
                         </div>
                     </div>
+                </div>
+            </div>
 
             <!---------------------------------
                 PROFESSIONAL EXPERIENCE

Web Pages/styles.css

@@ -1,29 +1,15 @@
 /***********
  * General *
  ***********/
-html {
-    font-family: Arial, Helvetica, sans-serif;
-}
-
 body {
     background-color: #e4e1df;
     padding-top: 65px;
+    font-family: Arial, Verdana, Tahoma, sans-serif;
 }
 
 /****************
  * Main Content *
  ****************/
-/* .main {
-    color: #333333;
-    font-size: 16px;
-}
-
-.main h1 {
-    background-color: #00274c;
-    color: #eff0f1;
-    padding: 10px 10px;
-} */
-
 .container-fluid {
     color: #333333;
     font-size: 18px;
@@ -52,97 +38,10 @@ body {
     width: 1px;
 }
 
+/* Side Padding */
 @media (min-width: 768px) {
     .px-md-6 {
         padding-left: 12.5% !important;
         padding-right: 12.5% !important;
     }
 }
-
-/* .main img {
-    width: 100%;
-    height: auto;
-} */
-
-/**********************
- * Navbar & Subnavbar *
- **********************/
-/* .navbar {
-    overflow: hidden;
-    background-color: #00274c;
-}
-
-.subnav {
-    float: left;
-    overflow: hidden;
-}
-
-.subnav .subnavbtn {
-    border: none;
-    outline: none;
-    color: #eff0f1;
-    padding: 14px 16px;
-    background-color: inherit;
-    font-family: inherit;
-    margin: 0;
-    font-size: 20px;
-}
-
-.subnav .subnavbtn-active {
-    border: none;
-    border-bottom: 5px solid #ffcb05;
-    padding-bottom: 9px;
-    outline: none;
-    color: #ffcb05;
-    padding: 14px 16px;
-    background-color: inherit;
-    font-family: inherit;
-    margin: 0;
-    font-size: 20px;
-}
-
-.navbar a {
-    float: left;
-    color: #eff0f1;
-    text-align: center;
-    padding: 14px 16px;
-    text-decoration: none;
-    font-size: 20px;
-}
-
-.navbar a.active {
-    background-color: #00274c;
-    color: #ffcb05;
-    border-bottom: 5px solid #ffcb05;
-    padding-bottom: 9px;
-}
-
-.navbar a:hover, .subnav:hover .subnavbtn {
-    background-color: #ffcb05;
-    color: #00274c;
-    font-size: 20px;
-}
-
-.subnav-content {
-    display: none;
-    position: absolute;
-    left: 0;
-    background-color: #ffcb05;
-    width: 100%;
-    z-index: 1;
-}
-
-.subnav-content a {
-    float: left;
-    color: #00274c;
-    text-decoration: none;
-}
-
-.subnav-content a:hover {
-    background-color: #e5e5e5;
-    color: #00274c;
-}
-
-.subnav:hover .subnav-content {
-    display: block;
-} */