diff --git a/capture-photo.html b/capture-photo.html
new file mode 100644
index 0000000..acef189
--- /dev/null
+++ b/capture-photo.html
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Poppy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/categorize-receipt.html b/categorize-receipt.html
new file mode 100644
index 0000000..7e45049
--- /dev/null
+++ b/categorize-receipt.html
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Poppy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/grid.css b/css/grid.css
new file mode 100644
index 0000000..d359b2a
--- /dev/null
+++ b/css/grid.css
@@ -0,0 +1,175 @@
+.section{
+ float: left;
+ width: 100%;
+}
+
+.container{
+ width: 1080px;
+ margin: 0 auto;
+ max-width: 100%;
+ overflow: hidden;
+}
+
+.row{
+ float: left;
+ width: 100%;
+}
+
+.column {
+ float: left;
+}
+
+.column.large-1 {
+ width: 8.33333%;
+}
+
+.column.large-2 {
+ width: 16.66667%;
+}
+
+.column.large-3 {
+ width: 25%;
+}
+
+.column.large-4 {
+ width: 33.33333%;
+}
+
+.column.large-5 {
+ width: 41.66667%;
+}
+
+.column.large-6 {
+ width: 50%;
+}
+
+.column.large-7 {
+ width: 58.33333%;
+}
+
+.column.large-8 {
+ width: 66.66667%;
+}
+
+.column.large-9 {
+ width: 75%;
+}
+
+.column.large-10 {
+ width: 83.33333%;
+}
+
+.column.large-11 {
+ width: 91.66667%;
+}
+
+.column.large-12 {
+ width: 100%;
+}
+
+@media (max-width: 1080px) {
+ .column.medium-1 {
+ width: 8.33333%;
+ }
+
+ .column.medium-2 {
+ width: 16.66667%;
+ }
+
+ .column.medium-3 {
+ width: 25%;
+ }
+
+ .column.medium-4 {
+ width: 33.33333%;
+ }
+
+ .column.medium-5 {
+ width: 41.66667%;
+ }
+
+ .column.medium-6 {
+ width: 50%;
+ }
+
+ .column.medium-7 {
+ width: 58.33333%;
+ }
+
+ .column.medium-8 {
+ width: 66.66667%;
+ }
+
+ .column.medium-9 {
+ width: 75%;
+ }
+
+ .column.medium-10 {
+ width: 83.33333%;
+ }
+
+ .column.medium-11 {
+ width: 91.66667%;
+ }
+
+ .column.medium-12 {
+ width: 100%;
+ }
+
+
+}
+
+@media (max-width: 780px) {
+
+ .column.small-1 {
+ width: 8.33333%;
+ }
+
+ .column.small-2 {
+ width: 16.66667%;
+ }
+
+ .column.small-3 {
+ width: 25%;
+ }
+
+ .column.small-4 {
+ width: 33.33333%;
+ }
+
+ .column.small-5 {
+ width: 41.66667%;
+ }
+
+ .column.small-6 {
+ width: 50%;
+ }
+
+ .column.small-7 {
+ width: 58.33333%;
+ }
+
+ .column.small-8 {
+ width: 66.66667%;
+ }
+
+ .column.small-9 {
+ width: 75%;
+ }
+
+ .column.small-10 {
+ width: 83.33333%;
+ }
+
+ .column.small-11 {
+ width: 91.66667%;
+ }
+
+ .column.small-12 {
+ width: 100% ;
+ }
+}
+
+@media (max-width: 480px) {
+
+ }
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..1c55f06
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,235 @@
+/*import fonts*/
+/*@font-face {
+ font-family: 'Poppins';
+ src: url("..fonts/Poppins-Regular.ttf") format("truetype");
+ font-weight: 400;
+ font-style: normal;
+ }
+
+@font-face {
+ font-family: 'Poppins';
+ src: url("..fonts/Poppins-Bold.ttf") format("truetype");
+ font-weight: 700;
+ font-style: normal;
+ } */
+/*end of fonts*/
+
+/*basic styles*/
+body {
+ font-family: 'Poppins', sans-serif;
+ margin: 0px;
+ padding: 0px;
+ background-color: #e4f1fd;
+}
+
+a {
+ margin: 0px;
+ padding: 0px;
+ text-decoration: none;
+ color: black;
+}
+
+.light-blue-background {
+ background-color: #e4f1fd;
+ /*height: 100vh; */
+}
+
+.blue-background {
+ background-color: #3fa9f5;
+}
+
+.white-background {
+ background-color: white;
+}
+
+/*temporarily acts as camera feed*/
+/*.grey-background {
+ background-color: #efefef;
+}
+*/
+.offset {
+ margin-top: 80px;
+}
+
+.float-left {
+ float: left;
+}
+
+.float-right {
+ float: right;
+ /*text-align: right;*/
+}
+/*end of basic styles*/
+
+/*splash page styles*/
+.splash h1 {
+ color: #3fa9f5;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ font-size: 44px;
+}
+
+.splash h2 {
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ font-size: 24px;
+ font-weight: 400;
+}
+
+.splash .column.large-12.medium-12.small-12 {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+/*end of splash page styles*/
+
+/*header styel*/
+.header {
+ height: 50px;
+ position: fixed;
+ border-bottom: 1px solid #efefef;
+ padding-top: 20px;
+}
+
+.header a h1 {
+ color: #3fa9f5;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ font-size: 26px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ padding-top: 20px;
+ text-decoration: none;
+}
+
+.header img {
+ height: 25px;
+ margin: 0px;
+ padding: 10px;
+}
+
+.header .float-right {
+ text-align: right;
+}
+
+/*form styles*/
+label {
+ float: left;
+ line-height: 20px;
+ font-size: 16px;
+ margin: 10px;
+ font-weight: 700;
+}
+
+input {
+ float: right;
+ width: 200px;
+ height: 20px;
+ font-family: 'Poppins', sans-serif;
+ font-size: 14px;
+ margin: 10px;
+ border: 1px solid #efefef;
+ border-radius: 0px;
+}
+
+.submit-button input {
+ width: 50%;
+ margin: 10px 25%;
+ border: none;
+ border-radius: 0px;
+ height: 30px;
+ background-color: #efefef;
+}
+
+form p {
+ width: 100%;
+ clear: both;
+ text-align: center;
+ font-size: 14px;
+}
+/*end of form styles*/
+
+/*single footer styles*/
+.footer {
+ height: 50px;
+ text-align: center;
+ position: fixed;
+ bottom: 0px;
+}
+
+.footer img {
+ width: 25px;
+ margin: 0px;
+ padding: 0px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+/*end of single footer styles*/
+
+/*details page styles*/
+.details-footer {
+ text-align: center;
+ position: fixed;
+ bottom: 0px;
+ /*height: 50px;*/
+}
+
+.details-footer img {
+ height: 25px;
+ margin: 0px;
+ padding: 10px 0px 7px 0px;
+}
+
+.details-page h1 {
+ float: left;
+ margin: 10px;
+ font-weight: 700;
+ font-size: 16px;
+}
+
+.details-page h2 {
+ float: right;
+ margin: 10px;
+ font-weight: 400;
+ font-size: 14px;
+}
+
+.sample-receipt img {
+ width: 100%;
+}
+
+/*history page styles*/
+.history h1 {
+ font-weight: 700;
+ font-size: 16px;
+ padding: 0px;
+ margin: 10px 0px 0px 10px;
+}
+
+.history h2 {
+ font-weight: 400;
+ font-size: 14px;
+ margin: 0px;
+ padding: 0px;
+ margin: 0px 0px 10px 10px;
+}
+
+.history img {
+ float: right;
+ height: 20px;
+ margin: 10px;
+ padding-top: 10px;
+}
+/*/*end of history page styles*/
+
+.the-photo {
+ width: 100%;
+}
\ No newline at end of file
diff --git a/delete-history-of-receipts.html b/delete-history-of-receipts.html
new file mode 100644
index 0000000..1c8646c
--- /dev/null
+++ b/delete-history-of-receipts.html
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Poppy
+
+
+
+
+
+
+
+
+
+
+
+
+
Staples
+ 20 February 2017
+
+
+

+
+
+
+
+
+
+
+
Bloomingdale's
+ 16 February 2017
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/details-of-receipt.html b/details-of-receipt.html
new file mode 100644
index 0000000..6ccc73a
--- /dev/null
+++ b/details-of-receipt.html
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Poppy
+
+
+
+
+
+
+
+
+
+
+
+
+
Vendor Name
+ Sephora
+
+
+
Date
+ 14 February 2017
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fonts/Poppins-Bold.ttf b/fonts/Poppins-Bold.ttf
new file mode 100755
index 0000000..ff8a3b2
Binary files /dev/null and b/fonts/Poppins-Bold.ttf differ
diff --git a/fonts/Poppins-Regular.ttf b/fonts/Poppins-Regular.ttf
new file mode 100755
index 0000000..868384c
Binary files /dev/null and b/fonts/Poppins-Regular.ttf differ
diff --git a/history-of-receipts.html b/history-of-receipts.html
new file mode 100644
index 0000000..acc2cc2
--- /dev/null
+++ b/history-of-receipts.html
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Poppy
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
Staples
+ 20 February 2017
+
+
+

+
+
+
+
+
+
+
+
Bloomingdale's
+ 16 February 2017
+
+
+

+
+
+
+
+
+
+
+
Nike
+ 30 January 2017
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/images/camera.png b/images/camera.png
new file mode 100644
index 0000000..0339307
Binary files /dev/null and b/images/camera.png differ
diff --git a/images/close.png b/images/close.png
new file mode 100644
index 0000000..ba1cfca
Binary files /dev/null and b/images/close.png differ
diff --git a/images/delete.png b/images/delete.png
new file mode 100644
index 0000000..9a83aab
Binary files /dev/null and b/images/delete.png differ
diff --git a/images/download.png b/images/download.png
new file mode 100644
index 0000000..daa8d0d
Binary files /dev/null and b/images/download.png differ
diff --git a/images/file-folder.png b/images/file-folder.png
new file mode 100644
index 0000000..295c992
Binary files /dev/null and b/images/file-folder.png differ
diff --git a/images/folder.png b/images/folder.png
new file mode 100644
index 0000000..bc1ef1a
Binary files /dev/null and b/images/folder.png differ
diff --git a/images/home.png b/images/home.png
new file mode 100644
index 0000000..c71b0ce
Binary files /dev/null and b/images/home.png differ
diff --git a/images/left-arrow.png b/images/left-arrow.png
new file mode 100644
index 0000000..c547ca6
Binary files /dev/null and b/images/left-arrow.png differ
diff --git a/images/right-arrow.png b/images/right-arrow.png
new file mode 100644
index 0000000..de41762
Binary files /dev/null and b/images/right-arrow.png differ
diff --git a/images/save.png b/images/save.png
new file mode 100644
index 0000000..38fa08d
Binary files /dev/null and b/images/save.png differ
diff --git a/images/sephora.jpg b/images/sephora.jpg
new file mode 100644
index 0000000..47cb03f
Binary files /dev/null and b/images/sephora.jpg differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..c62ab2f
Binary files /dev/null and b/img/logo.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..195f5ba
--- /dev/null
+++ b/index.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Poppy
+
+
+
+
+
+
+
+
+
Poppy
+
Your Proof of Purchase
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+