From 4f81ca33c8d3fd4f1980b9ce32b6a04aef8f3302 Mon Sep 17 00:00:00 2001
From: DavidDGTNT <david@dgtntstudios.tk>
Date: Thu, 10 Feb 2022 19:09:20 +0000
Subject: [PATCH] Add some more content to the home page

---
 src/assets/css/main.css | 21 +++++++++++++++++++++
 src/index.html          | 11 +++++++++++
 2 files changed, 32 insertions(+)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 9a1e6a6..d676e54 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -155,4 +155,25 @@ main a:hover {
     .flex-w div {
         flex: 100%
     }
+}
+
+.sec {
+    padding: 10px;
+    margin: 10px;
+    background-color: #a52a2a;
+    border-radius: 25px;
+    width: 45%;
+}
+
+.sec p {
+    text-align: left;
+    
+}
+
+.sec-left {
+    float: left;
+}
+
+.sec-right {
+    float: right;
 }
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 229ca1e..4f1820e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -22,6 +22,17 @@
 
             <p>With the Lyza the Sheepdog series of books, you can go back in time and see what the animals in the time of Bible stories with animals thought about the events and what they thought was happening. You can learn more about the books on their respective pages accessible in the Books section of the title bar.</p>
 
+            <div class="flex-w">
+                <div>
+                    <h2>Learn more about Bible stories in a unique way!</h2>
+                    <p>Seeing what the animals are thinking is an interesting thing to see, and while we may know the stories already, we can see them in new ways through the perspective of the confused animals.</p>
+                </div>
+                <div>
+                    <h2>Learn more about things happening at the time!</h2>
+                    <p>It's hard to know what's happening without knowing what's happening before! For this reason, we include more context relating to the story that is around the time of the story.</p>
+                </div>
+            </div><br><br>
+
             <div class="flex-w">
                 <div>
                     <h2>Where to buy</h2>