diff --git a/images/1957.jpg b/images/1957.jpg
new file mode 100755
index 0000000..4c44825
Binary files /dev/null and b/images/1957.jpg differ
diff --git a/index.html b/index.html
index 89ad6c1..7e001bd 100644
--- a/index.html
+++ b/index.html
@@ -84,6 +84,7 @@ <h2 class="name">Becca Naul</h2>
           <h3 class="project-name"><a href="projects/project-beccatbd.html">TBD...</a></h3>
           <p class="project-description">
             Not 100%, but I think I'm going to work with Daniel! 
+
           </p>
           </div>
         </div>
@@ -108,12 +109,12 @@ <h3 class="project-name">Real Estate/ Restaurant Templates</h3>
         <div class="project">
           <div class="project-wrap">
           <!-- CHANGE TO YOUR OWN PHOTO AND ID -->
-          <img src="images/project-puppy.jpg" alt="" class="picture" id="YOURNAME">
-          <h2 class="name">Your Name</h2>
-          <h3 class="project-name">Your Project Name</h3>
+          <img src="images/1957.jpg" alt="boxers" class="picture" id="jill">
+          <h2 class="name">Jill</h2>
+          <h3 class="project-name">
+            <a href="projects/project-jillfamilysite.html">A Family Website</a>
           <p class="project-description">
-            Tell us what you'll be working on in 140 characters or less!
-          </p>
+            An old people-friendly, simplified and private version of Facebook for my family. 
           </div>
         </div>
         <!-- END -->
diff --git a/projects/project-jillfamilysite.html b/projects/project-jillfamilysite.html
new file mode 100644
index 0000000..ea96fb0
--- /dev/null
+++ b/projects/project-jillfamilysite.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Jill Chatham | Project List | MKS Front-End Cohort 1</title>
+    <link rel="stylesheet" href="../stylesheets/app.css" />
+    <script src="../bower_components/modernizr/modernizr.js"></script>
+  </head>
+
+  <!-- change the ID here to your name ID. it should be the same as the ID on the .picture div in index.html -->
+  <body class="project-page" id="jill">
+
+  <!-- YOURNAME Project -->
+  <div class="project">
+    <div class="project-wrap">
+    <div class="picture">
+      <!-- change to your photo URL -->
+      <img src="../images/1957.jpg" alt="boxers" class="picture" id="jill">
+    </div>
+    <h2 class="name">Jill</h2>
+    <h3 class="project-name">A Family Website</h3>
+    <p class="project-description">
+      An old people-friendly, simplified and private version of Facebook for my family. An easy way to share photos, coordinate family events and so much more! My husband will be doing the back-end coding for this project. 
+    </p>
+    </div>
+  </div>
+  <!-- END -->
+
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="../bower_components/foundation/js/foundation.min.js"></script>
+    <script src="../js/app.js"></script>
+  </body>
+</html>
diff --git a/scss/custom.scss b/scss/custom.scss
index c8ce09e..4e295fb 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -5,9 +5,13 @@ $becca-project-color: #faf6bd;
 $alex-project-color: #3c2267;
 
 // add your project main color here:
+
+$jill-project-color: #95a5a6;
+
 $scott-project-color: #0f7b85;
 
 
+
 $daniel-project-color: #1EE8D4;
 
 
@@ -24,6 +28,11 @@ $daniel-project-color: #1EE8D4;
 #sartaj {}
 
 
+#jill {
+    @include readable($jill-project-color); // this readable mixin is in color-test.scss. it determines what the font color should be based on your background color!
+}
+
+
 
 
 #scott {
@@ -37,3 +46,4 @@ $daniel-project-color: #1EE8D4;
 	@include readable($daniel-project-color);
 
 }
+
