mirror of
https://github.com/Nezumi-2711/html-css-practice-two.git
synced 2026-09-23 04:09:56 +00:00
Update code
This commit is contained in:
@@ -0,0 +1,6 @@
|
||||
header.header.flex.justify-content-between.mr-auto
|
||||
.logo-wrapper
|
||||
a.logo-link(href="javascript:void(0)")
|
||||
img.logo(src="./assets/images/logo.svg", alt="Food Hut logo")
|
||||
.header-content.flex.justify-content-between.h-auto
|
||||
include nav-menu
|
||||
@@ -0,0 +1,10 @@
|
||||
- var list = ["Today Special Offers", "Why FoodHut", "Our Menu", "Our Popular Food"];
|
||||
|
||||
nav.nav.mr-auto.h-auto
|
||||
input.toggle-menu(type="checkbox")
|
||||
.icon-menu
|
||||
ul.nav-list.flex.justify-content-between.h-auto.w-auto
|
||||
each val in list
|
||||
li.nav-item
|
||||
a.nav-link.no-underline(href="javascrip:void(0)")= val
|
||||
a.btn.nav-download-btn.no-underline(href="javascript:void(0)") Download App
|
||||
@@ -0,0 +1,3 @@
|
||||
section.welcome
|
||||
include welcome/banner
|
||||
include welcome/content
|
||||
@@ -0,0 +1,12 @@
|
||||
- var path = "./assets/images/";
|
||||
|
||||
.welcome__banner
|
||||
.welcome__banner-wrapper
|
||||
.welcome__background-banner
|
||||
img(src=path + "background-banner.png", alt="Background banner")
|
||||
.welcome__person-img
|
||||
img(src="./assets/images/person.png", alt="Main character")
|
||||
.welcome__rate-card
|
||||
img(src="./assets/images/rate-card.png", alt="Rate card")
|
||||
.welcome__review-card
|
||||
img(src="./assets/images/review-card.png", alt="Review card")
|
||||
@@ -0,0 +1,14 @@
|
||||
.welcome__content
|
||||
.welcome__text-box
|
||||
.welcome__love-icon
|
||||
img(src="./assets/images/love-icon.svg", alt="Love icon")
|
||||
.welcome__text People Trust us
|
||||
.welcome__title We're serious for food & Delivery.
|
||||
.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="javascript:void(0)")
|
||||
input.welcome__input(type="text")
|
||||
button(type="submit")
|
||||
img(src="./assets/images/search-icon.png", alt="Search icon")
|
||||
.welcome__action
|
||||
a.btn.welcome__button-download(href="javascript:void(0)") Download App
|
||||
a.welcome__button-watch(href="javascript:void(0)") Watch Video
|
||||
Reference in New Issue
Block a user