Update font styles for body and headings, Add icon

Set the body font to 'Open Sans' and the heading fonts to 'Montserrat'.
erfanghorbanee · Aug 23, 2024 · 13c7172 · 13c7172
1 parent 2b5099a
commit 13c7172
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/Django-Shop/static/css/styles.css b/Django-Shop/static/css/styles.css
@@ -23,6 +23,11 @@
 body {
     background-color: var(--bg-color);
     color: var(--text-color);
+    font-family: 'Open Sans', sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Montserrat', sans-serif;
 }
 
 /* Navbar */
@@ -163,6 +168,12 @@ body {
 #supportIcon button {
     background-color: var(--primary-color);
     color: var(--text-color);
+    animation: float 3s infinite;
+}
+
+@keyframes float {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-10px); }
 }
 
 /* Custom Dropdown Submenu Behavior */

diff --git a/Django-Shop/static/images/icon.png b/Django-Shop/static/images/icon.png
diff --git a/Django-Shop/templates/home/index.html b/Django-Shop/templates/home/index.html
@@ -5,7 +5,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>My E-commerce Site</title>
+    <title>Django Shop</title>
+    <link rel="icon" href="{% static 'images/icon.png' %}" type="image/png">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <link rel="stylesheet" href="{% static 'css/styles.css' %}">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">