init

components/templates/components/_footer.html

@@ -0,0 +1,47 @@
+<!-- Footer -->
+<footer class="text-dark py-4 mt-auto position-relative">
+  <div class="container-fluid">
+    <!-- Footer Top Navigation Links -->
+    <div class="row mb-3">
+      <div class="col">
+        <ul class="list-inline mb-0">
+          <li class="list-inline-item mx-2">
+            <a href="{% url 'butler:privacy' %}" class="text-dark">개인정보 처리방침</a>
+          </li>
+          <li class="list-inline-item mx-2">
+            <a href="https://youtube.com/@icurfer" class="text-dark" target="_blank">유튜브</a>
+          </li>
+          <li class="list-inline-item mx-2">
+            <a href="https://gitea.itstant.com/icurfer/butler_ddochi" class="text-dark" target="_blank">코드저장소</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- Divider -->
+    <hr class="mb-4"/>
+
+    <!-- Contact Information and Logo -->
+    <div class="row align-items-center">
+      <div class="col-md-4 text-center mb-3 mb-md-0">
+        <div class="footer-tel">
+          <span class="text-dark">문의: icurfer@gmail.com</span>
+          <br>
+          <small>상담시간 평일: 09시~18시 / 주말, 공휴일 휴무</small>
+        </div>
+      </div>
+      <div class="col-md-4 text-center ms-auto">
+        <span class="copy">Copyright © icurfer 2024</span>
+      </div>
+    </div>
+
+  </div>
+
+  <!-- Back to Top Button -->
+  <div class="position-absolute end-0 bottom-0 me-3 mb-3">
+    <button type="button" class="btn btn-outline-dark" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });">
+      <i class="fa-solid fa-up-long"></i>
+    </button>
+  </div>
+</div>
+</footer>