From c9175afbb87e863ee27ef6c5703b2cc16bfe103f Mon Sep 17 00:00:00 2001 From: Loi Phan Date: Wed, 19 Jul 2023 17:06:18 +0700 Subject: [PATCH] Update code and delete file --- practice/practice-02/src/index.pug | 18 +++---- practice/practice-02/src/layouts/welcome.pug | 51 +++++++++++++++++++ .../src/layouts/welcome/banner.pug | 12 ----- .../src/layouts/welcome/content.pug | 37 -------------- 4 files changed, 58 insertions(+), 60 deletions(-) create mode 100644 practice/practice-02/src/layouts/welcome.pug delete mode 100644 practice/practice-02/src/layouts/welcome/banner.pug delete mode 100644 practice/practice-02/src/layouts/welcome/content.pug diff --git a/practice/practice-02/src/index.pug b/practice/practice-02/src/index.pug index 3a1865c..19447ee 100644 --- a/practice/practice-02/src/index.pug +++ b/practice/practice-02/src/index.pug @@ -8,14 +8,10 @@ html(lang="en") link(rel="stylesheet", href="./styles/main.scss") title Food Hut body - .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") + 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 + include layouts/welcome diff --git a/practice/practice-02/src/layouts/welcome.pug b/practice/practice-02/src/layouts/welcome.pug new file mode 100644 index 0000000..fd2614c --- /dev/null +++ b/practice/practice-02/src/layouts/welcome.pug @@ -0,0 +1,51 @@ +section.welcome + .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") + .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 + img(src=welcome_img_path + "slider.png", alt="Slider image") diff --git a/practice/practice-02/src/layouts/welcome/banner.pug b/practice/practice-02/src/layouts/welcome/banner.pug deleted file mode 100644 index 925755e..0000000 --- a/practice/practice-02/src/layouts/welcome/banner.pug +++ /dev/null @@ -1,12 +0,0 @@ -.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 deleted file mode 100644 index 5e29a03..0000000 --- a/practice/practice-02/src/layouts/welcome/content.pug +++ /dev/null @@ -1,37 +0,0 @@ -.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