Files
loi-phan-internship/practice/practice-02/src/layouts/welcome.pug
T
2023-07-20 17:38:33 +07:00

68 lines
2.4 KiB
Plaintext

- var welcome_img_path = "./assets/images/welcome/";
section.welcome
.welcome__banner
.welcome__banner-container
img.welcome__banner-image(
src=welcome_img_path + "welcome-image-mobile.png",
alt="Welcome banner image"
)
img.welcome__lines-background(
src=welcome_img_path + "lines-background-mobile.png",
alt="Lines background"
)
img.welcome__arrow-image(
src=welcome_img_path + "arrow-mobile.png",
alt="Arrow image"
)
img.welcome__mint-image(
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"
)
.welcome__head-arrow-container
img(src=welcome_img_path + "head-arrow.png", alt="Head arrow image")
p.welcome__text-box-content People Trust us
h1.welcome__heading We're
= " "
span.primary-text serious
= " for "
span.primary-text food
= " & "
span.secondary-text delivery
= "."
.welcome__underline-image-container
img(src=welcome_img_path + "underline.png", alt="Underline image")
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", placeholder="Search food")
button.welcome__submit-btn(type="submit")
img.welcome__search-icon-btn(
src=welcome_img_path + "search-icon-btn.svg",
alt="Search button image"
)
.welcome__action-container
a.welcome__download-btn.btn(href="javascript:void(0)") Download App
a.welcome__watch-video-link.no-underline(href="javascript:void(0)")
.welcome__play-icon-wrapper
img(src=welcome_img_path + "play-icon.svg", alt="Watch button image")
= "Watch Video"
.welcome__slider-container
img.welcome__slider-image(
src=welcome_img_path + "slider.png",
alt="Slider image"
)