diff --git a/.DS_Store b/.DS_Store
index 807956c49..8564d0db2 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/css/index.css b/css/index.css
index 21442c782..ccb66b501 100644
--- a/css/index.css
+++ b/css/index.css
@@ -3,251 +3,544 @@
    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, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
+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,
+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, menu, nav, section {
-	display: block;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
 }
 body {
-	line-height: 1;
+  line-height: 1;
 }
-ol, ul {
-	list-style: none;
+ol,
+ul {
+  list-style: none;
 }
-blockquote, q {
-	quotes: none;
+blockquote,
+q {
+  quotes: none;
 }
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
 }
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 html {
-    max-width: 1920px;
-    min-width: 428px;
-    width: 100%;
-    font-size: 62.5%;
+  max-width: 1920px;
+  min-width: 428px;
+  width: 100%;
+  font-size: 62.5%;
 }
 
 body {
-    font-family: 'Roboto', sans-serif;
-    line-height: 1.5;
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.5;
+  background-color: rgb(0, 4, 17);
 }
 
-h1, h2, h3, h4, h5, h6, p, a, i {
-    text-decoration: none;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+a,
+i {
+  text-decoration: none;
 }
 
 h1 {
-    font-size: 7.5rem;
+  font-size: 7.5rem;
 }
 
 h2 {
-    font-size: 6rem;
+  font-size: 6rem;
 }
 
 h3 {
-    font-size: 5rem;
+  font-size: 5rem;
 }
 
-p, a {
-    font-size: 3rem;
+p,
+a {
+  font-size: 3rem;
 }
 
 /* header section */
-header {
-    width: 100%;
-    height: 100vh;
-    background-image: url('../img/home-header.jpg');
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
+.header-section {
+  width: 100%;
+  height: 100vh;
+  background-image: url('../img/home-header.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  margin-bottom: 2rem;
+}
+
+.header-style {
+  background-color: rgba(0, 0, 0, 0.8);
+  padding: 3rem;
+}
+
+.header-style--title a {
+  text-align: center;
+  color: #fff;
+  font-size: 5.8rem;
+  margin-bottom: 2rem;
+  color: #fff;
+}
+
+/* .header-style--title a {
+} */
+
+.header-style--links {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 3rem;
+}
+
+.header-style--links a {
+  color: #fff;
+  font-size: 2.5rem;
+}
+
+.header-style--icons {
+  display: flex;
+  justify-content: center;
+}
+
+.header-style--icons i {
+  font-size: 3rem;
+  margin: 0 3rem;
+  color: #fff;
+}
+
+.icon-facebook2:before {
+  content: '\ea91';
+}
+
+.icon-instagram:before {
+  content: '\ea92';
+}
+
+.icon-twitter:before {
+  content: '\ea96';
 }
 
 /* spacers */
 .spacer {
-    width: 100%;
-    height: 20vh;
-    background-color: rgb(0, 4, 17);
+  width: 100%;
+  height: 20vh;
+  background-color: rgb(0, 4, 17);
 }
 .spacer-sm {
-    width: 100%;
-    height: 10vh;
-    background-color: rgb(0, 4, 17);
+  width: 100%;
+  height: 10vh;
+  background-color: rgb(0, 4, 17);
 }
 
 /* gallery section */
 .gallery {
-    width: 100%;
-    height: 100vh;
-    text-align: center;
-    background-color: rgb(0, 4, 17);
+  width: 100%;
+  height: 100vh;
+  text-align: center;
+  background-color: rgb(0, 4, 17);
+  margin-bottom: 17rem;
+}
+
+.gallery-style--title {
+  color: #fff;
+}
+
+.gallery-style--boxes {
+  display: flex;
+  justify-content: center;
+  flex-flow: row wrap;
+}
+.gallery-style--boxes img {
+  margin: 2rem;
 }
 
 /* about us section */
 .about {
-    width: 100%;
-    height: 75vh;
-    text-align: center;
-    background-image: url("../img/staff-cooks.jpg");
-    background-size: cover;
-    background-position: top;
-    background-repeat: no-repeat;
+  width: 100%;
+  height: 75vh;
+  text-align: center;
+  background-image: url('../img/staff-cooks.jpg');
+  background-size: cover;
+  background-position: top;
+  background-repeat: no-repeat;
 }
 
 .about-container {
-    height: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    background-color: rgb(0, 4, 17, .8);
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  background-color: rgb(0, 4, 17, 0.8);
 }
 
 .about h2 {
-    width: 100%;
+  width: 100%;
+}
+
+.about-container {
+  color: #fff;
 }
 
-.about-container .text {
-    width: 50%;
+.about-container--text {
+  width: 50%;
+}
+
+.about-container--title {
+  margin-bottom: 7rem;
+  font-size: 5rem;
+}
+
+.about-container--text h3 {
+  font-size: 4rem;
+}
+
+.about-container--text p {
+  font-size: 2.5rem;
 }
 
 /* contact us section */
 .contact {
-    text-align: center;
-    background-image: url("../img/jumbo-restaurant.jpg");
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-color: rgb(0, 4, 17);
+  text-align: center;
+  background-image: url('../img/jumbo-restaurant.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: rgb(0, 4, 17);
 }
 
 .contact-container {
-    width: 100%;
-    height: 100%;
-    background-color: rgb(0, 4, 17, .8);
+  width: 100%;
+  height: 100%;
+  background-color: rgb(0, 4, 17, 0.8);
+  color: #fff;
 }
 
 .contact h2 {
-    padding-top: 5vh;
+  padding-top: 5vh;
 }
 
 .contact h3 {
-    padding-top: 2.5vh;
+  padding-top: 2.5vh;
 }
 
 .contact p {
-    padding: .5vh 0;
+  padding: 0.5vh 0;
 }
 
 .info {
-    width: 100%;
-    display: flex;
-    justify-content: space-around;
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
 }
 
 .address {
-    width: 25%;
+  width: 25%;
 }
 
 .hours {
-    width: 25%;
-    padding-bottom: 2.5vh;
+  width: 25%;
+  padding-bottom: 2.5vh;
 }
 
 .contacts {
-    width: 25%;
+  width: 25%;
+}
+
+.contacts--address a {
+  color: #fff;
+  text-decoration: none;
 }
 
 /* footer section */
-footer {
-    width: 100%;
-    height: 15vh;
-    padding-top: 2.5vh;
-    font-size: 3rem;
+.footer-section {
+  width: 100%;
+  height: 15vh;
+  padding-top: 2.5vh;
+  font-size: 3rem;
+}
+
+.footer-style {
+  display: flex;
+  /* justify-content: space-around; */
+  color: #fff;
+  margin-bottom: 3rem;
+}
+
+.footer-style--signup {
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
+  margin: 0 5rem;
+  width: 25%;
+}
+
+.footer-style--signup p {
+  font-size: 2rem;
+}
+
+.footer-style--links {
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+}
+.footer-style--links a {
+  color: #fff;
+  font-size: 2rem;
+}
+
+/* .footer-style p {
+  color: ;
+} */
+
+.footer-style--form {
+  display: flex;
+}
+
+.footer-section--copyright {
+  display: flex;
+  justify-content: flex-end;
+  margin-right: 4rem;
+  color: #fff;
+}
+
+.footer-section--copyright p {
+  font-size: 1.5rem;
 }
 
 /* mobile media query */
 @media (max-width: 428px) {
-    /* header section */
-    
-
-    /* gallery section */
-    .gallery {
-        height: auto;
-    }
-    
-    /* about us section */
-
-    .about {
-        height: 200vh;
-    }
-    
-    .about h2 {
-        width: 100%;
-        padding-top: 5vh;
-    }
-    
-    .about-container .text {
-        width: 85%;
-    }
-    
-    /* contact us section */
-    .contact h3 {
-        padding-top: 2.5vh;
-    }
-    
-    .info {
-        flex-wrap: wrap;
-    }
-    
-    .address {
-        width: 100%;
-        padding-bottom: 2.5vh;
-    }
-    
-    .hours {
-        width: 100%;
-    }
-    
-    .contacts {
-        width: 100%;
-        padding-bottom: 2.5vh;
-    }
-
-    /* footer section */
-    footer {
-        height: auto;
-        padding-top: 2.5vh;
-        font-size: 2rem;
-    }
+  /* header section */
+
+  .header-style--title {
+    font-size: 4rem;
+  }
+
+  .header-style--title a {
+    font-size: 4rem;
+  }
+
+  .header-style--links {
+    flex-flow: column wrap;
+    align-items: center;
+  }
+
+  .header-style--links a {
+    font-size: 3rem;
+  }
+
+  .header-style--icons {
+    /* display: none; */
+    font-size: 2rem;
+  }
+
+  .header-style--icons i {
+    margin: 0 1rem;
+  }
+
+  /* gallery section */
+  .gallery {
+    height: auto;
+    margin-bottom: 0;
+  }
+  /* .gallery-style--boxes {
+  } */
+
+  /* about us section */
+
+  .about {
+    height: 200vh;
+  }
+
+  .about h2 {
+    width: 100%;
+    padding-top: 5vh;
+  }
+
+  .about-container .text {
+    width: 85%;
+  }
+
+  /* contact us section */
+  .contact h3 {
+    padding-top: 2.5vh;
+  }
+
+  .info {
+    flex-wrap: wrap;
+  }
+
+  .address {
+    width: 100%;
+    padding-bottom: 2.5vh;
+  }
+
+  .hours {
+    width: 100%;
+  }
+
+  .contacts {
+    width: 100%;
+    padding-bottom: 2.5vh;
+  }
+
+  .contacts--address a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .spacer-sm {
+    display: none;
+  }
+
+  /* footer section */
+  .footer-section {
+    height: auto;
+    padding-top: 2.5vh;
+    font-size: 2rem;
+  }
+
+  .footer-style {
+    display: flex;
+    flex-flow: column wrap;
+  }
+
+  .footer-style--signup {
+    width: 100%;
+    margin: 2rem 0;
+  }
+
+  .footer-style--links {
+    flex-flow: column wrap;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  .footer-style--links a:not(:last-child) {
+    margin-bottom: 1rem;
+  }
+
+  .footer-section--copyright {
+    display: inline-block;
+    text-align: center;
+    width: 100%;
+  }
+  .footer-section--copyright p {
+    font-size: 1.3rem;
+  }
 }
diff --git a/css/menu.css b/css/menu.css
index 9aba6954d..bf6d7a452 100644
--- a/css/menu.css
+++ b/css/menu.css
@@ -3,150 +3,450 @@
    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, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
+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,
+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, menu, nav, section {
-	display: block;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
 }
 body {
-	line-height: 1;
+  line-height: 1;
 }
-ol, ul {
-	list-style: none;
+ol,
+ul {
+  list-style: none;
 }
-blockquote, q {
-	quotes: none;
+blockquote,
+q {
+  quotes: none;
 }
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
 }
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 html {
-    max-width: 1920px;
-    min-width: 428px;
-    font-size: 62.5%;
+  max-width: 1920px;
+  min-width: 428px;
+  font-size: 62.5%;
 }
 
 body {
-    font-family: 'Roboto', sans-serif;
-    line-height: 1.5;
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.5;
+  background-color: rgb(0, 4, 17);
 }
 
-h1, h2, h3, h4, h5, h6, p, a, i {
-    text-decoration: none;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+a,
+i {
+  text-decoration: none;
 }
 
 h1 {
-    font-size: 7.5rem;
+  font-size: 7.5rem;
 }
 
 h2 {
-    font-size: 6rem;
+  font-size: 6rem;
 }
 
 h3 {
-    font-size: 5rem;
+  font-size: 5rem;
 }
 
 h4 {
-    font-size: 4rem;
+  font-size: 4rem;
 }
 
-p, a {
-    font-size: 3rem;
+p,
+a {
+  font-size: 3rem;
 }
 
 /* header section */
 header {
-    width: 100%;
-    height: 100vh;
-    background-image: url('../img/menu-header.jpg');
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
+  width: 100%;
+  height: 100vh;
+  background-image: url('../img/menu-header.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.header-style {
+  background-color: rgba(0, 0, 0, 0.8);
+  padding: 3rem;
+}
+
+.header-style--title {
+  text-align: center;
+  font-size: 5.8rem;
+  margin-bottom: 2rem;
+}
+
+.header-style--title a {
+  color: #fff;
+}
+
+.header-style--links {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 3rem;
+}
+
+.header-style--links a {
+  color: #fff;
+  font-size: 2.5rem;
+}
+
+.header-style--icons {
+  display: flex;
+  justify-content: center;
+}
+
+.header-style--icons i {
+  font-size: 3rem;
+  margin: 0 3rem;
+  color: #fff;
+}
+
+.icon-facebook2:before {
+  content: '\ea91';
+}
+
+.icon-instagram:before {
+  content: '\ea92';
+}
+
+.icon-twitter:before {
+  content: '\ea96';
 }
 
 /* spacer */
 .spacer {
-    width: 100%;
-    height: 20vh;
-    background-color: rgb(0, 4, 17);
+  width: 100%;
+  height: 20vh;
+  background-color: rgb(0, 4, 17);
 }
 .spacer-sm {
-    width: 100%;
-    height: 10vh;
-    background-color: rgb(0, 4, 17);
+  width: 100%;
+  height: 10vh;
+  background-color: rgb(0, 4, 17);
 }
 
 /* menu */
 
 .menu {
-    width: 100%;
-    height: auto;
-    background-image: url('../img/staff-bartender.jpg');
-    background-color: rgb(0, 4, 17);
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
+  width: 100%;
+  height: auto;
+  background-image: url('../img/staff-bartender.jpg');
+  background-color: rgb(0, 4, 17);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  color: #fff;
+}
+
+.menu-title {
+  text-align: center;
+}
+
+.menu-style {
+  display: flex;
+  justify-content: space-between;
+  flex-flow: row wrap;
+  max-width: 917px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.menu-section {
+  text-align: left;
+  padding-bottom: 10rem;
+}
+
+.menu-item {
+  display: flex;
+  justify-content: space-between;
+}
+
+.menu-item .text h4 {
+  font-size: 3rem;
+}
+
+.menu-item .text p {
+  font-size: 1.3rem;
 }
 
 /* footer section */
 footer {
-    width: 100%;
-    height: 15vh;
-    padding-top: 2.5vh;
-    font-size: 3rem;
+  width: 100%;
+  height: 15vh;
+  padding-top: 2.5vh;
+  font-size: 3rem;
+}
+
+.footer-style {
+  display: flex;
+  /* justify-content: space-around; */
+  color: #fff;
+  margin-bottom: 3rem;
+}
+
+.footer-style--signup {
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
+  margin: 0 5rem;
+  width: 25%;
+}
+
+.footer-style--signup p {
+  font-size: 2rem;
+}
+
+.footer-style--links {
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+}
+.footer-style--links a {
+  color: #fff;
+  font-size: 2rem;
+}
+
+/* .footer-style p {
+    color: ;
+  } */
+
+.footer-style--form {
+  display: flex;
+}
+
+.footer-section--copyright {
+  display: flex;
+  justify-content: flex-end;
+  margin-right: 4rem;
+  color: #fff;
+}
+
+.footer-section--copyright p {
+  font-size: 1.5rem;
 }
 
 /* mobile media query */
 @media (max-width: 428px) {
-    /* header section */
-    .header-title {
-        width: 75%;
-        margin: 0 auto;
-        text-align: center;
-        font-size: 4rem;
-    }
-
-    /* menu */
-    .menu {
-        background-image: none;
-    }
-
-    /* footer section */
-    footer {
-        height: auto;
-        padding-top: 2.5vh;
-        font-size: 2rem;
-    }
+  /* header section */
+  .header-title {
+    width: 75%;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 4rem;
+  }
+
+  .header-style--title {
+    font-size: 4rem;
+  }
+
+  .header-style--title a {
+    font-size: 4rem;
+  }
+
+  .header-style--links {
+    flex-flow: column wrap;
+    align-items: center;
+  }
+
+  .header-style--links a {
+    font-size: 3rem;
+  }
+
+  .header-style--icons {
+    /* display: none; */
+    font-size: 2rem;
+  }
+
+  .header-style--icons i {
+    margin: 0 1rem;
+  }
+
+  /* menu */
+  .menu {
+    background-image: none;
+    background-color: #ebfaeb;
+    color: #000;
+  }
+
+  .menu-style {
+    /* justify-content: space-between; */
+    flex-flow: column wrap;
+    /* max-width: 917px;
+    margin: 0 auto;
+    padding: 2rem; */
+  }
+
+  .menu-title {
+    border-bottom: 2rem solid #000;
+    width: 80%;
+    margin: 0 auto;
+    margin-bottom: 3rem;
+  }
+
+  .item-header {
+    border: 1rem solid #000;
+    text-align: center;
+    width: 80%;
+    margin: 0 auto;
+    margin-bottom: 3rem;
+  }
+
+  /* footer section */
+  footer {
+    height: auto;
+    padding-top: 2.5vh;
+    font-size: 2rem;
+  }
+
+  .footer-style {
+    display: flex;
+    flex-flow: column wrap;
+  }
+
+  .footer-style--signup {
+    width: 100%;
+    margin: 2rem 0;
+  }
+
+  .footer-style--links {
+    flex-flow: column wrap;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  .footer-style--links a:not(:last-child) {
+    margin-bottom: 1rem;
+  }
+
+  .footer-section--copyright {
+    display: inline-block;
+    text-align: center;
+    width: 100%;
+  }
+  .footer-section--copyright p {
+    font-size: 1.3rem;
+  }
 }
diff --git a/icomoon-v1.0/Read Me.txt b/icomoon-v1.0/Read Me.txt
new file mode 100644
index 000000000..8491652f8
--- /dev/null
+++ b/icomoon-v1.0/Read Me.txt	
@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
diff --git a/icomoon-v1.0/demo-files/demo.css b/icomoon-v1.0/demo-files/demo.css
new file mode 100644
index 000000000..39b8991da
--- /dev/null
+++ b/icomoon-v1.0/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+
diff --git a/icomoon-v1.0/demo-files/demo.js b/icomoon-v1.0/demo-files/demo.js
new file mode 100644
index 000000000..6f45f1c40
--- /dev/null
+++ b/icomoon-v1.0/demo-files/demo.js
@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());
diff --git a/icomoon-v1.0/demo.html b/icomoon-v1.0/demo.html
new file mode 100644
index 000000000..853696252
--- /dev/null
+++ b/icomoon-v1.0/demo.html
@@ -0,0 +1,80 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;3)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-facebook2"></span>
+                <span class="mls"> icon-facebook2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea91" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea91;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="facebook2, brand11" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-instagram"></span>
+                <span class="mls"> icon-instagram</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea92" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea92;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="instagram, brand12" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-twitter"></span>
+                <span class="mls"> icon-twitter</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea96" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea96;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="twitter, brand16" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>
diff --git a/icomoon-v1.0/fonts/icomoon.eot b/icomoon-v1.0/fonts/icomoon.eot
new file mode 100644
index 000000000..ebede2e8a
Binary files /dev/null and b/icomoon-v1.0/fonts/icomoon.eot differ
diff --git a/icomoon-v1.0/fonts/icomoon.svg b/icomoon-v1.0/fonts/icomoon.svg
new file mode 100644
index 000000000..ac20b0503
--- /dev/null
+++ b/icomoon-v1.0/fonts/icomoon.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xea91;" glyph-name="facebook2" d="M928 960h-832c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h416v448h-128v128h128v64c0 105.8 86.2 192 192 192h128v-128h-128c-35.2 0-64-28.8-64-64v-64h192l-32-128h-160v-448h288c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96z" />
+<glyph unicode="&#xea92;" glyph-name="instagram" d="M512 867.8c136.8 0 153-0.6 206.8-3 50-2.2 77-10.6 95-17.6 23.8-9.2 41-20.4 58.8-38.2 18-18 29-35 38.4-58.8 7-18 15.4-45.2 17.6-95 2.4-54 3-70.2 3-206.8s-0.6-153-3-206.8c-2.2-50-10.6-77-17.6-95-9.2-23.8-20.4-41-38.2-58.8-18-18-35-29-58.8-38.4-18-7-45.2-15.4-95-17.6-54-2.4-70.2-3-206.8-3s-153 0.6-206.8 3c-50 2.2-77 10.6-95 17.6-23.8 9.2-41 20.4-58.8 38.2-18 18-29 35-38.4 58.8-7 18-15.4 45.2-17.6 95-2.4 54-3 70.2-3 206.8s0.6 153 3 206.8c2.2 50 10.6 77 17.6 95 9.2 23.8 20.4 41 38.2 58.8 18 18 35 29 58.8 38.4 18 7 45.2 15.4 95 17.6 53.8 2.4 70 3 206.8 3zM512 960c-139 0-156.4-0.6-211-3-54.4-2.4-91.8-11.2-124.2-23.8-33.8-13.2-62.4-30.6-90.8-59.2-28.6-28.4-46-57-59.2-90.6-12.6-32.6-21.4-69.8-23.8-124.2-2.4-54.8-3-72.2-3-211.2s0.6-156.4 3-211c2.4-54.4 11.2-91.8 23.8-124.2 13.2-33.8 30.6-62.4 59.2-90.8 28.4-28.4 57-46 90.6-59 32.6-12.6 69.8-21.4 124.2-23.8 54.6-2.4 72-3 211-3s156.4 0.6 211 3c54.4 2.4 91.8 11.2 124.2 23.8 33.6 13 62.2 30.6 90.6 59s46 57 59 90.6c12.6 32.6 21.4 69.8 23.8 124.2 2.4 54.6 3 72 3 211s-0.6 156.4-3 211c-2.4 54.4-11.2 91.8-23.8 124.2-12.6 34-30 62.6-58.6 91-28.4 28.4-57 46-90.6 59-32.6 12.6-69.8 21.4-124.2 23.8-54.8 2.6-72.2 3.2-211.2 3.2v0zM512 711c-145.2 0-263-117.8-263-263s117.8-263 263-263 263 117.8 263 263c0 145.2-117.8 263-263 263zM512 277.4c-94.2 0-170.6 76.4-170.6 170.6s76.4 170.6 170.6 170.6c94.2 0 170.6-76.4 170.6-170.6s-76.4-170.6-170.6-170.6zM846.8 721.4c0-33.91-27.49-61.4-61.4-61.4s-61.4 27.49-61.4 61.4c0 33.91 27.49 61.4 61.4 61.4s61.4-27.49 61.4-61.4z" />
+<glyph unicode="&#xea96;" glyph-name="twitter" d="M1024 733.6c-37.6-16.8-78.2-28-120.6-33 43.4 26 76.6 67.2 92.4 116.2-40.6-24-85.6-41.6-133.4-51-38.4 40.8-93 66.2-153.4 66.2-116 0-210-94-210-210 0-16.4 1.8-32.4 5.4-47.8-174.6 8.8-329.4 92.4-433 219.6-18-31-28.4-67.2-28.4-105.6 0-72.8 37-137.2 93.4-174.8-34.4 1-66.8 10.6-95.2 26.2 0-0.8 0-1.8 0-2.6 0-101.8 72.4-186.8 168.6-206-17.6-4.8-36.2-7.4-55.4-7.4-13.6 0-26.6 1.4-39.6 3.8 26.8-83.4 104.4-144.2 196.2-146-72-56.4-162.4-90-261-90-17 0-33.6 1-50.2 3 93.2-59.8 203.6-94.4 322.2-94.4 386.4 0 597.8 320.2 597.8 597.8 0 9.2-0.2 18.2-0.6 27.2 41 29.4 76.6 66.4 104.8 108.6z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/icomoon-v1.0/fonts/icomoon.ttf b/icomoon-v1.0/fonts/icomoon.ttf
new file mode 100644
index 000000000..18aed8f8b
Binary files /dev/null and b/icomoon-v1.0/fonts/icomoon.ttf differ
diff --git a/icomoon-v1.0/fonts/icomoon.woff b/icomoon-v1.0/fonts/icomoon.woff
new file mode 100644
index 000000000..5760f87b8
Binary files /dev/null and b/icomoon-v1.0/fonts/icomoon.woff differ
diff --git a/icomoon-v1.0/selection.json b/icomoon-v1.0/selection.json
new file mode 100644
index 000000000..e8a3d943c
--- /dev/null
+++ b/icomoon-v1.0/selection.json
@@ -0,0 +1 @@
+{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M928 0h-832c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h416v-448h-128v-128h128v-64c0-105.8 86.2-192 192-192h128v128h-128c-35.2 0-64 28.8-64 64v64h192l-32 128h-160v448h288c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96z"],"tags":["facebook","brand","social"],"defaultCode":60049,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"facebook2, brand11","name":"facebook2","order":2,"id":402,"prevSize":32,"code":60049},"setIdx":0,"setId":1,"iconIdx":401},{"icon":{"paths":["M512 92.2c136.8 0 153 0.6 206.8 3 50 2.2 77 10.6 95 17.6 23.8 9.2 41 20.4 58.8 38.2 18 18 29 35 38.4 58.8 7 18 15.4 45.2 17.6 95 2.4 54 3 70.2 3 206.8s-0.6 153-3 206.8c-2.2 50-10.6 77-17.6 95-9.2 23.8-20.4 41-38.2 58.8-18 18-35 29-58.8 38.4-18 7-45.2 15.4-95 17.6-54 2.4-70.2 3-206.8 3s-153-0.6-206.8-3c-50-2.2-77-10.6-95-17.6-23.8-9.2-41-20.4-58.8-38.2-18-18-29-35-38.4-58.8-7-18-15.4-45.2-17.6-95-2.4-54-3-70.2-3-206.8s0.6-153 3-206.8c2.2-50 10.6-77 17.6-95 9.2-23.8 20.4-41 38.2-58.8 18-18 35-29 58.8-38.4 18-7 45.2-15.4 95-17.6 53.8-2.4 70-3 206.8-3zM512 0c-139 0-156.4 0.6-211 3-54.4 2.4-91.8 11.2-124.2 23.8-33.8 13.2-62.4 30.6-90.8 59.2-28.6 28.4-46 57-59.2 90.6-12.6 32.6-21.4 69.8-23.8 124.2-2.4 54.8-3 72.2-3 211.2s0.6 156.4 3 211c2.4 54.4 11.2 91.8 23.8 124.2 13.2 33.8 30.6 62.4 59.2 90.8 28.4 28.4 57 46 90.6 59 32.6 12.6 69.8 21.4 124.2 23.8 54.6 2.4 72 3 211 3s156.4-0.6 211-3c54.4-2.4 91.8-11.2 124.2-23.8 33.6-13 62.2-30.6 90.6-59s46-57 59-90.6c12.6-32.6 21.4-69.8 23.8-124.2 2.4-54.6 3-72 3-211s-0.6-156.4-3-211c-2.4-54.4-11.2-91.8-23.8-124.2-12.6-34-30-62.6-58.6-91-28.4-28.4-57-46-90.6-59-32.6-12.6-69.8-21.4-124.2-23.8-54.8-2.6-72.2-3.2-211.2-3.2v0z","M512 249c-145.2 0-263 117.8-263 263s117.8 263 263 263 263-117.8 263-263c0-145.2-117.8-263-263-263zM512 682.6c-94.2 0-170.6-76.4-170.6-170.6s76.4-170.6 170.6-170.6c94.2 0 170.6 76.4 170.6 170.6s-76.4 170.6-170.6 170.6z","M846.8 238.6c0 33.91-27.49 61.4-61.4 61.4s-61.4-27.49-61.4-61.4c0-33.91 27.49-61.4 61.4-61.4s61.4 27.49 61.4 61.4z"],"tags":["instagram","brand","social"],"defaultCode":60050,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"instagram, brand12","name":"instagram","order":4,"id":403,"prevSize":32,"code":60050},"setIdx":0,"setId":1,"iconIdx":402},{"icon":{"paths":["M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"],"tags":["twitter","brand","tweet","social"],"defaultCode":60054,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"twitter, brand16","name":"twitter","order":3,"id":407,"prevSize":32,"code":60054},"setIdx":0,"setId":1,"iconIdx":406}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon","majorVersion":1,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"showSelector":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16}}
\ No newline at end of file
diff --git a/icomoon-v1.0/style.css b/icomoon-v1.0/style.css
new file mode 100644
index 000000000..271d4b341
--- /dev/null
+++ b/icomoon-v1.0/style.css
@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?y2pj81');
+  src:  url('fonts/icomoon.eot?y2pj81#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?y2pj81') format('truetype'),
+    url('fonts/icomoon.woff?y2pj81') format('woff'),
+    url('fonts/icomoon.svg?y2pj81#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-facebook2:before {
+  content: "\ea91";
+}
+.icon-instagram:before {
+  content: "\ea92";
+}
+.icon-twitter:before {
+  content: "\ea96";
+}
diff --git a/index.html b/index.html
index 775cccb67..56c181a87 100644
--- a/index.html
+++ b/index.html
@@ -1,141 +1,172 @@
-<!doctype html>
+<!DOCTYPE html>
 
 <html lang="en">
-
-<head>
-	<meta charset="utf-8">
-
-	<title>Sprint Challenge - Home</title>
-
-	<link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
-	<script src="https://kit.fontawesome.com/5b12ffad4b.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-	<div>
-		<!-- header -->
-		<header>
-			<div>
-				BLOOMTECH BAR AND GRILL
-
-				<!-- nav -->
-				Menu
-				Reservations
-				Special Offers
-				Contact
-			</div>
-		</header>
-
-		<!-- gallery section -->
-		<section class="gallery">
-			<div>
-				<h2>OUR FOOD</h2>
-
-				img/food-avocadotoast.jpg
-
-				img/food-burger.jpg
-
-				img/food-poutine.jpg
-
-				img/food-ribs.jpg
-
-				img/food-sandwich.jpg
-
-				img/food-sausage.jpg
-
-				img/food-steak.jpg
-
-				img/food-tacos.jpg
-
-				img/food-wings.jpg
-			</div>
-		</section>
-
-		<!-- spacer -->
-		<div class="spacer"></div>
-
-		<!-- about section -->
-		<section class="about">
-			<div class="about-container">
-				<h2>ABOUT US</h2>
-
-				<div id="cooks" class="pic">
-				</div>
-
-				<div class="text">
-					<h3>Good Food, Great People</h3>
-					<p>Quis duis aute, shank ut pork eiusmod in ball tip jerky non. Short ribs tail dolore, fatback in
-						tempor meatloaf pig sunt porchetta beef. Ad hamburger pig veniam, andouille exercitation cillum
-						eiusmod doner irure tail burgdoggen rump chislic officia. Pancetta frankfurter sed, est t-bone
-						porchetta capicola id tri-tip cillum cow leberkas do minim. Sausage ea velit boudin laboris
-						dolore
-						short loin corned beef commodo jowl beef dolor tempor. Dolor culpa enim in meatloaf, ham mollit
-						shankle duis chicken dolore andouille do tenderloin qui.</p>
-				</div>
-
-				<div id="bartender" class="pic">
-				</div>
-			</div>
-		</section>
-
-		<!-- spacer -->
-		<div class="spacer"></div>
-
-		<!-- contact section -->
-		<section class="contact">
-			<div class="contact-container">
-				<h2>CONTACT US</h2>
-
-				<div class="info">
-					<div class="address">
-						<h3>Address</h3>
-
-						<address>
-							<p>100 Main St</p>
-							<p>San Francisco, CA</p>
-						</address>
-					</div>
-
-					<div class="hours">
-						<h3>Hours</h3>
-
-						<div>
-							<p>Sunday to Thursday:</p>
-							<p>12:00p - 12:00a</p>
-							<p>Friday and Saturday:</p>
-							<p>12:00p - 4:00a</p>
-						</div>
-					</div>
-
-					<div class="contacts">
-						<h3>Contacts</h3>
-
-						<div>
-							<a id="phone" href="tel:999-999-9999">999-999-9999</a>
-							<a id="email" href="mailto:restaurant@bloomtech.com">restaurant@bloomtech.com</a>
-						</div>
-					</div>
-				</div>
-			</div>
-		</section>
-
-		<!-- spacer -->
-		<div class="spacer-sm"></div>
-
-		<!-- footer -->
-		<footer>
-			<!-- email signup -->
-			Join our mailing list!
-			Sign Up
-			<!-- nav -->
-			Menu
-			Reservations
-			Special Offers
-			Contact
-			<!-- copyright -->
-			©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.
-		</footer>
-	</div>
-</body>
-
-</html>
\ No newline at end of file
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sprint Challenge - Home</title>
+    <link rel="stylesheet" href="/icomoon-v1.0/style.css" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Roboto|Rubik"
+      rel="stylesheet"
+    />
+    <script
+      src="https://kit.fontawesome.com/5b12ffad4b.js"
+      crossorigin="anonymous"
+    ></script>
+    <link rel="stylesheet" href="css/index.css" />
+  </head>
+
+  <body>
+    <div>
+      <!-- header -->
+      <header class="header-section">
+        <div class="header-style">
+          <h1 class="header-style--title">
+            <a href="index.html">BLOOMTECH BAR AND GRILL</a>
+          </h1>
+          <!-- nav -->
+          <nav class="header--nav">
+            <div class="header-style--links">
+              <a href="menu.html"> Menu </a>
+              <a href="reservations.html"> Reservations </a>
+              <a href="special-offers.html"> Special Offers </a>
+              <a href="contact.html"> Contact </a>
+            </div>
+            <div class="header-style--icons">
+              <i class="icon-facebook2"><a href="#"></a></i>
+              <i class="icon-twitter"><a href="#"></a></i>
+              <i class="icon-instagram"><a href="#"></a></i>
+            </div>
+          </nav>
+        </div>
+      </header>
+
+      <!-- gallery section -->
+      <section class="gallery">
+        <div class="gallery-style">
+          <h2 class="gallery-style--title">OUR FOOD</h2>
+          <div class="gallery-style--boxes">
+            <img src="img/food-avocadotoast.jpg" alt="avocado toast" />
+            <img src="img/food-burger.jpg" alt="food burger" />
+            <img src="img/food-poutine.jpg" alt="poutine" />
+            <img src="img/food-ribs.jpg" alt="ribs" />
+            <img src="img/food-sandwich.jpg" alt="sandwich" />
+            <img src="img/food-sausage.jpg" alt="sausage" />
+            <img src="img/food-steak.jpg" alt="steak" />
+            <img src="img/food-tacos.jpg" alt="tacos" />
+            <img src="img/food-wings.jpg" alt="wings" />
+          </div>
+        </div>
+      </section>
+
+      <!-- spacer -->
+      <div class="spacer"></div>
+
+      <!-- about section -->
+      <section class="about">
+        <div class="about-container">
+          <h2 class="about-container--title">ABOUT US</h2>
+
+          <div id="cooks" class="pic"></div>
+
+          <div class="about-container--text">
+            <h3>Good Food, Great People</h3>
+            <p>
+              Quis duis aute, shank ut pork eiusmod in ball tip jerky non. Short
+              ribs tail dolore, fatback in tempor meatloaf pig sunt porchetta
+              beef. Ad hamburger pig veniam, andouille exercitation cillum
+              eiusmod doner irure tail burgdoggen rump chislic officia. Pancetta
+              frankfurter sed, est t-bone porchetta capicola id tri-tip cillum
+              cow leberkas do minim. Sausage ea velit boudin laboris dolore
+              short loin corned beef commodo jowl beef dolor tempor. Dolor culpa
+              enim in meatloaf, ham mollit shankle duis chicken dolore andouille
+              do tenderloin qui.
+            </p>
+          </div>
+
+          <div id="bartender" class="pic"></div>
+        </div>
+      </section>
+
+      <!-- spacer -->
+      <div class="spacer"></div>
+
+      <!-- contact section -->
+      <section class="contact">
+        <div class="contact-container">
+          <h2>CONTACT US</h2>
+
+          <div class="info">
+            <div class="address">
+              <h3>Address</h3>
+
+              <address>
+                <p>100 Main St</p>
+                <p>San Francisco, CA</p>
+              </address>
+            </div>
+
+            <div class="hours">
+              <h3>Hours</h3>
+
+              <div>
+                <p>Sunday to Thursday:</p>
+                <p>12:00p - 12:00a</p>
+                <p>Friday and Saturday:</p>
+                <p>12:00p - 4:00a</p>
+              </div>
+            </div>
+
+            <div class="contacts">
+              <h3 class="contacts--title">Contacts</h3>
+
+              <div class="contacts--address">
+                <a id="phone" href="tel:999-999-9999">999-999-9999</a>
+                <a id="email" href="mailto:restaurant@bloomtech.com"
+                  >restaurant@bloomtech.com</a
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- spacer -->
+      <div class="spacer-sm"></div>
+
+      <!-- footer -->
+      <footer class="footer-section">
+        <div class="footer-style">
+          <!-- email signup -->
+          <div class="footer-style--signup">
+            <p>Join our mailing list! Sign Up</p>
+            <form class="footer-style--form" action="">
+              <label for="email"></label>
+              <input
+                type="email"
+                id="email"
+                name="email"
+                placeholder="Email Address"
+                aria-placeholder="Email Address"
+              />
+              <button type="submit">Sign Up</button>
+            </form>
+          </div>
+          <!-- nav -->
+          <nav class="footer-style--links">
+            <a class="link" href="/menu.html"> Menu </a>
+            <a class="link" href="#"> Reservations </a>
+            <a class="link" href="#"> Special Offers </a>
+            <a class="link" href="#"> Contact </a>
+          </nav>
+        </div>
+        <div class="footer-section--copyright">
+          <p>©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.</p>
+        </div>
+        <!-- copyright -->
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/menu.html b/menu.html
index 08457325c..121d97802 100644
--- a/menu.html
+++ b/menu.html
@@ -1,135 +1,296 @@
-<!doctype html>
+<!DOCTYPE html>
 
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sprint Challenge - Menu</title>
+    <link rel="stylesheet" href="/icomoon-v1.0/style.css" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Roboto|Rubik"
+      rel="stylesheet"
+    />
+    <script
+      src="https://kit.fontawesome.com/5b12ffad4b.js"
+      crossorigin="anonymous"
+    ></script>
+    <link rel="stylesheet" href="css/menu.css" />
+  </head>
 
-    <link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
-    <script src="https://kit.fontawesome.com/5b12ffad4b.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
+  <body>
     <div>
-        <!-- header -->
-        <header>
-            BLOOMTECH BAR AND GRILL
-
-            <!-- nav -->
-            Menu
-            Reservations
-            Special Offers
-            Contact
-        </header>
-
-        <!-- spacer -->
-        <div class="spacer"></div>
-
-        <!-- menu -->
-        <article class="menu">
-            Food & Drink
-
-                Drinks
-                    Soda
-                    $2
-                    Coke products
-
-                    Coffee
-                    $2
-                    Cream and sugar available upon request
-
-                    Beer
-                    $5
-                    Delicious and refreshing
+      <!-- header -->
+      <header class="header-section">
+        <div class="header-style">
+          <h1 class="header-style--title">
+            <a href="index.html"> BLOOMTECH BAR AND GRILL </a>
+          </h1>
 
-                    Wine
-                    $5
-                    Light and fruity
+          <!-- nav -->
+          <nav class="header-style--nav">
+            <div class="header-style--links">
+              <a href="menu.html"> Menu </a>
+              <a href="reservations.html"> Reservations </a>
+              <a href="special-offers.html"> Special Offers </a>
+              <a href="contact.html"> Contact </a>
+            </div>
+            <div class="header-style--icons">
+              <i class="icon-facebook2"><a href="#"></a></i>
+              <i class="icon-twitter"><a href="#"></a></i>
+              <i class="icon-instagram"><a href="#"></a></i>
+            </div>
+          </nav>
+        </div>
+      </header>
 
-                    Cocktail
-                    $10
-                    Ask about our specials
+      <!-- spacer -->
+      <div class="spacer"></div>
 
-                Appetizers
-                    Fried Pickles
-                    $6
-                    Golden and crispy with tang!
-                    (V)
-                    
-                    Buffalo Wings
-                    $10
-                    5 wings per order; mild, medium, or hot sauce and served with bleu cheese/ranch and carrot sticks
-                    (GF)
-
-                    Poutine
-                    $5
-                    Homemade fries topped with everything but the kitchen sink
-
-                Soup and Salad
-                    House Salad
-                    $8
-                    Spinach and arugala with all the good veggies; add chicken for $6
-                    (GF, V)
-                    
-                    French Onion Soup
-                    $4
+      <!-- menu -->
+      <article class="menu">
+        <h2 class="menu-title">Food & Drink</h2>
+        <div class="menu-style">
+          <div class="drinks-container">
+            <div class="menu-section">
+              <h3 id="drinks" class="item-header">Drinks</h3>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Soda</h4>
+                  <p>Coke products</p>
+                </div>
+                <div class="price">
+                  <h4>$2</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Coffee</h4>
+                  <p>Cream and sugar available upon request</p>
+                </div>
+                <div class="price">
+                  <h4>$2</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Beer</h4>
+                  <p>Delicious and refreshing</p>
+                </div>
+                <div class="price">
+                  <h4>$5</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Wine</h4>
+                  <p>Light and fruity</p>
+                </div>
+                <div class="price">
+                  <h4>$5</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Cocktail</h4>
+                  <p>Ask about our specials</p>
+                </div>
+                <div class="price">
+                  <h4>$10</h4>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="appetizers-container">
+            <div class="menu-section">
+              <h3 id="appetizers" class="item-header">Appetizers</h3>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Fried Pickles</h4>
+                  <p>Golden and crispy with tang! (V)</p>
+                </div>
+                <div class="price">
+                  <h4>$6</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Buffalo Wings</h4>
+                  <p>
+                    5 wings per order; mild, medium, or hot<br />
+                    sauce and served with bleu cheese/ranch<br />
+                    and carrot sticks (GF)
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$10</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Poutine</h4>
+                  <p>
+                    Homemade fries topped with everything<br />
+                    but the kitchen sink
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$5</h4>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="soup-and-salad-container">
+            <div class="menu-section">
+              <h3 id="soup-and-salad" class="item-header">Soup and Salad</h3>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>House Salad</h4>
+                  <p>
+                    Spinach and arugala with all the good<br />
+                    veggies; add chicken for $6 (GF, V)
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$8</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>French Onion Soup</h4>
+                  <p>
                     Served with a thick topping of cheese and delicious bread
-                    
-                    Cheddar Broccoli Soup
-                    $5
-                    Creamy and filling
-                    (GF)
-                    
-                Entrees
-                    Ribeye Steak
-                    $32
-                    Served with mashed potatoes and roasted asparagus
-
-                    Big Boy Burger
-                    $14
-                    Beef or black bean burger on homemade bun served with fries
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$4</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Cheddar Broccoli Soup</h4>
+                  <p>Creamy and filling (GF)</p>
+                </div>
+                <div class="price">
+                  <h4>$5</h4>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="entrees-container">
+            <div class="menu-section">
+              <h3 id="entrees" class="item-header">Entrees</h3>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Ribeye Steak</h4>
+                  <p>
+                    Served with mashed potatoes and roasted<br />
+                    asparagus
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$32</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Big Boy Burger</h4>
+                  <p>
+                    Beef or black bean burger on homemade<br />
+                    bun served with fries<br />
                     Black Bean Burger: (V)
-                    
-                    Pork Shortrib
-                    $18
-                    Melt off the bone finger food
-                    (GF)
-                    
-                Desserts
-                    Flourless Chocolate Cake
-                    $7
-                    Gooey and chocolatey heaven
-                    (GF)
-                    
-                    Cookies and Ice Cream
-                    $6
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$14</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Pork Shortrib</h4>
+                  <p>Melt off the bone finger food (GF)</p>
+                </div>
+                <div class="price">
+                  <h4>$18</h4>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="desserts-container">
+            <div class="menu-section">
+              <h3 id="desserts" class="item-header">Desserts</h3>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Flourless Chocolate Cake</h4>
+                  <p>Gooey and chocolatey heaven (GF)</p>
+                </div>
+                <div class="price">
+                  <h4>$7</h4>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Cookies and Ice Cream</h4>
+                  <p>
                     Choose 2 cookies and 1 scoop of ice cream from an assortment
-                    
-                    Creme Brulee
-                    $8
+                  </p>
+                  <div class="price">
+                    <h4>$6</h4>
+                  </div>
+                </div>
+              </div>
+              <div class="menu-item">
+                <div class="text">
+                  <h4>Creme Brulee</h4>
+                  <p>
                     Crispy scorched top containing a perfect, smooth custard
                     (GF)
-        </article>
+                  </p>
+                </div>
+                <div class="price">
+                  <h4>$8</h4>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p></p>
+      </article>
 
-        <!-- spacer -->
-        <div class="spacer-sm"></div>
+      <!-- spacer -->
+      <div class="spacer-sm"></div>
 
-        <!-- footer -->
-        <footer>
-            <!-- email signup -->
-            Join our mailing list!
-            Sign Up
-            <!-- nav -->
-            Menu
-            Reservations
-            Special Offers
-            Contact
-            <!-- copyright -->
-            ©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.
-        </footer>
+      <!-- footer -->
+      <footer class="footer-section">
+        <div class="footer-style">
+          <!-- email signup -->
+          <div class="footer-style--signup">
+            <p>Join our mailing list! Sign Up</p>
+            <form class="footer-style--form" action="">
+              <label for="email"></label>
+              <input
+                type="email"
+                id="email"
+                name="email"
+                placeholder="Email Address"
+                aria-placeholder="Email Address"
+              />
+              <button type="submit">Sign Up</button>
+            </form>
+          </div>
+          <!-- nav -->
+          <nav class="footer-style--links">
+            <a class="link" href="/menu.html"> Menu </a>
+            <a class="link" href="#"> Reservations </a>
+            <a class="link" href="#"> Special Offers </a>
+            <a class="link" href="#"> Contact </a>
+          </nav>
+        </div>
+        <div class="footer-section--copyright">
+          <p>©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.</p>
+        </div>
+        <!-- copyright -->
+      </footer>
     </div>
-</body>
-
-</html>
\ No newline at end of file
+  </body>
+</html>