content updated on about page

Author: zesameri

about.html

@@ -73,28 +73,27 @@ <h1> NEW YORK </h1>
         <p>  such as the Empire State Building and  </p>
         <p>  Broadway theater is staged in</p>
       </a>
+      <a class="photo" title="Mountains"><img src="assets/beauty.jpg" alt="Mountains"/></a>
     	<a class="photo" title="choir"><img src="assets/choir.jpg" alt="Lake" title="Lake" /></a>
-    	<a class="photo" title="Mountains"><img src="assets/beauty.jpg" alt="Mountains"/></a>
       <a class="index-card">
-        <h1> NEW YORK </h1>
-        <p>  New York City comprises 5 boroughs sitting</p>
-        <p>  meets the Atlantic Ocean. At its core is </p>
-        <p>  populated borough that’s among the world’s</p>
-        <p>  financial and cultural centers. Its iconic</p>
-        <p>  such as the Empire State Building and  </p>
-        <p>  Broadway theater is staged in</p>
+        <h1> Work experience </h1>
+        <p> Future Microsoft Intern (Summer 2017)</p>
+        <p> Bloomberg Mortgage Applications Intern (Summer 2016) </p>
+        <p> Web Developer at Lehigh University (work study)</p>
+        <p> Bloomberg Mobile Development Intern- (Summer 2015) </p>
+        <p> Bloomberg Multi-Asset Risk System Intern (HS Senior Year)</p>
+        <p> Morgan Stanley Infrastructure Intern (Summer 2014)</p>
       </a>
     	<a class="photo" title="CRANES IN THE SKY"><img src="assets/painting.jpg" alt="Forest"/></a>
     	<a class="photo" title="Stars"><img src="assets/stars.jpg" alt="Coast Valley"/></a>
       <a class="photo" title="SUMMER IN DC"><img src="assets/me3.jpg" alt="Coast Valley"/></a>
       <a class="index-card">
-        <h1> NEW YORK </h1>
-        <p>  New York City comprises 5 boroughs sitting</p>
-        <p>  meets the Atlantic Ocean. At its core is </p>
-        <p>  populated borough that’s among the world’s</p>
-        <p>  financial and cultural centers. Its iconic</p>
-        <p>  such as the Empire State Building and  </p>
-        <p>  Broadway theater is staged in</p>
+        <h1> Interests </h1>
+        <p>  Software enginnering, webdev, web design</p>
+        <p>  excellent cook, eating in progress</p>
+        <p>  people, a thoughtful extrovert</p>
+        <p>  edtech, human interaction, diversity</p>
+        <p>  philosophy, meditation, writing </p>
       </a>
 
     </div>

css/about.css

@@ -1,11 +1,12 @@
+html, body {
+  background: tomato;
+}
 .about {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: tomato;
   position: relative;
   overflow: hidden;
-  padding: 2em;
 }
 
 /* entire container, keeps perspective */
@@ -178,21 +179,18 @@
   display: flex;
   flex-direction: column;
   justify-content: space-around;
-  max-width: 50vh;
-  max-height: 30vh;
-  width: 50%;
-  height: 30%;
 }
 .index-card h1 {
   border-bottom: 1px solid red;
   text-align: left;
   font-family: 'Kalam', cursive;
-  font-size: medium;
+  font-size: 2vh;
+  text-transform: uppercase;
 }
 .index-card p {
   border-bottom: 1px solid skyblue;
   text-align: left;
-  font-size: 2vh;
+  font-size: 1.5vh;
   font-family: 'Kalam', cursive;
 
 }