diff --git a/src/index.html b/src/index.html
index 43430015d..b42a6aa99 100644
--- a/src/index.html
+++ b/src/index.html
@@ -31,7 +31,7 @@
     <header class="header">
       <section class="top-bar">
         <a
-          href="#"
+          href="./index.html"
           class="top-bar__logo"
         >
           <img
@@ -44,16 +44,16 @@
           <ul class="nav__list top-bar__list">
             <li class="nav__item">
               <a
-                href="#"
-                class="nav__link"
+                href="#products"
+                class="nav__link top-bar__link"
               >
                 Products
               </a>
             </li>
             <li class="nav__item">
               <a
-                href="#"
-                class="nav__link"
+                href="#about-us"
+                class="nav__link top-bar__link"
               >
                 About Us
               </a>
@@ -61,7 +61,8 @@
             <li class="nav__item">
               <a
                 href="#"
-                class="nav__link"
+                class="nav__link top-bar__link"
+                target="_blank"
               >
                 Blog
               </a>
@@ -69,7 +70,8 @@
             <li class="nav__item">
               <a
                 href="#"
-                class="nav__link nav__link--contact-us"
+                class="nav__link top-bar__link nav__link--contact-us"
+                target="_blank"
               >
                 <img
                   src="./images/top-bar/phone.svg"
@@ -104,7 +106,7 @@ <h1 class="header__title">Creative bakery</h1>
             class="header__img"
           />
           <a
-            href="#"
+            href="#about-us"
             class="header__link"
           >
             <img
@@ -123,7 +125,7 @@ <h1 class="header__title">Creative bakery</h1>
     >
       <section class="top-bar menu__top-bar">
         <a
-          href="#"
+          href="./index.html"
           class="top-bar__logo"
         >
           <img
@@ -147,16 +149,16 @@ <h1 class="header__title">Creative bakery</h1>
         <ul class="nav__list menu__list">
           <li class="nav__item">
             <a
-              href="#"
-              class="nav__link"
+              href="#products"
+              class="nav__link menu__link"
             >
               Products
             </a>
           </li>
           <li class="nav__item">
             <a
-              href="#"
-              class="nav__link"
+              href="#about-us"
+              class="nav__link menu__link"
             >
               About Us
             </a>
@@ -164,7 +166,8 @@ <h1 class="header__title">Creative bakery</h1>
           <li class="nav__item">
             <a
               href="#"
-              class="nav__link"
+              class="nav__link menu__link"
+              target="_blank"
             >
               Blog
             </a>
@@ -172,7 +175,8 @@ <h1 class="header__title">Creative bakery</h1>
           <li class="nav__item">
             <a
               href="#"
-              class="nav__link nav__link--contact-us"
+              class="nav__link menu__link nav__link--contact-us"
+              target="_blank"
             >
               <img
                 src="./images/top-bar/phone.svg"
@@ -185,8 +189,359 @@ <h1 class="header__title">Creative bakery</h1>
         </ul>
       </nav>
     </aside>
