diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/.DS_Store b/omnifood/Omnifood Contents/.DS_Store
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/1.jpg b/omnifood/Omnifood Contents/1.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/2.jpg b/omnifood/Omnifood Contents/2.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/3.jpg b/omnifood/Omnifood Contents/3.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/4.jpg b/omnifood/Omnifood Contents/4.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/5.jpg b/omnifood/Omnifood Contents/5.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/6.jpg b/omnifood/Omnifood Contents/6.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/7.jpg b/omnifood/Omnifood Contents/7.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/8.jpg b/omnifood/Omnifood Contents/8.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/app-iPhone.png b/omnifood/Omnifood Contents/app-iPhone.png
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/back-customers.jpg b/omnifood/Omnifood Contents/back-customers.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/berlin.jpg b/omnifood/Omnifood Contents/berlin.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/customer-1.jpg b/omnifood/Omnifood Contents/customer-1.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/customer-2.jpg b/omnifood/Omnifood Contents/customer-2.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/customer-3.jpg b/omnifood/Omnifood Contents/customer-3.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/download-app-android.png b/omnifood/Omnifood Contents/download-app-android.png
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/download-app.svg b/omnifood/Omnifood Contents/download-app.svg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/hero.jpg b/omnifood/Omnifood Contents/hero.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/lisbon-3.jpg b/omnifood/Omnifood Contents/lisbon-3.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/logo-white.png b/omnifood/Omnifood Contents/logo-white.png
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/logo.png b/omnifood/Omnifood Contents/logo.png
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/london.jpg b/omnifood/Omnifood Contents/london.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/omnifood-content.docx b/omnifood/Omnifood Contents/omnifood-content.docx
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/omnifood-content.pages b/omnifood/Omnifood Contents/omnifood-content.pages
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/omnifood-content.rtf b/omnifood/Omnifood Contents/omnifood-content.rtf
old mode 100644
new mode 100755
diff --git a/omnifood/Omnifood Contents/san-francisco.jpg b/omnifood/Omnifood Contents/san-francisco.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/index.html b/omnifood/index.html
old mode 100644
new mode 100755
index 2d569de..c7e3fca
--- a/omnifood/index.html
+++ b/omnifood/index.html
@@ -4,14 +4,16 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="stylesheet" href="/vendors/css/normalize.css" type="text/css" />
-    <link rel="stylesheet" href="/vendors/css/grid.css" type="text/css" />
+    <link rel="stylesheet" href="./vendors/css/normalize.css" type="text/css" />
+    <link rel="stylesheet" href="./vendors/css/grid.css" type="text/css" />
+    <link rel="stylesheet" href="./vendors/css/animate.css" type="text/css" />
     <link
       rel="stylesheet"
-      href="/vendors/css/ionicons.min.css"
+      href="./vendors/css/ionicons.min.css"
       type="text/css"
     />
-    <link rel="stylesheet" href="/resources/css/style.css" type="text/css" />
+    <link rel="stylesheet" href="./resources/css/style.css" type="text/css" />
+    <link rel="stylesheet" href="./resources/css/queries.css" type="text/css" />
     <link
       rel="stylesheet"
       href="http://fonts.googleapis.com/css?family=Lato:100,300.400,300italic"
@@ -28,22 +30,28 @@
             alt="Ominifood logo"
             class="logo"
           />
+          <img
+            src="resources/img/logo.png"
+            alt="Ominifood logo"
+            class="logo-black"
+          />
           <ul class="main-nav">
-            <li><a href="#">Food delivery</a></li>
-            <li><a href="#">How it works</a></li>
-            <li><a href="#">Our cities</a></li>
-            <li><a href="#">Sign up</a></li>
+            <li><a href="#features">Food delivery</a></li>
+            <li><a href="#works">How it works</a></li>
+            <li><a href="#cities">Our cities</a></li>
+            <li><a href="#plans">Sign up</a></li>
           </ul>
+          <a  class="mobile-nav-icon"><i class="ion-navion-round"></i></a>
         </div>
       </nav>
       <div class="hero-text-box">
         <h1>Goodbye junk food.<br />Hello super healthy meals.</h1>
-        <a href="#" class="btn btn-full">I’m hungry</a>
-        <a href="#" class="btn btn-ghost">Show me more</a>
+        <a href="#" class="btn btn-full js--scroll-to-plans">I’m hungry</a>
+        <a href="#" class="btn btn-ghost js--scroll-to-start">Show me more</a>
       </div>
     </header>
 
