Update Tailwind Footer

Phillip-tech · Nov 30, 2023 · e626cb5 · e626cb5
1 parent ce2b9c3
commit e626cb5
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 0 deletions.
diff --git a/09_intro_to_css_frameworks/footer.html b/09_intro_to_css_frameworks/footer.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Footer Example</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
+</head>
+<body>
+    <footer class="bg-[#659f8f] dark:bg-[#313131]">
+        <div class="container">
+            <footer class="bg-[#659f8f] dark:bg-[#313131]">
+                <div class="container px-6 py-12 mx-auto">
+                    <div class="grid">
+                        <div class="sm:col-span-2">
+                            <h1 class="max-w-lg" >Subscribe.</h1>
+                            <div class="flex">
+                                <input id="email" type="text">
+                                <button class="w-full px-6 py-2.5 bg-white">
+                                    Subscribe
+                                </button>
+                            </div>
+                        </div>
+                        <div>
+                            <p class="text-[#313131]">Quick Link</p>
+                            <div class="flex">
+                                <a href="#">Home</a>
+                                <a href="#">Who We Are</a>
+                                <a href="#">Our Philosophy</a>
+                            </div>
+                        </div>
+                        <div>
+                            <p class="text-[#313131]">Technologies</p>
+                            <div class="">
+                                <a href="#">HTML</a>
+                                <a href="#">CSS</a>
+                                <a href="#">JavaScript</a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <hr class="my-6 border-[#d86943]">
+
+                    <div class="flex">
+                        <a href="#">
+                            <img class="w-auto h-7" src="https://codespace-assets.global.ssl.fastly.net/wp/assets/website/codespace-primary-logo-light.svg" alt="">
+                        </a>
+                    </div>
+    </footer>
+
+</body>
+</html>
+
diff --git a/09_intro_to_css_frameworks/responsive-desktop.png b/09_intro_to_css_frameworks/responsive-desktop.png
diff --git a/09_intro_to_css_frameworks/responsive-ipad.png b/09_intro_to_css_frameworks/responsive-ipad.png
diff --git a/09_intro_to_css_frameworks/responsive-iphone.png b/09_intro_to_css_frameworks/responsive-iphone.png
diff --git a/11_portfolio_piece_1/11_portfolio_piece_1.md b/11_portfolio_piece_1/11_portfolio_piece_1.md
@@ -0,0 +1 @@
+