nezumi/html-css-practice-two
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/html-css-practice-two.git synced 2026-09-22 13:38:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update code

Browse Source
This commit is contained in:
nezumi
2023-08-05 16:16:47 +07:00
parent 3e7e92d469
commit c6cb5bab26
2 changed files with 40 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/footer.pug
+39 -38
View File
@@ -3,41 +3,42 @@
- var company_links = ['Partnership', 'Terms of Use', 'Privacy', 'Sitemap']; - var company_links = ['Partnership', 'Terms of Use', 'Privacy', 'Sitemap'];
footer.footer footer.footer
.footer__container .wrapper
.footer__introduction .footer__container
p.footer__brand-name.text--primary Foodhut .footer__introduction
p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor p.footer__brand-name.text--primary Foodhut
.footer__social-media p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
a.footer__social-link(href='javascript:void(0)') .footer__social-media
img.facebook-icon( a.footer__social-link(href='javascript:void(0)')
src=image_footer_path + 'facebook.png', img.facebook-icon(
alt='Facebook icon' src=image_footer_path + 'facebook.png',
) alt='Facebook icon'
a.footer__social-link(href='javascript:void(0)') )
img.instagram-icon( a.footer__social-link(href='javascript:void(0)')
src=image_footer_path + 'instagram.png', img.instagram-icon(
alt='Instagram icon' src=image_footer_path + 'instagram.png',
) alt='Instagram icon'
a.footer__social-link(href='javascript:void(0)') )
img.twitter-icon( a.footer__social-link(href='javascript:void(0)')
src=image_footer_path + 'twitter.png', img.twitter-icon(
alt='Twitter icon' src=image_footer_path + 'twitter.png',
) alt='Twitter icon'
.footer__information )
.footer__about-us .footer__information
h3.footer__heading.text--primary About Us .footer__about-us
.footer__link h3.footer__heading.text--primary About Us
each item in about_us_links .footer__link
a.link-text(href='javascript:void(0)')= item each item in about_us_links
.footer_company a.link-text(href='javascript:void(0)')= item
h3.footer__heading.text--primary Company .footer_company
.footer__link h3.footer__heading.text--primary Company
each item in company_links .footer__link
a.link-text(href='javascript:void(0)')= item each item in company_links
.footer__contact a.link-text(href='javascript:void(0)')= item
h3.footer__heading.text--primary Get in touch .footer__contact
p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor h3.footer__heading.text--primary Get in touch
form.footer__form(action='#') p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
input.footer__email-input(type='text', placeholder='Email') form.footer__form(action='#')
button.footer__submit-btn(type='submit') Subscribe input.footer__email-input(type='text', placeholder='Email')
p.footer__copyright Copyright &copy 2022 Foodhut. button.footer__submit-btn(type='submit') Subscribe
p.footer__copyright Copyright &copy 2022 Foodhut.
src/styles/pages/home/_welcome.scss
+1 -1
View File
@@ -24,12 +24,12 @@
&__banner-container { &__banner-container {
@extend %d-flex; @extend %d-flex;
@include flex-layout($justify: center, $direction: column); @include flex-layout($justify: center, $direction: column);
@include size(428px, 417px);
position: relative; position: relative;
} }
&__main-image { &__main-image {
@include size(403px, 417px);
text-align: right; text-align: right;
padding-right: 25px; padding-right: 25px;
z-index: 1; z-index: 1;