diff --git a/shorturl/settings.py b/shorturl/settings.py
index 1381c7c..d2a306f 100644
--- a/shorturl/settings.py
+++ b/shorturl/settings.py
@@ -117,3 +117,7 @@ USE_TZ = True
# https://docs.djangoproject.com/en/3.1/howto/static-files/
STATIC_URL = '/static/'
+
+STATICFILES_DIRS = [
+ BASE_DIR / "shorturl" / "static",
+]
diff --git a/shorturl/static/sticky-footer.css b/shorturl/static/sticky-footer.css
new file mode 100644
index 0000000..07fd56a
--- /dev/null
+++ b/shorturl/static/sticky-footer.css
@@ -0,0 +1,37 @@
+/* Sticky footer styles
+-------------------------------------------------- */
+html {
+ position: relative;
+ min-height: 100%;
+}
+body {
+ /* Margin bottom by footer height */
+ margin-bottom: 60px;
+}
+.footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ /* Set the fixed height of the footer here */
+ height: 60px;
+ line-height: 60px; /* Vertically center the text there */
+ background-color: #f5f5f5;
+}
+
+
+/* Custom page CSS
+-------------------------------------------------- */
+/* Not required for template or sticky footer method. */
+
+body > .container {
+ padding: 60px 15px 0;
+}
+
+.footer > .container {
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+code {
+ font-size: 80%;
+}
diff --git a/shorturl/templates/index.html b/shorturl/templates/index.html
index 9e32bb0..e01a295 100644
--- a/shorturl/templates/index.html
+++ b/shorturl/templates/index.html
@@ -1,10 +1,63 @@
+{% load static %}
+
Hello World!
+
+
+
+
+
- Hello World!
+
+
+
+
+
+
+
+
+
+
+
+
$29 / mo
+
+ - 30 users included
+ - 15 GB of storage
+ - Phone and email support
+ - Help center access
+
+
+
+
+
+
+