diff --git a/about.html b/about.html
new file mode 100644
index 000000000..bccc4d5b8
--- /dev/null
+++ b/about.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/styles.css">
+    <title>Sai Samant</title>
+  </head>
+  <body>
+    <header>
+      <div class="hello">
+        <h1>&lt; about &gt;</h1>
+      </div>
+
+      <div class="nav">
+        <nav>
+          <ul>
+            <li><a href="index.html">home</a></li>
+            <li><a href="portfolio.html">code</a></li>
+            <li><a href="blog.html">other</a></li>
+
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    <main >
+      <section class = "about">
+        <p>I am student at Ada Developers Academy where I am training to become a software engineer. We are learning Ruby, Rails, HTM & CSS, JavaScript, test-driven development, and agile and pair-programming practices. A major part of why Ada appeals to me is its <a href="http://adadevelopersacademy.org/program">social-justice mission</a> to help women and people of non-binary gender succeed in tech.</p>
+        <p>Coding and parenting take up most of my time these days, but I have been known to enjoy running on trails in Seattle's many beautiful parks, reading, watching sitcoms, following politics, knitting, eating french fries, and catching up on sleep.</p>
+        <p>I maintain a very spotty social media presence across too many platforms:</p>
+        <ul class = "social-media">
+          <li><a href="https://twitter.com/saisamant", target = "_blank"><img src="assets/twitter.svg" alt="twitter" height="40px"></a></li>
+          <li><a id="ravelry" href="http://www.ravelry.com/people/samtheant", target = "_blank"><img src="assets/ravelry.svg" alt="knit" height="40px"></a></li>
+          <li><a href="https://instagram.com/onestripedsock", target = "_blank"><img src="assets/instagram.svg" alt="insta" height="40px"></a></li>
+          <li><a href="https://facebook.com/ssamant", target = "_blank"><img src="assets/fb.svg" alt="fb" height="40px"></a></li>
+        </ul>
+      </section>
+    </main>
+
+    <footer>
+      <div class="disclaim">
+        <p>&copy;2017</p>
+      </div>
+
+      <div class="contact">
+        <p>Get in touch: sai samant (@) gmail (dot) com</p>
+        <h2>&lt; good-bye. &gt;</h2>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/assets/fb.svg b/assets/fb.svg
new file mode 100644
index 000000000..71b4ebfe2
--- /dev/null
+++ b/assets/fb.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.164,0,0,7.164,0,16s7.164,16,16,16s16-7.164,16-16S24.836,0,16,0z M19.488,15.999h-2.239v8.124h-3.357V16h-1.677    v-2.8h1.677v-1.681c0-2.284,0.947-3.642,3.637-3.642h2.24v2.8h-1.4c-1.047,0-1.117,0.392-1.117,1.121L17.249,13.2h2.536    L19.488,15.999z"/></g></g></svg>
\ No newline at end of file
diff --git a/assets/github.svg b/assets/github.svg
new file mode 100644
index 000000000..2ebfcb6ce
--- /dev/null
+++ b/assets/github.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.163,0,0,7.163,0,16c0,8.837,7.164,16,16,16c8.837,0,16-7.163,16-16C32,7.163,24.837,0,16,0z M18.067,18.96    c0.333,0.289,0.592,1.308,0.592,1.776v4.144h-2.365h-2.368c0,0,0.007-1.405,0-2.368c-3.24,0.697-4.144-1.776-4.144-1.776    C9.19,19.552,8.598,18.96,8.598,18.96c-1.184-0.703,0-0.592,0-0.592c1.184,0,1.776,1.184,1.776,1.184    c1.039,1.764,2.888,1.48,3.552,1.184c0-0.592,0.259-1.487,0.592-1.776c-2.586-0.291-4.738-1.776-4.738-4.736    c0-2.96,0.594-3.552,1.186-4.144c-0.12-0.292-0.615-1.37,0.018-2.96c0,0,1.163,0,2.347,1.776c0.587-0.587,2.368-0.592,2.961-0.592    c0.591,0,2.373,0.005,2.959,0.592c1.184-1.776,2.35-1.776,2.35-1.776c0.633,1.59,0.138,2.668,0.018,2.96    c0.592,0.592,1.184,1.184,1.184,4.144C22.804,17.184,20.654,18.669,18.067,18.96z"/></g></g></svg>
\ No newline at end of file
diff --git a/assets/instagram.svg b/assets/instagram.svg
new file mode 100644
index 000000000..3731d2ec3
--- /dev/null
+++ b/assets/instagram.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><g><path d="M20.842,16.139c0,2.584-2.163,4.68-4.831,4.68c-2.666,0-4.83-2.097-4.83-4.68c0-0.464,0.071-0.911,0.201-1.334     l-1.211-0.263v6.801c0,0.341,0.146,0.486,0.486,0.486h10.687c0.34,0,0.486-0.145,0.486-0.486v-6.801l-1.188,0.263     C20.771,15.229,20.842,15.675,20.842,16.139z"/></g><g><ellipse cx="16.011" cy="15.971" rx="3.121" ry="3.025"/></g><g><path d="M16,0C7.164,0,0,7.163,0,16s7.164,16,16,16s16-7.164,16-16S24.836,0,16,0z M23.773,21.829     c0,1.097-0.846,1.943-1.943,1.943H10.171c-1.097,0-1.943-0.846-1.943-1.943V10.17c0-1.097,0.846-1.943,1.943-1.943h11.659     c1.097,0,1.943,0.846,1.943,1.943V21.829z"/></g><g><path d="M21.344,10.17H19.4c-0.269,0-0.486,0.217-0.486,0.486v1.943c0,0.269,0.217,0.486,0.486,0.486h1.943     c0.269,0,0.486-0.217,0.486-0.486v-1.943C21.829,10.388,21.612,10.17,21.344,10.17z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/assets/linkedin.svg b/assets/linkedin.svg
new file mode 100644
index 000000000..6f0207bb2
--- /dev/null
+++ b/assets/linkedin.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.164,0,0,7.163,0,16c0,8.836,7.164,16,16,16s16-7.164,16-16C32,7.163,24.836,0,16,0z M11.844,22.277H8.58v-9.82    h3.264V22.277z M10.212,11.116h-0.021c-1.096,0-1.804-0.755-1.804-1.697c0-0.963,0.73-1.696,1.846-1.696    c1.116,0,1.804,0.733,1.825,1.696C12.058,10.362,11.349,11.116,10.212,11.116z M23.613,22.277L23.613,22.277l-3.264,0v-5.254    c0-1.32-0.472-2.22-1.654-2.22c-0.901,0-1.438,0.607-1.674,1.194c-0.086,0.21-0.108,0.503-0.108,0.796v5.484H13.65    c0,0,0.043-8.898,0-9.82h3.264v1.391c0.433-0.669,1.209-1.622,2.942-1.622c2.147,0,3.757,1.404,3.757,4.42V22.277z"/></g></g></svg>
\ No newline at end of file
diff --git a/assets/ravelry.svg b/assets/ravelry.svg
new file mode 100644
index 000000000..90874cb43
--- /dev/null
+++ b/assets/ravelry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path clip-rule="evenodd" d="M486.591,0H25.701C11.486,0,0,11.491,0,25.706v460.891   C0,500.519,11.486,512,25.701,512h460.89c13.912,0,25.409-11.48,25.409-25.403V25.706C512,11.491,500.503,0,486.591,0L486.591,0z    M253.427,251.614h200.506v26.014H253.427v26.009h200.506v26.009H253.427h-39.009H58.056v-26.009h156.362v-26.009H58.056v-26.014   h156.362V134.276h39.009v42.337c10.882-16.934,20.557-29.03,29.034-35.684c8.77-6.956,18.141-10.285,28.419-10.285   c6.956,0,14.215,1.513,21.473,4.843c7.26,3.021,15.121,7.858,23.297,14.21l-21.172,34.781c-6.353-5.443-12.402-9.68-18.151-12.096   c-6.05-2.422-12.09-3.627-18.442-3.627c-10.591,0-19.66,4.535-27.523,13.302c-8.164,8.772-13.61,21.171-16.933,37.203V251.614z    M58.056,355.654h395.877v26.009H58.056V355.654z" fill="#040404" fill-rule="evenodd"/></g></svg>
\ No newline at end of file
diff --git a/assets/ruby-logo.svg b/assets/ruby-logo.svg
new file mode 100644
index 000000000..0bc0616ba
--- /dev/null
+++ b/assets/ruby-logo.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 128 128"
+   height="512"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 512 512"
+   width="512"
+   xml:space="preserve"
+   sodipodi:docname="ruby-logo.svg"
+   inkscape:version="0.92.0 r"><metadata
+     id="metadata17"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs15" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1311"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="0.921875"
+     inkscape:cx="247.16691"
+     inkscape:cy="227.32698"
+     inkscape:window-x="0"
+     inkscape:window-y="55"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     id="g829"
+     transform="matrix(4.809318,0,0,4.809318,-51.820399,-1896.6099)"><path
+       inkscape:connector-curvature="0"
+       id="path2"
+       d="m 112.005,434.192 h -96 c -0.778,0 -1.485,-0.451 -1.813,-1.157 -0.328,-0.706 -0.217,-1.538 0.284,-2.132 L 37.5,403.595 c 0.38,-0.451 0.939,-0.711 1.529,-0.711 h 49.957 c 0.59,0 1.149,0.26 1.529,0.711 l 23.019,27.308 c 0.501,0.595 0.612,1.427 0.284,2.132 -0.328,0.705 -1.035,1.157 -1.813,1.157 z m -91.697,-4 h 87.396 L 88.057,406.884 H 39.959 Z" /><polygon
+       transform="translate(0,384)"
+       id="polygon4"
+       points="14.475,49.48 17.535,46.904 64.005,102.088 110.475,46.904 113.535,49.48 64.005,108.299 " /><path
+       inkscape:connector-curvature="0"
+       id="path6"
+       d="m 64.005,491.193 v 0 c -0.849,0 -1.604,-0.535 -1.886,-1.335 L 42.023,432.857 c -0.221,-0.625 -0.117,-1.317 0.275,-1.851 l 20.096,-27.308 c 0.752,-1.024 2.467,-1.024 3.221,0 l 20.1,27.308 c 0.393,0.533 0.496,1.226 0.275,1.851 l -20.1,57.001 c -0.281,0.8 -1.036,1.335 -1.885,1.335 z m -17.858,-58.668 17.857,50.654 17.861,-50.654 -17.86,-24.267 z" /><rect
+       style="stroke-width:0.99999207"
+       id="rect8"
+       y="30.798977"
+       x="405.43576"
+       width="27.73978"
+       transform="rotate(79.868882)"
+       height="3.9999683" /><rect
+       style="stroke-width:1.00000966"
+       id="rect10"
+       y="382.90067"
+       x="156.85788"
+       width="4.0000386"
+       transform="rotate(10.136758)"
+       height="27.741268" /></g></svg>
\ No newline at end of file
diff --git a/assets/twitter.svg b/assets/twitter.svg
new file mode 100644
index 000000000..fbc4cd577
--- /dev/null
+++ b/assets/twitter.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.164,0,0,7.164,0,16s7.164,16,16,16s16-7.164,16-16S24.836,0,16,0z M24.44,10.857    c-0.074,0.124-0.454,0.559-0.86,0.956c-0.688,0.683-0.725,0.757-0.725,1.329c0,0.881-0.417,2.72-0.835,3.725    c-0.774,1.888-2.432,3.838-4.091,4.82c-2.334,1.378-5.442,1.727-8.059,0.919c-0.872-0.274-2.371-0.969-2.371-1.093    c0-0.038,0.454-0.087,1.008-0.1c1.155-0.024,2.31-0.346,3.292-0.919l0.663-0.398l-0.762-0.26c-1.081-0.373-2.051-1.23-2.297-2.037    c-0.074-0.261-0.049-0.274,0.638-0.274l0.712-0.012l-0.602-0.286c-0.713-0.361-1.364-0.968-1.683-1.59    c-0.233-0.447-0.528-1.577-0.442-1.664c0.025-0.037,0.283,0.038,0.577,0.137c0.847,0.311,0.958,0.236,0.467-0.286    c-0.921-0.944-1.204-2.347-0.762-3.676l0.209-0.596l0.811,0.807c1.659,1.627,3.612,2.596,5.847,2.881l0.614,0.074l-0.037-0.609    c-0.11-1.577,0.86-3.018,2.396-3.577c0.565-0.199,1.524-0.223,2.15-0.05c0.246,0.074,0.712,0.323,1.044,0.546l0.602,0.41    l0.663-0.212c0.369-0.111,0.86-0.298,1.081-0.422c0.209-0.112,0.393-0.174,0.393-0.137c0,0.211-0.455,0.932-0.835,1.329    c-0.517,0.559-0.369,0.609,0.675,0.236C24.55,10.621,24.563,10.621,24.44,10.857z"/></g></g></svg>
\ No newline at end of file
diff --git a/blog.html b/blog.html
new file mode 100644
index 000000000..3d4facb8e
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/styles.css">
+    <title>Sai Samant</title>
+  </head>
+
+  <body>
+    <header>
+      <div class="hello">
+        <h1>&lt; fun stuff &gt;</h1>
+      </div>
+      <div class="nav">
+        <nav>
+          <ul>
+            <li><a href="index.html">home</a></li>
+            <li><a href="portfolio.html">code</a></li>
+            <li><a href="about.html">me</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <section class="all-interests">
+        <article class="interest">
+          <article class="podcasts">
+            <h4>Podcasts</h4>
+            <p>I spend more time than I should listening to podcasts. Below are some of my current favorites. Subscribe to these podcasts through your favorite podcast app (I use the native Podcast iphone app).</p>
+            <ul>
+              <li><a href="https://www.buzzfeed.com/anotherround" target="_blank">Another Round with Heben and Tracy</a><p>Heben and Tracy interview so many interesting people and ask such good questions. They get to the point while being funny and sharp. Some highlights for me: #57 (with poet Jenny Zhang), #28 (with Hillary Clinton), and #3 (with Issa Rae, before her show Insecure came on). And a million others I won't list here (Ta-Nehisi Coates! Padma Lakshmi! Melissa Harris-Perry! Janet Mock!)</p></li>
+              <li><a href="https://gimletmedia.com/show/startup/all/season-1/" target="_blank">StartUp (Season One)</a><p>Alex Blumberg hosts this podcast which documents his efforts to start a podcast media company. So much great behind-the-scenes detail; the highlights for me were the interactions between Blumberg and his wife Nazanin Rafsanjani. Later seasons document other startups and companies and I did not find them as compelling but continued to listen (*spoiler alert*) so I could hear for updates on Gimlet (the media company Blumberg founded and now runs).</p></li>
+              <li><a href="http://www.npr.org/sections/monkeysee/129472378/pop-culture-happy-hour" target="_blank">Pop Culture Happy Hour</a><p>This was I think my gateway podcast. It's from NPR and a pretty lighthearted but thoughtful review of movies, tv, books, and sometimes music. They have a rotating cast who take turns filling in the fourth seat for their weekly roundtable discussions. Two of my faves are Audie Cornish and Barrie Hardymon </p></li>
+              <li><a href="https://www.nytimes.com/2017/01/30/podcasts/the-daily-get-ready-for-the-daily-your-audio-news-report.html">The New York Times Daily</a><p>A daily look at major news events with an in-depth look at one main story. I listen to the Daily on my commute.</p></li>
+            </ul>
+          </article>
+
+          <article class="knitting">
+            <h4>Knitting</h4>
+                <p>someday</p>
+          </article>
+
+          <article class="sociolinguistics">
+            <h4>Sociolinguistics</h4>
+            <p>someday</p>
+          </article>
+
+          <article class="public-ed">
+            <h4>Fully fund public education</h4>
+              <p>someday</p>
+          </article>
+        </article>
+      </section>
+    </main>
+
+    <footer>
+      <div class="disclaim">
+        <p>&copy;2017</p>
+      </div>
+
+      <div class="contact">
+        <p>Get in touch: sai samant (@) gmail (dot) com</p>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..171073c47
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/styles.css">
+    <title>Sai Samant</title>
+  </head>
+  <body>
+
+    <header>
+      <div class="hello">
+        <h1>&lt; hello. &gt;</h1>
+      </div>
+      <div class="nav">
+        <nav>
+          <ul>
+            <li><a href="portfolio.html">code</a></li>
+            <li><a href="blog.html">other</a></li>
+            <li><a href="about.html">me</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <section class="welcome">
+        <p>Nice to have you here.  My name is Sai Samant. I am currently learning to code at <a href="http://www.adadevelopersacademy.org">Ada Developers Academy</a> in Seattle, WA. Check out some of my <a href="portfolio.html">projects</a>. I spend a lot of time listening to <a href="blog.html">podcasts</a>. And here is some other maybe <a href="about.html">fun stuff</a> about me.</p>
+      </section>
+    </main>
+
+    <footer>
+      <div class="disclaim">
+        <p>&copy;2017</p>
+      </div>
+
+      <div class="contact">
+        <p>Get in touch: sai samant (@) gmail (dot) com</p>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/portfolio.html b/portfolio.html
new file mode 100644
index 000000000..a6190369f
--- /dev/null
+++ b/portfolio.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/styles.css">
+    <title>Sai Samant</title>
+  </head>
+  <body>
+    <header>
+      <div class="hello">
+        <h1>&lt; code record &gt;</h1>
+      </div>
+      <div class="nav">
+        <nav>
+          <ul>
+            <li><a href="index.html">home</a></li>
+            <li><a href="blog.html">other</a></li>
+            <li><a href="about.html">me</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <main>
+      <section class = "projects-intro">
+          <p>Below is collection of projects I have completed while at Ada.  Currently these projects have developed my skills in Ruby and HTML & CSS. Additionally I have also learnt about version control and GitHub, pair programming and agile practices, and computer science fundamentals.</p>
+          <p>All links for Ada projects will take you to my GitHub page:  <a class = "social-media" href="https://github.com/ssamant", target = "_blank"><img src="assets/github.svg" alt="git" height="40px"></a></p>
+
+        <section class="projects-left">
+          <article class="project">
+            <p><a class = "project-link" href="https://github.com/ssamant/Word-Guess", target="_blank">Word Guess</a></p>
+            <p>Implemented a word guess game. Practiced writing methods and calling methods from within other methods. First paired project where we applied agile pair programming techniques.</p>
+            <p>Language: Ruby</p>
+            <p>Pair Programming Project</p>
+          </article>
+
+          <article class="project">
+            <p><a class = "project-link" href="https://github.com/ssamant/BankAccounts", target="_blank">Bank Accounts</a></p>
+            <p>In this project we worked with bank account classes to learn about the inheritance. We also used test-driven-development (TDD) to implement our solutions.</p>
+            <p>Language: Ruby</p>
+            <p>Individual Project</p>
+          </article>
+
+          <article class="project">
+            <p><a class = "project-link" href="https://github.com/ssamant/Solar-System", target="_blank">Solar System</a></p>
+            <p>Implemented two classes to create planets and system of planets</p>
+            <p>Language: Ruby</p>
+            <p>Individual Project</p>
+          </article>
+
+          <article class="project">
+            <p><a class = "project-link" href="https://github.com/ssamant/Random-Menu", target="_blank">Random Menu Generator</a></p>
+            <p>Implemented two classes to create planets and system of planets</p>
+            <p>Language: Ruby</p>
+            <p>Individual Project</p>
+          </article>
+        </section>
+
+          <section class="projects-right">
+            <article class="project">
+              <p><a class = "project-link" href="https://github.com/ssamant/ride-share-two", target="_blank">Ride Share</a></p>
+              <p>In this project we created relationships between data associated with drivers, riders and trips in a hypothetical ride-share program. Skills applied include: using a design diagram to map cross-class and cross-method relationships, working with .csv data, and implementing argument errors and rescue blocks</p>
+              <p>Language: Ruby</p>
+              <p>Individual Project</p>
+            </article>
+
+            <article class="project">
+              <p><a class = "project-link" href="https://github.com/ssamant/Scrabble", target="_blank">Scrabble</a></p>
+              <p>FILL THIS IN</p>
+              <p>Language: Ruby</p>
+              <p>Pair programming project</p>
+            </article>
+
+            <article class="project">
+              <p><a class = "project-link" href="https://github.com/ssamant/meowspace", target="_blank">Meowspace</a></p>
+              <p>Used css to design existing html for a social media platform for cats. Used float, inline-block, selectors and other css tools for layout that included header/footer, navigation, color-palette selection, and background images. </p>
+              <p>languages: HTML/CSS</p>
+              <p>individual project</p>
+            </article>
+      </section>
+    </main>
+
+    <footer>
+
+      <div class="disclaim">
+        <p>&copy;2017</p>
+      </div>
+
+      <div class="contact">
+        <p>Get in touch: sai samant (@) gmail (dot) com</p>
+      </div>
+
+    </footer>
+
+  </body>
+</html>
diff --git a/styles/styles.css b/styles/styles.css
new file mode 100644
index 000000000..fcd617cf5
--- /dev/null
+++ b/styles/styles.css
@@ -0,0 +1,138 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans|Ubuntu');
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: Ubuntu, Helvetica, sans-serif;
+}
+
+a {
+  color: #0A1612;
+  text-decoration: none;
+  border-bottom: dotted;
+  border-width: thin;
+  border-color: #f7ce3e
+}
+a:hover{
+  /*color: #f7ce3e;*/
+  background-color: #f0f0f0;
+  border: none;
+}
+
+p, li {
+  font-family: 'Open Sans', Helvetica, sans-serif;
+  color: #0A1612;
+  /*text-decoration: none;*/
+}
+
+header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  padding: 0 3% 1% 0;
+  background-color: #f0f0f0;
+  color: #1a2930;
+}
+
+header h1 {
+  padding-left: 6%;
+}
+
+.hello, .disclaim {
+  display: inline-block;
+  width: 40%;
+  vertical-align: top;
+}
+
+.nav, .contact {
+  clear: both;
+  width: 50%;
+  display: inline-block;
+  text-align: right;
+}
+
+.nav li {
+  list-style-type: none;
+  padding-left: 10%;
+  display: inline-block;
+  color: #f0f0f0;
+  margin-top: 10px;
+}
+
+main {
+  clear: both;
+  padding: 10% 0;
+  margin: 0 6%;
+}
+
+section.welcome, section.about, section.all-interests {
+  width: 60%;
+  padding-left: 2%;
+}
+
+article.project {
+  min-width: 15%;
+  border-style: solid;
+  padding: 0 2% 0 2%;
+  margin: 4% 0;
+  vertical-align: top;
+}
+
+article.project p:first-of-type {
+  font-size: 1.5em;
+}
+
+.disclaim p {
+  display: inline-block;
+}
+
+section.projects-left, section.projects-right {
+  margin: 2% 0.5%;
+  display: inline-block;
+  max-width: 45%;
+  vertical-align: top;
+}
+
+.projects-intro img {
+  vertical-align: middle;
+}
+
+.social-media li, .interest li {
+  list-style-type: none;
+  padding-right: 3%;
+  display: inline;
+  color: #f0f0f0;
+}
+
+#ravelry img {
+  border-radius: 20px;
+}
+
+ul.social-media {
+  padding-left: 0;
+}
+
+.social-media a {
+  border: none;
+}
+
+.social-media a:hover {
+  background-color: inherit;
+}
+
+.social-media img:hover, .projects-intro img:hover {
+  background-color: #f7ce3e;
+  border-radius: 20px;
+}
+
+
+
+
+footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: block;
+  padding: 0 3%;
+  background-color: #f0f0f0;
+  width: 100%;
+}