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 05:31:51 +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'];
footer.footer
.footer__container
.footer__introduction
p.footer__brand-name.text--primary Foodhut
p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
.footer__social-media
a.footer__social-link(href='javascript:void(0)')
img.facebook-icon(
src=image_footer_path + 'facebook.png',
alt='Facebook icon'
)
a.footer__social-link(href='javascript:void(0)')
img.instagram-icon(
src=image_footer_path + 'instagram.png',
alt='Instagram icon'
)
a.footer__social-link(href='javascript:void(0)')
img.twitter-icon(
src=image_footer_path + 'twitter.png',
alt='Twitter icon'
)
.footer__information
.footer__about-us
h3.footer__heading.text--primary About Us
.footer__link
each item in about_us_links
a.link-text(href='javascript:void(0)')= item
.footer_company
h3.footer__heading.text--primary Company
.footer__link
each item in company_links
a.link-text(href='javascript:void(0)')= item
.footer__contact
h3.footer__heading.text--primary Get in touch
p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
form.footer__form(action='#')
input.footer__email-input(type='text', placeholder='Email')
button.footer__submit-btn(type='submit') Subscribe
p.footer__copyright Copyright &copy 2022 Foodhut.
.wrapper
.footer__container
.footer__introduction
p.footer__brand-name.text--primary Foodhut
p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
.footer__social-media
a.footer__social-link(href='javascript:void(0)')
img.facebook-icon(
src=image_footer_path + 'facebook.png',
alt='Facebook icon'
)
a.footer__social-link(href='javascript:void(0)')
img.instagram-icon(
src=image_footer_path + 'instagram.png',
alt='Instagram icon'
)
a.footer__social-link(href='javascript:void(0)')
img.twitter-icon(
src=image_footer_path + 'twitter.png',
alt='Twitter icon'
)
.footer__information
.footer__about-us
h3.footer__heading.text--primary About Us
.footer__link
each item in about_us_links
a.link-text(href='javascript:void(0)')= item
.footer_company
h3.footer__heading.text--primary Company
.footer__link
each item in company_links
a.link-text(href='javascript:void(0)')= item
.footer__contact
h3.footer__heading.text--primary Get in touch
p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
form.footer__form(action='#')
input.footer__email-input(type='text', placeholder='Email')
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 {
@extend %d-flex;
@include flex-layout($justify: center, $direction: column);
@include size(428px, 417px);
position: relative;
}
&__main-image {
@include size(403px, 417px);
text-align: right;
padding-right: 25px;
z-index: 1;