Adds some nice images and tidies up funnel page

9 files changed, 11 insertions, 1 deletions

diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css
index 29a4e18..d475b2a 100644
--- a/alphabetlearning/static/css/project.css
+++ b/alphabetlearning/static/css/project.css
@@ -86,8 +86,9 @@ p, label, button {
 
 .custom-text {
     font-family: 'Roboto', sans-serif;
+    font-size: 1.1rem;
     font-weight: 400;
-    line-height: 1.5;
+    line-height: 1.7;
     color: #212529;
 }
 
@@ -104,6 +105,15 @@ p, label, button {
   border-color: #eed3d7;
 }
 
+.rotated-image {
+    transform: rotate(0deg); /* Existing rotation */
+    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); /* Existing drop-shadow */
+    transition: transform 0.3s ease; /* Smooth transition for the hover effect */
+}
+
+.rotated-image:hover {
+    transform: rotate(3deg) translateY(-5px); /* Move the image up slightly on hover */
+}
 
 /*@font-face {*/
 /*  font-family: 'Franklin';*/
diff --git a/alphabetlearning/static/images/funnel1_initial_sounds.png b/alphabetlearning/static/images/funnel1_initial_sounds.png
new file mode 100644
index 0000000..7942396
--- /dev/null
+++ b/alphabetlearning/static/images/funnel1_initial_sounds.png
diff --git a/alphabetlearning/static/images/funnel2_handwriting.png b/alphabetlearning/static/images/funnel2_handwriting.png
new file mode 100644
index 0000000..d6be0ec
--- /dev/null
+++ b/alphabetlearning/static/images/funnel2_handwriting.png
diff --git a/alphabetlearning/static/images/funnel2_picture_match_words.png b/alphabetlearning/static/images/funnel2_picture_match_words.png
new file mode 100644
index 0000000..807dbfb
--- /dev/null
+++ b/alphabetlearning/static/images/funnel2_picture_match_words.png
diff --git a/alphabetlearning/static/images/funnel3_handwriting.png b/alphabetlearning/static/images/funnel3_handwriting.png
new file mode 100644
index 0000000..d063b47
--- /dev/null
+++ b/alphabetlearning/static/images/funnel3_handwriting.png
diff --git a/alphabetlearning/static/images/funnel3_ug_words.png b/alphabetlearning/static/images/funnel3_ug_words.png
new file mode 100644
index 0000000..e922ea4
--- /dev/null
+++ b/alphabetlearning/static/images/funnel3_ug_words.png
diff --git a/alphabetlearning/static/images/funnel4_order_numbers.png b/alphabetlearning/static/images/funnel4_order_numbers.png
new file mode 100644
index 0000000..817cbe6
--- /dev/null
+++ b/alphabetlearning/static/images/funnel4_order_numbers.png
diff --git a/alphabetlearning/static/images/funnel5_ug_words.png b/alphabetlearning/static/images/funnel5_ug_words.png
new file mode 100644
index 0000000..2dcb508
--- /dev/null
+++ b/alphabetlearning/static/images/funnel5_ug_words.png
diff --git a/alphabetlearning/static/images/funnel6_2D_shape_match.png b/alphabetlearning/static/images/funnel6_2D_shape_match.png
new file mode 100644
index 0000000..53f2de1
--- /dev/null
+++ b/alphabetlearning/static/images/funnel6_2D_shape_match.png