-    <section class="section-features">
+    <section class="section-features js--section-features" id="features">
       <div class="row">
         <h2>Get food fast &mdash; not fast food.</h2>
         <p class="long-copy">
@@ -51,7 +59,7 @@ <h2>Get food fast &mdash; not fast food.</h2>
           you’re always busy. No time for cooking. So let us take care of that,
           we’re really good at it, we promise!
         </p>
-        <div class="row">
+        <div class="row js-wp-1">
           <div class="col span-1-of-4 box">
             <i class="ion-ios-infinite-outline big-icons"></i>
             <h3>
@@ -109,7 +117,7 @@ <h3>
               alt="Korean bibimbap with egg and vegetables"
             />
           </figure>
-        </li>
+        </* Main Nav *//li>
         <li>
           <figure class="meal-photo">
             <img
@@ -167,7 +175,7 @@ <h3>
         </li>
       </ul>
     </section>
-    <section class="section-steps">
+    <section class="section-steps" id="works">
       <div class="row">
         <h2>How it works &dash; Simple as 1, 2, 3</h2>
       </div>
@@ -176,7 +184,7 @@ <h2>How it works &dash; Simple as 1, 2, 3</h2>
           <img
             src="resources/img/app-iPhone.png"
             alt="Ominifood on iphone"
-            class="app-screen"
+            class="app-screen js-wp-2"
           />
         </div>
         <div class="col span-1-of-2 steps-box">
@@ -210,11 +218,11 @@ <h2>How it works &dash; Simple as 1, 2, 3</h2>
         </div>
       </div>
     </section>
-    <section class="section-cities">
+    <section class="section-cities" id="cities">
       <div class="row">
         <h2>We're currently in these cities</h2>
       </div>
-      <div class="row">
+      <div class="row js-wp-3">
         <div class="col span-1-of-4 box">
           <img src="resources/img/lisbon-3.jpg" alt="Lisbon" />
           <h3>Lisbon</h3>
@@ -298,7 +306,7 @@ <h2>Our customers can't live without us</h2>
             with no time for cooking, so Omnifood is a life-saver. Now that I
             got used to it, I couldn't live without my daily meals!
             <cite>
-              <img src="/resources/img/customer-1.jpg" /> Alberto Duncan
+              <img src="./resources/img/customer-1.jpg" /> Alberto Duncan
             </cite>
           </blockquote>
         </div>
@@ -309,7 +317,7 @@ <h2>Our customers can't live without us</h2>
             with no time for cooking, so Omnifood is a life-saver. Now that I
             got used to it, I couldn't live without my daily meals!
             <cite>
-              <img src="/resources/img/customer-2.jpg" /> Alberto Duncan
+              <img src="./resources/img/customer-2.jpg" /> Alberto Duncan
             </cite>
           </blockquote>
         </div>
@@ -320,19 +328,19 @@ <h2>Our customers can't live without us</h2>
             with no time for cooking, so Omnifood is a life-saver. Now that I
             got used to it, I couldn't live without my daily meals!
             <cite>
-              <img src="/resources/img/customer-3.jpg" /> Alberto Duncan
+              <img src="./resources/img/customer-3.jpg" /> Alberto Duncan
             </cite>
           </blockquote>
         </div>
       </div>
     </section>
-    <section class="section-plans">
+    <section class="section-plans js--section-plans" id="plans">
       <div class="row">
         <h2>Start eating healthy today</h2>
       </div>
       <div class="row">
         <div class="col span-1-of-3">
-          <div class="plan-box">
+          <div class="plan-box js-wp-4">
             <div>
               <h3>Premium</h3>
               <p class="plan-price">$399 <span> / month </span></p>
@@ -432,21 +440,136 @@ <h3>Starter</h3>
         </div>
       </div>
     </section>
