Adds copywright and footer

2 files changed, 38 insertions, 2 deletions

diff --git a/index.html b/index.html
index c686983..6ed4db0 100644
--- a/index.html
+++ b/index.html
@@ -117,8 +117,25 @@
                         <div>
                             <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
+                        <div>
+                            <img class="inner_grid_2-img"  src="img/BeeEaterblossombeestext.jpg" alt=""/>
+                        </div>
+                        <div>
+                            <img class="inner_grid_2-img"  src="img/CrabclamsCc.jpg" alt=""/>
+                        </div>
+                        <div>
+                            <img class="inner_grid_2-img"  src="img/ElephantEe.jpg" alt=""/>
+                        </div>
+                        <div>
+                            <img class="inner_grid_2-img"  src="img/Hoverflydandelion.jpg" alt=""/>
+                        </div>
+                        <div>
+                            <img class="inner_grid_2-img"  src="img/KangarookoalaKk.jpg" alt=""/>
+                        </div>
+                            <img class="inner_grid_2-img"  src="img/LadybirdleafLl.jpg" alt=""/>
+                        </div>
                     </div>
-                </div>
+
 
                 <div class="cell">
                     <h2>Reviews</h2>
@@ -137,6 +154,14 @@
                         </p>
                     </div>
                 </div>
+
+                <div class="footer">
+                    <p>© 2024 Joanna Lemon. All rights reserved.</p>
+                    <p>Site design by <a href="https://twentyfoursoftware" target="_blank">Twenty Four Software</a></p> 
+                </div>
+
+                </div>
+
             </div>
         </main>
     </body>
diff --git a/style.css b/style.css
index bcd0fb7..20bc1aa 100644
--- a/style.css
+++ b/style.css
@@ -28,7 +28,6 @@ h2 {
 	font-size: 1.8rem;
 }
 
-
 .container {
     max-width: 87%;
     margin: 0 auto;
@@ -193,3 +192,15 @@ header {
     font-weight: bold;
     color: #657c76;
 }
+
+.footer {
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 10px;
+    color: darkgray;
+    font-size: 0.8rem;
+    text-align: center;
+}
+.footer > p {
+    padding: 5px;
+}