-    <main class="page__main"></main>
-    <footer></footer>
+    <main class="page__main">
+      <section class="products" id="products">
+        <div class="container">
+          <h2 class="products__title">What we bake</h2>
+          <p class="products__desc">
+            We can customize our cookies right for your needs. Just imagine it
+          </p>
+          <div class="products__content">
+            <div class="products__set">
+              <div
+                class="products__product product product--left product--left-left"
+              >
+                <img
+                  src="./images/products/product-1.png"
+                  alt="Cakes"
+                  class="product__img"
+                />
+                <h5 class="product__title">Cakes</h5>
+                <p class="product__desc">
+                  Oatmeal cookies with golden raisins, orange zest and chocolate
+                  chips
+                </p>
+                <a
+                  href="#"
+                  class="product__order"
+                  target="_blank"
+                >
+                  <img
+                    src="./images/products/arrow.png"
+                    alt="arrow-icon"
+                    class="product__order-img"
+                  />
+                  Order
+                </a>
+              </div>
+              <div
+                class="products__product product product--right product--left-right"
+              >
+                <img
+                  src="./images/products/product-2.png"
+                  alt="Cakes"
+                  class="product__img"
+                />
+                <h5 class="product__title">Cakes</h5>
+                <p class="product__desc">
+                  Chocolate biscuit coffee cake topped with a buttercream and
+                  powder
+                </p>
+                <a
+                  href="#"
+                  class="product__order"
+                  target="_blank"
+                >
+                  <img
+                    src="./images/products/arrow.png"
+                    alt="arrow-icon"
+                    class="product__order-img"
+                  />
+                  Order
+                </a>
+              </div>
+            </div>
+            <div class="products__set">
+              <div
+                class="products__product product product--left product--right-left"
+              >
+                <img
+                  src="./images/products/product-3.png"
+                  alt="Donuts"
+                  class="product__img"
+                />
+                <h5 class="product__title">Donuts</h5>
+                <p class="product__desc">
+                  Light multi-layered croissant strewn with cinammon and almond
+                  “petals”
+                </p>
+                <a
+                  href="#"
+                  class="product__order"
+                  target="_blank"
+                >
+                  <img
+                    src="./images/products/arrow.png"
+                    alt="arrow-icon"
+                    class="product__order-img"
+                  />
+                  Order
+                </a>
+              </div>
+              <div
+                class="products__product product product--right product--right-right"
+              >
+                <img
+                  src="./images/products/product-4.png"
+                  alt="Donuts"
+                  class="product__img"
+                />
+                <h5 class="product__title">Donuts</h5>
+                <p class="product__desc">
+                  Light multi-layered croissant strewn with coconut and nuts
+                </p>
+                <a
+                  href="#"
+                  class="product__order"
+                  target="_blank"
+                >
+                  <img
+                    src="./images/products/arrow.png"
+                    alt="arrow-icon"
+                    class="product__order-img"
+                  />
+                  Order
+                </a>
+              </div>
+            </div>
+            <div class="products__set">
+              <div
+                class="products__product product product--left product--left-left"
+              >
+                <img
+                  src="./images/products/product-5.png"
+                  alt="Cakes"
+                  class="product__img"
+                />
+                <h5 class="product__title">Cakes</h5>
+                <p class="product__desc">
+                  Cake with chocolate salted caramel, Vanilla frutti pebbles
+                  inside
+                </p>
+                <a
+                  href="#"
+                  class="product__order"
+                  target="_blank"
+                >
+                  <img
+                    src="./images/products/arrow.png"
+                    alt="arrow-icon"
+                    class="product__order-img"
+                  />
+                  Order
+                </a>
+              </div>
+              <div
+                class="products__product product product--right product--left-right"
+              >
+                <img
+                  src="./images/products/product-6.png"
+                  alt="Cookies"
+                  class="product__img"
+                />
+                <h5 class="product__title">Cookies</h5>
+                <p class="product__desc">
+                  Oatmeal cookies with golden raisins, orange zest and chocolate
+                  chips
+                </p>
+                <a
+                  href="#"
+                  class="product__order"
+                  target="_blank"
+                >
+                  <img
+                    src="./images/products/arrow.png"
+                    alt="arrow-icon"
+                    class="product__order-img"
+                  />
+                  Order
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="about-us" id="about-us">
+        <div class="container">
+          <div class="about-us__content">
+            <h2 class="about-us__title">
+              Few words
+              <br />
+              About us
+            </h2>
+            <p class="about-us__desc">
+              Like many design teams, Onfido made the transition from Abstract +
+              Sketch, to Figma in the last couple of years. One of the common
+              resistance points internally before making that switch, was
+              Figma’s lack of Git-style branching that Abstract enabled. The
+              design team had come to rely on branching and had built a lot of
+              our processes around it.
+            </p>
+            <div class="about-us__fact fact fact--left fact--1">
+              <h2 class="fact__title">2015</h2>
+              <p class="fact__desc">Foundation year</p>
+            </div>
+            <div class="about-us__fact fact fact--right fact--2">
+              <h2 class="fact__title">23</h2>
+              <p class="fact__desc">Stores</p>
+            </div>
+            <div class="about-us__fact fact fact--left fact--3">
+              <h2 class="fact__title">155</h2>
+              <p class="fact__desc">Companies</p>
+            </div>
+            <div class="about-us__fact fact fact--right fact--4">
+              <h2 class="fact__title">10k+</h2>
+              <p class="fact__desc">Clients</p>
+            </div>
+          </div>
+        </div>
+        <img
+          class="about-us__bg"
+          src="./images/about-us/background.png"
+          alt="crocuses"
+        />
+      </section>
+    </main>
+    <footer class="footer">
+      <div class="container">
+        <div class="footer__content">
+          <a
+            href="index.html"
+            class="footer__logo"
+          >
+            <img
+              src="./images/footer/logo.svg"
+              alt="logo"
+              class="footer__logo-img"
+            />
+          </a>
+          <nav class="footer__nav nav footer__menu">
+            <ul class="nav__list footer__list">
+              <li class="nav__item">
+                <h5 class="nav__title footer__title">Menu</h5>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="#products"
+                  class="nav__link footer__link"
+                >
+                  Products
+                </a>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="#about-us"
+                  class="nav__link footer__link"
+                >
+                  About Us
+                </a>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="#"
+                  class="nav__link footer__link"
+                  target="_blank"
+                >
+                  Blog
+                </a>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="#"
+                  class="nav__link footer__link"
+                  target="_blank"
+                >
+                  Terms & Privacy
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <h2 class="footer__section-title">Contact us</h2>
+          <nav class="nav footer__nav footer__call-us">
+            <ul class="nav__list footer__list">
+              <li class="nav__item">
+                <h5 class="nav__title footer__title">Call us</h5>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="tel:6295550129"
+                  class="nav__link footer__link"
+                >
+                  (629) 555-0129
+                </a>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="tel:6035550123"
+                  class="nav__link footer__link"
+                >
+                  (603) 555-0123
+                </a>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="tel:7045550127"
+                  class="nav__link footer__link"
+                >
+                  (704) 555-0127
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <nav class="nav footer__nav footer__email">
+            <ul class="nav__list footer__list">
+              <li class="nav__item">
+                <h5 class="nav__title footer__title">Email us</h5>
+              </li>
+              <li class="nav__item">
+                <a
+                  href="mailto:bakerlab@example.com"
+                  class="nav__link footer__link"
+                >
+                  bakerlab@example.com
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <div class="footer__socials">
+            <a
+              href="https://facebook.com"
+              class="footer__social"
+              target="_blank"
+            >
+              <img
+                src="./images/footer/facebook.svg"
+                alt="facebook"
+                class="footer__social-img"
+              />
+            </a>
+            <a
+              href="https://instagram.com"
+              class="footer__social"
+              target="_blank"
+            >
+              <img
+                src="./images/footer/instagram.svg"
+                alt="instagram"
+                class="footer__social-img"
+              />
+            </a>
+            <a
+              href="https://twitter.com"
+              class="footer__social"
+              target="_blank"
+            >
+              <img
+                src="./images/footer/twitter.svg"
+                alt="twitter"
+                class="footer__social-img"
+              />
+            </a>
+          </div>
+          <p class="footer__copyright">© Bakerlab 2022</p>
+        </div>
+      </div>
+    </footer>
     <script src="scripts/main.js"></script>
   </body>
 </html>