+    <section class="section-form">
+      <div class="row">
+        <h2>We're happy to hear from you</h2>
+      </div>
+      <div class="row">
+        <form class="contact-form" action="#" method="post">
+          <div class="row">
+            <div class="col span-1-of-3">
+              <label for="name">Name</label>
+            </div>
+            <div class="col span-2-of-3">
+              <input
+                type="text"
+                name="name"
+                id="name"
+                placeholder="Your name"
+                required
+              />
+            </div>
+          </div>
+          <div class="row">
+            <div class="col span-1-of-3">
+              <label for="email">Email</label>
+            </div>
+            <div class="col span-2-of-3">
+              <input
+                type="email"
+                name="email"
+                id="email"
+                placeholder="Your email"
+                required
+              />
+            </div>
+          </div>
+          <div class="row">
+            <div class="col span-1-of-3">
+              <label for="find-us">How did you find us?</label>
+            </div>
+            <div class="col span-2-of-3">
+              <select name="find-us" id="find-us">
+                <option value="friends">Friends</option>
+                <option value="search">Search Engine</option>
+                <option value="ad">Advertisement</option>
+                <option value="other">Other</option>
+              </select>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col span-1-of-3">
+              <label for="neweletter">Newes letter?</label>
+            </div>
+            <div class="col span-2-of-3">
+              <input type="checkbox" name="neweletter" id="neweletter" />
+              Yes, Please
+            </div>
+          </div>
+          <div class="row">
+            <div class="col span-1-of-3">
+              <label for="Drop us a line">Drop us a line</label>
+            </div>
+            <div class="col span-2-of-3">
+              <textarea
+                name="message"
+                id="message"
+                placeholder="Your message"
+              ></textarea>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col span-1-of-3">
+              <label for="">&nbsp;</label>
+            </div>
+            <div class="col span-2-of-3">
+              <input type="submit" value="Send it!" />
+            </div>
+          </div>
+        </form>
+      </div>
+    </section>
+    <footer>
+      <div class="row">
+        <div class="col span-1-of-2">
+          <ul class="footer-nav">
+            <li>
+              <a href="#">About us</a>
+            </li>
+            <li>
+              <a href="#">Blog</a>
+            </li>
+            <li>
+              <a href="#">ios App</a>
+            </li>
+            <li>
+              <a href="#">Android App</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col span-1-of-2">
+          <ul class="social-links">
+            <li>
+              <a href="#"><i class="ion-social-facebook"></i></a>
+            </li>
+            <li>
+              <a href="#"><i class="ion-social-twitter"></i></a>
+            </li>
+            <li>
+              <a href="#"><i class="ion-social-googleplus"></i></a>
+            </li>
+            <li>
+              <a href="#"><i class="ion-social-instagram"></i></a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="row">
+        <p>Copyright &copy; 2019 by Omnifood. All rights reserved</p>
+      </div>
+    </footer>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <script src="./vendors/js/jquery.waypoints.min.js"></script>
+    <script src="./resources/js/script.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
   </body>
 </html>
 
 <!--
 
-Section 7: Contact form
-Title: We're happy to hear from you
-
-Fields to include:
-Name
-Email
-How did you find us?
-Newsletter
-Drop us a line
-
 Section 8: Footer
 Title: None
 
