diff --git a/.gitignore b/.gitignore
index e43b0f988..c6d749175 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,3 @@
.DS_Store
+package.json
+node_modules
diff --git a/assets/PondsEdgeColorSmall.svg b/assets/PondsEdgeColorSmall.svg
new file mode 100644
index 000000000..92179797d
--- /dev/null
+++ b/assets/PondsEdgeColorSmall.svg
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/assets/PondsEdgeLarge.svg b/assets/PondsEdgeLarge.svg
new file mode 100644
index 000000000..5ba74463c
--- /dev/null
+++ b/assets/PondsEdgeLarge.svg
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/assets/PondsEdgeSmall.svg b/assets/PondsEdgeSmall.svg
new file mode 100644
index 000000000..5d072c801
--- /dev/null
+++ b/assets/PondsEdgeSmall.svg
@@ -0,0 +1,144 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/content/about.html b/content/about.html
new file mode 100644
index 000000000..0de9fcec9
--- /dev/null
+++ b/content/about.html
@@ -0,0 +1,33 @@
+
+
+
+
+ About
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ About
+ It's more than just a name:
+ Thriving Life – At the pond’s edge, you’re likely to find life thriving and making a place for itself in the world.
+ Not Perfect, but Beautiful- A pond may never be perfect, but it can be beautiful. (Think of Claude Monet paintings of the Water-Lily Pond, or Thoreau’s found inspiration at the edge of Walden Pond.)
+ Inspirational- Inspiration is often found where there is water, so it would seem that the pond’s edge would be a likely place to be inspired.
+
+
+
+
diff --git a/content/work.html b/content/work.html
new file mode 100644
index 000000000..e18903484
--- /dev/null
+++ b/content/work.html
@@ -0,0 +1,70 @@
+
+
+
+
+ Work
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+ Piece Header
+ This is some placeholder text.
+
+
+
+
+
+
diff --git a/css/about.css b/css/about.css
new file mode 100644
index 000000000..7d16c60fc
--- /dev/null
+++ b/css/about.css
@@ -0,0 +1,7 @@
+.nav-about{
+ color: #11bcc3;
+}
+
+.about-section h2 {
+ text-align: center;
+}
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 000000000..f77b0112c
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,52 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v3.0 | 20180413
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+main, menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, main, menu, nav, section {
+ display: block;
+}
+/* HTML5 hidden-attribute fix for newer browsers */
+*[hidden] {
+ display: none;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 000000000..ef2cdb97f
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,66 @@
+body {
+ font-family: 'Slabo 27px', serif;
+ color: #424651;
+ font-size: 18px;
+}
+
+h1 {
+ font-size: 4em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+/* Nav */
+nav {
+ border-bottom: 1px solid #424651;
+}
+
+nav ul {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ list-style-type: none;
+}
+
+.logo {
+ margin-right: auto;
+}
+
+.logo img {
+ height: 30%;
+ width: 30%;
+ margin: 2%
+}
+
+nav li {
+ margin: 0 5%;
+}
+
+nav a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #424651;
+}
+
+nav a:hover {
+ color: #11bcc3;
+}
+
+/* Splash */
+
+.splash {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ margin: 0 10%;
+}
+
+.splash img {
+ width: 700px;
+}
+
+.splash-text {
+ flex: 1;
+}
diff --git a/css/work.css b/css/work.css
new file mode 100644
index 000000000..c0e7660c2
--- /dev/null
+++ b/css/work.css
@@ -0,0 +1,17 @@
+.nav-work{
+ color: #11bcc3;
+}
+
+.work {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(3, auto);
+ justify-content: space-around;
+ justify-items: center;
+ grid-row-gap: 25px;
+ grid-auto-flow: row;
+ margin: 30px 0;
+}
+
+article {
+}
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..71aecdb8a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+ The Pond's Edge
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Owner & CEO extraordinaire
+ Kate Pond
+ I make the internet
+
+
+
+
+