Ada-C10 · KatherineJF · Sep 16, 2018 · Sep 16, 2018 · Sep 16, 2018 · Sep 16, 2018
diff --git a/about.html b/about.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>KatherineAboutMe</title>
+    <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
+    <link href="styles/portfolio.css" rel="stylesheet">
+    <link href="styles/styles.css" rel="stylesheet">
+    <link href="styles/normalize.css" rel="normalize">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  </head>
+  <body id ="bg">
+    <header></header>
+    <nav class = "nav">
+      <section class ="column-layout">
+        <section class = "maincolumn">
+        <h3> <a href="index.html" target="_blank">Home</a></h3>
+        </section>
+          <section class = "sidebar1">
+            <h3> <a href="about.html" target="_blank">About</a></h3>
+          </section>
+          <section class = "sidebar2">
+            <h3> <a href="hobby-blog.html" target="_blank">Hygee</a></h3>
+        </section>
+        <section class = "sidebar3">
+          <h3> <a href="portfolio.html" target="_blank">Portfolio</a></h3>
+      </section>
+      </section>
+    </nav>
+    <!-- MAIN (Center website) -->
+    <div class="main">
+    <h1>Katherine Fitzpatrick</h1>
+    <hr>
+    <h2>About Me</h2>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+    <!-- Portfolio Gallery Grid -->
+    <div class="row">
+      <div>
+        <div class="content">
+          <img id = "iconpic" src="images/catpic.jpg" alt="github">
+          <div class="divTable">
+          <div class="divTableBody">
+          <div class="divTableRow">
+          </div>
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;<div id="demoparagraph">
+<p><strong>Lorem ipsum dolor sit amet, nonumes voluptatum mel ea.</strong></p>
+<p>Lorem ipsum dolor sit amet, nonumes voluptatum mel ea, cu case ceteros cum. Novum commodo malorum vix ut. Dolores consequuntur in ius, sale electram dissentiunt quo te. Cu duo omnes invidunt, eos eu mucius fabellas. Stet facilis ius te, quando voluptatibus eos in. Ad vix mundi alterum, integre urbanitas intellegam vix in.</p>
+<p>Eum facete intellegat ei, ut mazim melius usu. Has elit simul primis ne, regione minimum id cum. Sea deleniti dissentiet ea. Illud mollis moderatius ut per, at qui ubique populo. Eum ad cibo legimus, vim ei quidam fastidii.</p>
+<p>Quo debet vivendo ex. Qui ut admodum senserit partiendo. Id adipiscing disputando eam, sea id magna pertinax concludaturque. Ex ignota epicurei quo, his ex doctus delenit fabellas, erat timeam cotidieque sit in. Vel eu soleat voluptatibus, cum cu exerci mediocritatem. Malis legere at per, has brute putant animal et, in consul utamur usu.</p>
+<p>Te has amet modo perfecto, te eum mucius conclusionemque, mel te erat deterruisset. Duo ceteros phaedrum id, ornatus postulant in sea. His at autem inani volutpat. Tollit possit in pri, platonem persecuti ad vix, vel nisl albucius gloriatur no.</p>
+</div></div>
+          <div class="divTableRow">
+          </div>
+          </div>
+          </div>
+        <h3><a href="portfolio.html" target="_blank">Portfolio</a></h3>
+          <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
+        </div>
+</section>
+    </section>
+  <footer class = "column-layout">
+        <ul>
+            <li <a href="#" class="fa fa-facebook"></a></li>
+            <li <a href="#" class="fa fa-twitter"></a></li>
+            <li <p> &copy; Copyright 2058, Katherine Corporation</p></li>
+        </ul>
+  </footer>
+  </body>
+</html>
diff --git a/hobby-blog.html b/hobby-blog.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Katherine Fitzpatrick</title>
+    <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
+    <link href="styles/styles.css" rel="stylesheet">
+    <link href="styles/hobby-blog.css" rel="stylesheet">
+    <link href="styles/normalize.css" rel="normalize">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  </head>
+  <body1>
+    <nav class = "nav">
+      <section class ="column-layout">
+        <section class = "maincolumn">
+        <h3> <a href="index.html" target="_blank">Home</a></h3>
+        </section>
+          <section class = "sidebar1">
+            <h3> <a href="about.html" target="_blank">About</a></h3>
+          </section>
+          <section class = "sidebar2">
+            <h3> <a href="hobby-blog.html" target="_blank">Hygee</a></h3>
+        </section>
+        <section class = "sidebar3">
+          <h3> <a href="portfolio.html" target="_blank">Portfolio</a></h3>
+      </section>
+      </section>
+    </nav>
+  <!-- Header -->
+  <div class="header">
+    <h1 id = "title">Hygee: Be Present with what you love</h1>
+  </div>
+  <!-- Photo Grid -->
+  <div class="container">
+  <div class="photos">
+      <img src="images/IMG_0034.jpg" >
+      <img src="images/IMG_0242.jpg" >
+      <img src="images/IMG_6204.jpg" >
+      <img src="images/IMG_4298.jpg" >
+      <img src="images/IMG_4735.jpg">
+      <img src="images/iStock-514998062_Ulzanna.jpg">
+    </div>
+    </div>
+  <footer class = "column-layout">
+        <ul>
+            <li <a href="#" class="fa fa-facebook"></a></li>
+            <li <a href="#" class="fa fa-twitter"></a></li>
+            <li <p> &copy; Copyright 2058, Katherine Corporation</p></li>
+        </ul>
+  </footer>
+</body1>
+</html>
diff --git a/images/Death_to_Stock_Winter-Texture_2.jpg b/images/Death_to_Stock_Winter-Texture_2.jpg
diff --git a/images/Death_to_Stock_Winter-Texture_6-cutout.png b/images/Death_to_Stock_Winter-Texture_6-cutout.png
diff --git a/images/Death_to_Stock_Winter-Texture_6.jpg b/images/Death_to_Stock_Winter-Texture_6.jpg
diff --git a/images/Death_to_Stock_Winter-Texture_8.jpg b/images/Death_to_Stock_Winter-Texture_8.jpg
diff --git a/images/GitHub-Logo.png b/images/GitHub-Logo.png
diff --git a/images/IMG_0034.jpg b/images/IMG_0034.jpg
diff --git a/images/IMG_0242.jpg b/images/IMG_0242.jpg
diff --git a/images/IMG_4298.jpg b/images/IMG_4298.jpg
diff --git a/images/IMG_4302.jpg b/images/IMG_4302.jpg
diff --git a/images/IMG_4735.jpg b/images/IMG_4735.jpg
diff --git a/images/IMG_4751 (1).jpg b/images/IMG_4751 (1).jpg
diff --git a/images/IMG_5334.jpg b/images/IMG_5334.jpg
diff --git a/images/IMG_5686.jpg b/images/IMG_5686.jpg
diff --git a/images/IMG_6204.jpg b/images/IMG_6204.jpg
diff --git a/images/batch_Death_to_Stock_Winter-Texture_6.jpg b/images/batch_Death_to_Stock_Winter-Texture_6.jpg
diff --git a/images/catpic.jpg b/images/catpic.jpg
diff --git a/images/crystal.png b/images/crystal.png
diff --git a/images/hygee.jpg b/images/hygee.jpg
diff --git a/images/iStock-514998062_Ulzanna.jpg b/images/iStock-514998062_Ulzanna.jpg
diff --git a/images/icons8-campfire-48 (1).png b/images/icons8-campfire-48 (1).png
diff --git a/images/icons8-github-48.png b/images/icons8-github-48.png
diff --git a/images/icons8-short-curly-hair-girl-gem-50.png b/images/icons8-short-curly-hair-girl-gem-50.png
diff --git a/images/top 10 hygee.html b/images/top 10 hygee.html
@@ -0,0 +1 @@
+<html lang="en">  <head> <META content="origin" name="referrer"></META>  <script nonce="VvLHCbuVU6uxsnUQY/8/Kg==">window.google = {};(function(){var e=function(){this.g="";this.h=c};e.prototype.i=!0;var f=/^(?:(?:https?|mailto|ftp):|[^:/?#]*(?:[/?#]|$))/i,c={},g=function(b){var d=new e;d.g=b;return d};g("about:blank");google.navigateTo=function(b,d,a){b!=d&&b.google?b.google.r&&(b.google.r=0,b=b.location,a instanceof e||a instanceof e||(a="object"==typeof a&&a.i?a.g:String(a),f.test(a)||(a="about:invalid#zClosurez"),a=g(a)),b.href=a instanceof e&&a.constructor===e&&a.h===c?a.g:"type_error:SafeUrl",d.location.replace("about:blank")):d.location.replace(a)};}).call(this);(function(){var redirectUrl='https://strategicspirit.com/hygge/';google.navigateTo(parent,window,redirectUrl);})();</script> <noscript> <META content="0;URL=https://strategicspirit.com/hygge/" http-equiv="refresh"></META> </noscript> </head>  </html>
diff --git a/index.html b/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Katherine Fitzpatrick</title>
+    <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
+    <link href="styles/styles.css" rel="stylesheet">
+    <link href="styles/normalize.css" rel="normalize">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  </head>
+  <body id ="bg">
+    <header></header>
+    <nav>
+      <section class ="column-layout">
+        <section class = "maincolumn">
+        <h3> <a href="index.html" target="_blank">Home</a></h3>
+        </section>
+          <section class = "sidebar1">
+            <h3> <a href="about.html" target="_blank">About</a></h3>
+          </section>
+          <section class = "sidebar2">
+            <h3> <a href="hobby-blog.html" target="_blank">Hygee</a></h3>
+        </section>
+        <section class = "sidebar3">
+          <h3> <a href="portfolio.html" target="_blank">Portfolio</a></h3>
+      </section>
+      </section>
+    </nav>
+
+    <!-- MAIN (Center website) -->
+    <div class="main">
+    <h1>Katherine Fitzpatrick</h1>
+    <h2>PORTFOLIO</h2>
+    <p>Am pulvinar bibendum interdum. Ut non sem tristique, congue mi id, fermentum arcu..</p>
+    <!-- Portfolio Gallery Grid -->
+    <div class="row">
+      <div class="column">
+        <div class="content">
+          <img id = "iconpic" src="images/icons8-github-48.png" alt="github">
+          <h3><a href="portfolio.html" target="_blank">Portfolio</a></h3>
+          <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
+        </div>
+      </div>
+      <div class="column">
+        <div class="content">
+        <img id = "iconpic" src="images/icons8-campfire-48 (1).png" alt="hygee">
+          <h3><a href="hobby-blog.html" target="_blank">Hygee</a></h3>
+          <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
+        </div>
+      </div>
+      <div class="column">
+        <div class="content">
+        <img id = "iconpic" src="images/icons8-short-curly-hair-girl-gem-50.png" alt="curlyhair">
+          <h3><a href="about.html" target="_blank">About Me</a></h3>
+          <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
+        </div>
+      </div>
+</section>
+    </section>
+  <footer class = "column-layout">
+        <ul>
+            <li <a href="#" class="fa fa-facebook"></a></li>
+            <li <a href="#" class="fa fa-twitter"></a></li>
+            <li <p> &copy; Copyright 2058, Katherine Corporation</p></li>
+        </ul>
+  </footer>
+  </body>
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>KatherinePortfolio</title>
+    <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
+    <link href="styles/portfolio.css" rel="stylesheet">
+    <link href="styles/styles.css" rel="stylesheet">
+    <link href="styles/normalize.css" rel="normalize">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  </head>
+  <body id ="bg">
+    <header></header>
+    <nav class = "nav">
+      <section class ="column-layout">
+        <section class = "maincolumn">
+        <h3> <a href="index.html" target="_blank">Home</a></h3>
+        </section>
+          <section class = "sidebar1">
+            <h3> <a href="about.html" target="_blank">About</a></h3>
+          </section>
+          <section class = "sidebar2">
+            <h3> <a href="hobby-blog.html" target="_blank">Hygee</a></h3>
+        </section>
+        <section class = "sidebar3">
+          <h3> <a href="portfolio.html" target="_blank">Portfolio</a></h3>
+      </section>
+      </section>
+    </nav>
+    <!-- MAIN (Center website) -->
+    <div class="main">
+    <h1>Katherine Fitzpatrick</h1>
+    <h2>PORTFOLIO</h2>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+  <!-- Portfolio Gallery Grid -->
+    <div class="row">
+      <div>
+        <div class="content">
+          <img id = "iconpic" src="images/github-logo.png" alt="github">
+          <div class="divTable">
+          <div class="divTableBody">
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;Code</div>
+          <div class="divTableCell">&nbsp;Link</div>
+          </div>
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;Personal Portfolio</div>
+          <div class="divTableCell">&nbsp;<a href="https://github.com/Ada-C10/personal-portfolio-site.git"> View code for Portfolio Site</div>
+          </div>
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;Binary to Decimal</div>
+          <div class="divTableCell">&nbsp;<a href="https://github.com/KatherineJF/BinaryAndDecimal">Convert Binary to Decimal</a></div>
+          </div>
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;Hotel</div>
+          <div class="divTableCell">&nbsp;<a href="https://github.com/KatherineJF/hotel.git">Hotel Application</a></div>
+          </div>
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;</div>
+          <div class="divTableCell">&nbsp;</div>
+          </div>
+          <div class="divTableRow">
+          <div class="divTableCell">&nbsp;</div>
+          <div class="divTableCell">&nbsp;</div>
+          </div>
+          </div>
+          </div>
+          <h3><a href="portfolio.html" target="_blank">Portfolio</a></h3>
+          <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
+        </div>
+      </section>
+      </section>
+  <footer class = "column-layout">
+        <ul>
+            <li <a href="#" class="fa fa-facebook"></a></li>
+            <li <a href="#" class="fa fa-twitter"></a></li>
+            <li <p> &copy; Copyright 2058, Katherine Corporation</p></li>
+        </ul>
+  </footer>
+  </body>
+</html>
diff --git a/styles/hobby-blog.css b/styles/hobby-blog.css
@@ -0,0 +1,81 @@
+
+.header{
+
+  font-family: 'Rock Salt', cursive;
+}
+
+html {
+background: url("../images/Death_to_Stock_Winter-Texture_2.jpg") no-repeat 50% 50% fixed;
+background-size: cover;
+-moz-background-size: cover;
+-o-background-size: cover;
+-webkit-background-size: cover;
+}
+
+
+#title{
+  margin-left: 200px
+}
+.container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-content: stretch;
+    align-items: flex-start;
+    }
+
+.photos {
+  display: flex;
+
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-content: stretch;
+  padding: 0;
+  max-width: 1500px;
+}
+
+.photos, img {
+  display: block;
+  float: left;
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+
+
+@media screen and (min-width: 1024px) {
+  .photos img {
+    width: calc(100%/6);
+    height: calc(100%/6);
+  }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+  .photos img {
+    width: calc(100%/4);
+    height: calc(100%/4);
+  }
+}
+
+@media screen and (min-width: 481px) and (max-width: 768px) {
+  .photos img {
+    width: calc(100%/3);
+    height: calc(100%/3);
+  }
+}
+
+@media screen and (min-width: 321px) and (max-width: 480px) {
+  .photos img {
+    width: calc(100%/2);
+    height: calc(100%/2);
+  }
+}
+
+@media screen  and (max-width: 320px) {
+  .photos img {
+    width: 100%;
+    height: 100%;
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<html lang="en"> <head> <META content="origin" name="referrer"></META> <script nonce="VvLHCbuVU6uxsnUQY/8/Kg==">window.google = {};(function(){var e=function(){this.g="";this.h=c};e.prototype.i=!0;var f=/^(?:(?:https?\|mailto\|ftp):\|[^:/?#]*(?:[/?#]\|$))/i,c={},g=function(b){var d=new e;d.g=b;return d};g("about:blank");google.navigateTo=function(b,d,a){b!=d&&b.google?b.google.r&&(b.google.r=0,b=b.location,a instanceof e\|\|a instanceof e\|\|(a="object"==typeof a&&a.i?a.g:String(a),f.test(a)\|\|(a="about:invalid#zClosurez"),a=g(a)),b.href=a instanceof e&&a.constructor===e&&a.h===c?a.g:"type_error:SafeUrl",d.location.replace("about:blank")):d.location.replace(a)};}).call(this);(function(){var redirectUrl='https://strategicspirit.com/hygge/';google.navigateTo(parent,window,redirectUrl);})();</script> <noscript> <META content="0;URL=https://strategicspirit.com/hygge/" http-equiv="refresh"></META> </noscript> </head> </html>