diff --git a/practice/practice-02/src/assets/images/welcome/search-btn.png b/practice/practice-02/src/assets/images/welcome/search-btn.png
deleted file mode 100644
index f6f5849..0000000
Binary files a/practice/practice-02/src/assets/images/welcome/search-btn.png and /dev/null differ
diff --git a/practice/practice-02/src/assets/images/welcome/search-icon-btn.svg b/practice/practice-02/src/assets/images/welcome/search-icon-btn.svg
new file mode 100644
index 0000000..3f461c2
--- /dev/null
+++ b/practice/practice-02/src/assets/images/welcome/search-icon-btn.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bx:bx-search">
+<path id="Vector" d="M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z" fill="white"/>
+</g>
+</svg>
diff --git a/practice/practice-02/src/includes/mixins.pug b/practice/practice-02/src/includes/mixins.pug
new file mode 100644
index 0000000..e69de29
diff --git a/practice/practice-02/src/index.pug b/practice/practice-02/src/index.pug
index 3ccf801..3a1865c 100644
--- a/practice/practice-02/src/index.pug
+++ b/practice/practice-02/src/index.pug
@@ -1,3 +1,5 @@
+- var welcome_img_path = "./assets/images/welcome/";
+
 doctype html
 html(lang="en")
   head
@@ -6,9 +8,14 @@ html(lang="en")
     link(rel="stylesheet", href="./styles/main.scss")
     title Food Hut
   body
-    header.header.flex
-      .logo-wrapper
-        a.logo-link(href="javascript:void(0)")
-          img.logo(src="./assets/images/logo.svg", alt="Food Hut logo")
-      .header-content.flex
-        include layouts/nav/nav-menu
+    .background
+      header.header.flex
+        .logo-wrapper
+          a.logo-link(href="javascript:void(0)")
+            img.logo(src="./assets/images/logo.svg", alt="Food Hut logo")
+        .header-content.flex
+          include layouts/nav-menu
+      section.welcome
+        include layouts/welcome/banner
+        include layouts/welcome/content
+        img(src=welcome_img_path + "slider.png", alt="Slider image")
diff --git a/practice/practice-02/src/layouts/nav/nav-menu.pug b/practice/practice-02/src/layouts/nav-menu.pug
similarity index 100%
rename from practice/practice-02/src/layouts/nav/nav-menu.pug
rename to practice/practice-02/src/layouts/nav-menu.pug
diff --git a/practice/practice-02/src/layouts/welcome/banner.pug b/practice/practice-02/src/layouts/welcome/banner.pug
new file mode 100644
index 0000000..925755e
--- /dev/null
+++ b/practice/practice-02/src/layouts/welcome/banner.pug
@@ -0,0 +1,12 @@
+.welcome__banner
+  .welcome__banner-container
+    img(
+      src=welcome_img_path + "welcome-image-mobile.png",
+      alt="Welcome banner image"
+    )
+    img(
+      src=welcome_img_path + "lines-background-mobile.png",
+      alt="Lines background"
+    )
+    img(src=welcome_img_path + "arrow-mobile.png", alt="Arrow image")
+    img(src=welcome_img_path + "mint.png", alt="Mint image")
diff --git a/practice/practice-02/src/layouts/welcome/content.pug b/practice/practice-02/src/layouts/welcome/content.pug
new file mode 100644
index 0000000..5e29a03
--- /dev/null
+++ b/practice/practice-02/src/layouts/welcome/content.pug
@@ -0,0 +1,37 @@
+.welcome__content
+  .welcome__orange-image-wrapper
+    img(src=welcome_img_path + "orange.png", alt="Orange background image")
+  .welcome__text-box
+    .welcome__icon-container
+      img.welcome__love-icon(
+        src=welcome_img_path + "love-icon.png",
+        alt="Love icon"
+      )
+    p.welcome__text-box-content People Trust us
+  h1.welcome__heading We're
+    = " "
+    mark serious
+    = " for "
+    mark food
+    = " & "
+    mark delivery
+    = "."
+  p.welcome__description Best cooks and best delivery guys all at your service. Hot tasty food will reach you in 60 minutes.
+  form.welcome__search-form(action="#")
+    .welcome__search-icon-wrapper
+      img.welcome__search-icon(
+        src=welcome_img_path + "search-icon.png",
+        alt="Search icon"
+      )
+    input.welcome__text-input(type="text")
+    .welcome__button-icon-wrapper
+      button.welcome__submit-btn(type="submit")
+        img.welcome__search-icon-btn(
+          src=welcome_img_path + "search-icon-btn.svg",
+          alt="Search button image"
+        )
+  a.btn(href="javascript:void(0)") Download App
+  a.welcome__watch-video-button(href="javascript:void(0)")
+    .welcome__watch-video-wrapper
+      img(src=welcome_img_path + "play-btn.png", alt="Watch button image")
+    p Watch Video