adding page outline

.idea/dictionaries/Filippos.xml

+<component name="ProjectDictionaryState">
+  <dictionary name="Filippos">
+    <words>
+      <w>biomanufacturing</w>
+      <w>biometrology</w>
+      <w>bioprinting</w>
+      <w>electrohydrodynamics</w>
+      <w>electrospinning</w>
+      <w>electrowriting</w>
+      <w>filippos</w>
+      <w>gershenfeld</w>
+      <w>instrucotr</w>
+      <w>macroscale</w>
+      <w>metrology</w>
+      <w>microorgan</w>
+      <w>multiphysics</w>
+      <w>nano</w>
+      <w>printability</w>
+      <w>sudoku</w>
+      <w>tourlomousis</w>
+    </words>
+  </dictionary>
+</component>
\ No newline at end of file

.idea/misc.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>
\ No newline at end of file

.idea/modules.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/my-portfolio.iml" filepath="$PROJECT_DIR$/.idea/my-portfolio.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file

.idea/my-portfolio.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

.idea/vcs.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/my-htmaa-2018" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

css/style.css

+#main-header img {
+  width: 100%;
+  height: 100%;
+}
+
+#main-header .port-item {
+  width: 30%;
+}
+
+#main-header .port-item:hover {
+  opacity: 0.8;
+  cursor: pointer;
+}
+
+.bg-black {
+  color: #fff;
+  background: #000;
+}
+
+@media (min-width: 1199px) {
+  .port-item {
+    padding: 3em !important;
+  }
+}