diff --git a/omnifood/resources/css/img/back-customers.jpg b/omnifood/resources/css/img/back-customers.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/css/img/hero.jpg b/omnifood/resources/css/img/hero.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/css/queries.css b/omnifood/resources/css/queries.css
new file mode 100755
index 0000000..c078072
--- /dev/null
+++ b/omnifood/resources/css/queries.css
@@ -0,0 +1,126 @@
+/* Big tablets to 1200px: widths smaller than the 1140px row*/
+@media only screen and (max-width: 1200px) {
+  .hero-text-box {
+    width: 100%;
+    padding: 0 2%;
+  }
+  .row {
+    padding: 0 2%;
+  }
+}
+
+/* Small tablets to big tablets: from 768 to 1023px*/
+@media only screen and (max-width: 1023px) {
+  body {
+    font-size: 18px;
+  }
+  .long-copy {
+    width: 80%;
+    margin-left: 10%;
+  }
+
+  .steps-box {
+    margin-top: 10px;
+  }
+  .steps-box:last-child {
+    margin-top: 10px;
+  }
+  .work-step {
+    margin-bottom: 40px;
+  }
+  .work-step:last-of-type {
+    margin-bottom: 60px;
+  }
+
+  .app-screen {
+    width: 50%;
+  }
+
+  .icon-small {
+    width: 17px;
+    margin-right: 5px;
+  }
+
+  .city-feature {
+    font-size: 90%;
+  }
+
+  .plan-box {
+    width: 100%;
+    margin-left: 00;
+  }
+
+  .plan-price {
+    font-size: 250%;
+  }
+
+  .contact-form {
+    width: 80%;
+  }
+}
+
+/* Small phones to small tablets: from 481 to 767px*/
+@media only screen and (max-width: 767px) {
+  body {
+    font-size: 16px;
+  }
+  section {
+    padding: 30px 0;
+  }
+  .row,
+  .hero-text-box {
+    padding: 0 4%;
+  }
+
+  .col {
+    width: 100%;
+    margin: 0 0 4% 0;
+  }
+  .main-nav {
+    display: none;
+  }
+
+  h1 {
+    font-size: 180%;
+  }
+  h2 {
+    font-size: 150%;
+  }
+
+  .long-copy {
+    width: 100%;
+    margin-left: 0%;
+  }
+
+  .app-screen {
+    width: 40%;
+  }
+  .steps-box:first-child {
+    text-align: center;
+  }
+
+  .work-step div {
+    height: 40px;
+    width: 40px;
+    margin-right: 15px;
+    padding: 4px;
+    font-size: 120%;
+  }
+
+  .work-step {
+    margin-bottom: 20px;
+  }
+  .work-step:last-of-type {
+    margin-bottom: 20px;
+  }
+}
+
+/* Small phones: from 0 to 480px*/
+@media only screen and (max-width: 480px) {
+  section {
+    padding: 25px 0;
+  }
+  .contact-form {
+    width: 100%;
+  }
+}
diff --git a/omnifood/resources/css/style.css b/omnifood/resources/css/style.css
old mode 100644
new mode 100755
index ea620e7..6ecbd12
--- a/omnifood/resources/css/style.css
+++ b/omnifood/resources/css/style.css
@@ -3,16 +3,19 @@
 * {
   margin: 0;
   padding: 0;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
-html {
+html,
+body {
   background-color: #fff;
   color: #555;
   font-family: "Lato", "Arial", "sans-serif";
   font-weight: 300;
   font-size: 20px;
   text-rendering: optimizeLegibility;
+  overflow-x: hidden;
 }
 
 .clearfix {
@@ -123,6 +126,7 @@ a:visited {
   text-decoration: none;
   padding-bottom: 1px;
   border-bottom: 1px solid #e67e22;
+  -webkit-transition: border-bottom 0.2s, color 0.2s;
   transition: border-bottom 0.2s, color 0.2s;
 }
 a:hover,
@@ -134,17 +138,20 @@ a:active {
 /* BUTTONS */
 
 .btn:link,
-.btn:visited {
+.btn:visited,
+input[type="submit"] {
   display: inline-block;
   padding: 10px 30px;
   font-weight: 300;
   text-decoration: none;
   border-radius: 200px;
+  -webkit-transition: background-color 0.2s, boder 0.2s, color 0.2s;
   transition: background-color 0.2s, boder 0.2s, color 0.2s;
 }
 
 .btn-full:link,
-.btn-full:visited {
+.btn-full:visited,
+input[type="submit"] {
   background-color: #e67e22;
   border: 1px solid #e67e22;
   color: #fff;
@@ -158,7 +165,9 @@ a:active {
 }
 
 .btn:hover,
-.btn:visited {
+.btn:visited,
+input[type="submit"]:hover,
+input[type="submit"]:active {
   background-color: #cf6d17;
 }
 
@@ -177,6 +186,14 @@ a:active {
 /* HEADER */
 
 header {
+  background: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      from(rgba(0, 0, 0, 0.7)),
+      to(rgba(0, 0, 0, 0.7))
+    ),
+    url("img/hero.jpg");
   background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
     url("img/hero.jpg");
   background-size: cover;
@@ -190,6 +207,7 @@ header {
   width: 1140px;
   top: 50%;
   left: 50%;
+  -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 
@@ -199,7 +217,14 @@ header {
   float: left;
   margin-top: 20px;
 }
-
+.logo-black {
+  display: none;
+  height: 50px;
+  width: auto;
+  float: left;
+  margin: 5px 0;
+}
+/* Main Nav */
 .main-nav {
   float: right;
   list-style: none;
@@ -218,6 +243,7 @@ header {
   text-transform: uppercase;
   font-size: 90%;
   border-bottom: 2px solid transparent;
+  -webkit-transition: border-bottom 0.2s;
   transition: border-bottom 0.2s;
 }
 
@@ -225,6 +251,43 @@ header {
 .main-nav li a:active {
   border-bottom: 2px solid #e67e22;
 }
+/* mobile-nav-icon */
+
+.mobile-nav-icon{
+  float: right;
+  margin-top: 30px;
+  cursor: pointer;
+  display: none;
+}
+
+/* Sticky Navi */
+.sticky {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.98);
+  box-shadow: 0 2px 2px #efefef;
+  z-index: 9999;
+}
+
+.sticky .main-nav {
+  margin-top: 18px;
+}
+
+.sticky .main-nav li a:link,
+.sticky .main-nav li a:visited {
+  padding: 17px 0;
+  color: #555;
+}
+
+.sticky .logo {
+  display: none;
+}
+.sticky .logo-black {
+  display: block;
+}
+
 /*-----------------------------*/
 /*-------features section------*/
 /*-----------------------------*/
@@ -265,10 +328,15 @@ header {
   opacity: 0.7;
   width: 100%;
   height: auto;
+  -webkit-transform: scale(1.15);
   transform: scale(1.15);
+  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
+  transition: opacity 0.5s, -webkit-transform 0.5s;
   transition: transform 0.5s, opacity 0.5s;
+  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
 }
 .meal-photo img:hover {
+  -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1;
 }
@@ -348,6 +416,14 @@ header {
 /*--------------------------------*/
 
 .section-testimonials {
+  background-image: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      from(rgba(0, 0, 0, 0.8)),
+      to(rgba(0, 0, 0, 0.8))
+    ),
+    url("img/back-customers.jpg");
   background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
     url("img/back-customers.jpg");
   background-size: cover;
@@ -395,6 +471,7 @@ cite img {
   border-radius: 5px;
   width: 90%;
   margin-left: 5%;
+  -webkit-box-shadow: 0 2px 2px #efefef;
   box-shadow: 0 2px 2px #efefef;
 }
 
@@ -437,3 +514,130 @@ cite img {
 .plan-box ul li {
   padding: 5px 0;
 }
+
+/*--------------------------------*/
+/* FORM */
+/*--------------------------------*/
+
+.contact-form {
+  width: 60%;
+  margin: 0 auto;
+}
+
+input[type="text"],
+input[type="email"],
+select,
+textarea {
+  width: 100%;
+  padding: 7px;
+  border: 1px solid #ccc;
+}
+
+textarea {
+  height: 100px;
+}
+
+input[type="checkbox"] {
+  margin: 10px 5px 10px 0;
+}
+
+*:focus {
+  outline: none;
+}
+
+/*--------------------------------*/
+/* FOOTER */
+/*--------------------------------*/
+
+footer {
+  background-color: #333;
+  padding: 50px;
+  font-size: 90%;
+}
+
+.footer-nav {
+  list-style: none;
+  float: left;
+}
+
+.social-links {
+  list-style: none;
+  float: right;
+}
+
+.footer-nav li,
+.social-links li {
+  display: inline-block;
+  margin-right: 20px;
+}
+
+.footer-nav li:last-child,
+.social-links li:last-child {
+  margin-right: 0;
+}
+
+.footer-nav li a:link,
+.footer-nav li a:visited,
+.social-links li a:visited,
+.social-links li a:link {
+  text-decoration: none;
+  border: 0;
+  color: #888;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s;
+}
+
+.footer-nav li a:hover,
+.footer-nav li a:active {
+  color: #ddd;
+}
+
+.social-links li a:link,
+.social-links li a:visited {
+  font-size: 160%;
+}
+
+.ion-social-facebook,
+.ion-social-twitter,
+.ion-social-googleplush,
+.ion-social-instagram {
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s;
+}
+
+.ion-social-facebook:hover {
+  color: #3b5998;
+}
+.ion-social-twitter:hover {
+  color: #00aced;
+}
+.ion-social-googleplus:hover {
+  color: #dd4b39;
+}
+.ion-social-instagram:hover {
+  color: #517fa4;
+}
+
+footer p {
+  color: #888;
+  text-align: center;
+  margin-top: 20px;
+}
+
+/*--------------------------------*/
+/* Animations */
+/*--------------------------------*/
+.js-wp-1,
+.js-wp-2,
+.js-wp-3 {
+  opacity: 0;
+  animation-duration: 1s;
+}
+.js-wp-4{
+  animation-duration: 1s;
+}
+.js-wp-1.animated,
+.js-wp-2.animated,
+.js-wp-3.animated {
+  opacity: 1;
+}
diff --git a/omnifood/resources/img/1.jpg b/omnifood/resources/img/1.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/2.jpg b/omnifood/resources/img/2.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/3.jpg b/omnifood/resources/img/3.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/4.jpg b/omnifood/resources/img/4.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/5.jpg b/omnifood/resources/img/5.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/6.jpg b/omnifood/resources/img/6.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/7.jpg b/omnifood/resources/img/7.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/8.jpg b/omnifood/resources/img/8.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/app-iPhone.png b/omnifood/resources/img/app-iPhone.png
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/back-customers.jpg b/omnifood/resources/img/back-customers.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/berlin.jpg b/omnifood/resources/img/berlin.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/customer-1.jpg b/omnifood/resources/img/customer-1.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/customer-2.jpg b/omnifood/resources/img/customer-2.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/customer-3.jpg b/omnifood/resources/img/customer-3.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/download-app-android.png b/omnifood/resources/img/download-app-android.png
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/download-app.svg b/omnifood/resources/img/download-app.svg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/hero copy.jpg b/omnifood/resources/img/hero copy.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/hero.jpg b/omnifood/resources/img/hero.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/lisbon-3.jpg b/omnifood/resources/img/lisbon-3.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/logo-white.png b/omnifood/resources/img/logo-white.png
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/logo.png b/omnifood/resources/img/logo.png
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/london.jpg b/omnifood/resources/img/london.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/omnifood-content.docx b/omnifood/resources/img/omnifood-content.docx
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/omnifood-content.pages b/omnifood/resources/img/omnifood-content.pages
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/omnifood-content.rtf b/omnifood/resources/img/omnifood-content.rtf
old mode 100644
new mode 100755
diff --git a/omnifood/resources/img/san-francisco.jpg b/omnifood/resources/img/san-francisco.jpg
old mode 100644
new mode 100755
diff --git a/omnifood/resources/js/script.js b/omnifood/resources/js/script.js
new file mode 100755
index 0000000..42eaf6e
--- /dev/null
+++ b/omnifood/resources/js/script.js
@@ -0,0 +1,64 @@
+$(document).ready(function () {
+  /* sticky navigation */
+  $(".js--section-features").waypoint(
+    function (direction) {
+      if (direction == "down") {
+        $("nav").addClass("sticky");
+      } else {
+        $("nav").removeClass("sticky");
+      }
+    },
+    { offset: "60px" }
+  );
+
+  /* scroll on buttons */
+  $(".js--scroll-to-plans").click(function () {
+    $("html, body").animate(
+      { scrollTop: $(".js--section-plans").offset().top },
+      1000
+    );
+  });
+  $(".js--scroll-to-start").click(function () {
+    $("html, body").animate(
+      { scrollTop: $(".js--section-features").offset().top },
+      1000
+    );
+  });
+});
+
+/* Navigation scroll */
+$(document).on("click", 'a[href^="#"]', function (event) {
+  event.preventDefault();
+  $("html, body").animate(
+    {
+      scrollTop: $($.attr(this, "href")).offset().top
+    },
+    500
+  );
+});
+
+
+/* Animations on scroll */
+$('.js-wp-1').waypoint(function (direction) {
+  $('.js-wp-1').addClass('animated fadeIn')
+}, {
+  offset: "50%"
+});
+
+$('.js-wp-2').waypoint(function (direction) {
+  $('.js-wp-2').addClass('animated fadeInUp')
+}, {
+  offset: "50%"
+});
+
+$('.js-wp-3').waypoint(function (direction) {
+  $('.js-wp-3').addClass('animated fadeIn')
+}, {
+  offset: "50%"
+});
+
+$('.js-wp-4').waypoint(function (direction) {
+  $('.js-wp-4').addClass('animated pulse')
+}, {
+  offset: "50%"
+});
\ No newline at end of file
diff --git a/omnifood/vendors/css/animate.css b/omnifood/vendors/css/animate.css
old mode 100644
new mode 100755
diff --git a/omnifood/vendors/css/grid.css b/omnifood/vendors/css/grid.css
old mode 100644
new mode 100755
diff --git a/omnifood/vendors/css/normalize.css b/omnifood/vendors/css/normalize.css
old mode 100644
new mode 100755
diff --git a/omnifood/vendors/js/jquery.waypoints.min.js b/omnifood/vendors/js/jquery.waypoints.min.js
new file mode 100755
index 0000000..609ece0
--- /dev/null
+++ b/omnifood/vendors/js/jquery.waypoints.min.js
@@ -0,0 +1,7 @@
+/*!
+Waypoints - 4.0.1
+Copyright © 2011-2016 Caleb Troughton
+Licensed under the MIT license.
+https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
+*/
+!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll<a.triggerPoint,h=o.newScroll>=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w<s.oldScroll,p=d.triggerPoint>=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file