From 03b4e7513e272af310d699cbf1c481338750b5fb Mon Sep 17 00:00:00 2001
From: Loi Phan <phanhuuloi15@gmail.com>
Date: Fri, 28 Jul 2023 17:53:11 +0700
Subject: [PATCH] Implement html layout for footer

---
 practice/practice-02/src/index.pug          |  1 +
 practice/practice-02/src/layouts/footer.pug | 40 +++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 practice/practice-02/src/layouts/footer.pug

diff --git a/practice/practice-02/src/index.pug b/practice/practice-02/src/index.pug
index 4a5a086..1fe6087 100644
--- a/practice/practice-02/src/index.pug
+++ b/practice/practice-02/src/index.pug
@@ -25,3 +25,4 @@ html(lang="en")
     include layouts/service
     include layouts/menu
     include layouts/platform
+    include layouts/footer
diff --git a/practice/practice-02/src/layouts/footer.pug b/practice/practice-02/src/layouts/footer.pug
new file mode 100644
index 0000000..d447f82
--- /dev/null
+++ b/practice/practice-02/src/layouts/footer.pug
@@ -0,0 +1,40 @@
+- var image_footer_path = "./assets/images/footer/";
+- var about_us_links = ["About Us", "Service Us", "Contact", "Company"];
+- var company_links = ["Partnership", "Terms of Use", "Privacy", "Sitemap"];
+
+footer.footer
+  .footer__container
+    .footer__introduction
+      p.footer__branch-name.primary-text Foodhut
+      p.footer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      .footer__social-media
+        img.facebook-icon(
+          src=image_footer_path + "facebook.png",
+          alt="Facebook icon"
+        )
+        img.instagram-icon(
+          src=image_footer_path + "instagram.png",
+          alt="Instagram icon"
+        )
+        img.twitter-icon(
+          src=image_footer_path + "twitter.png",
+          alt="Twitter icon"
+        )
+    .footer__information
+      .footer__about-us
+        h3.footer__heading.primary-text About Us
+          .footer__link
+            each item in about_us_links 
+              p.link-text= item
+      .footer_company
+        h3.footer__heading.primary-text Company
+          .footer__link
+            each item in company_links 
+              p.link-text= item
+    .footer__contact
+      h3.footer__heading.primary-text 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.