From ebd8957e9cb075f43d0d5546da6b4a1ab78c25b3 Mon Sep 17 00:00:00 2001
From: Batuhan Basoglu <bbaso079@uottawa.ca>
Date: Thu, 1 Apr 2021 22:12:46 -0400
Subject: [PATCH] Improved the homepage.

---
 src/homePage/Homepage.css |  5 +++++
 src/homePage/Homepage.js  | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/homePage/Homepage.css b/src/homePage/Homepage.css
index 3cedd8a..f3c1951 100644
--- a/src/homePage/Homepage.css
+++ b/src/homePage/Homepage.css
@@ -68,3 +68,8 @@
     padding-left: 45%;
     padding-top: 15px;
 }
+
+.Buttonka{
+    padding-top: 2px;
+    padding-bottom: 6px;
+}
diff --git a/src/homePage/Homepage.js b/src/homePage/Homepage.js
index 9e6819b..50d2d17 100644
--- a/src/homePage/Homepage.js
+++ b/src/homePage/Homepage.js
@@ -4,6 +4,7 @@ import house1 from "../images/house1.jpg";
 import house2 from "../images/house2.jpg";
 import house3 from "../images/house3.jpg";
 import Carousel from "react-bootstrap/Carousel";
+import Button from "react-bootstrap/Button";
 import axios from 'axios'
 
 class Homepage extends Component {
@@ -35,12 +36,30 @@ class Homepage extends Component {
             <Carousel>
               <Carousel.Item>
                 <img className="headerImg" src={house1} alt="First House" />
+                <Carousel.Caption>
+                  <h3 style={{textShadow: "3px 3px 5px black"}}>360 Michawashkode St, Ottawa, Ontario K4A 3N6</h3>
+                  <div className="Buttonka">
+                    <Button href="/listings" variant="info">Click for Details</Button>
+                  </div>
+                </Carousel.Caption>
               </Carousel.Item>
               <Carousel.Item>
                 <img className="headerImg" src={house2} alt="Second House" />
+                <Carousel.Caption>
+                  <h3 style={{textShadow: "3px 3px 5px black"}}>6865 PEBBLE TRAIL WAY, Ottawa, Ontario K4P 0B7</h3>
+                  <div className="Buttonka">
+                    <Button href="/listings" variant="info">Click for Details</Button>
+                  </div>
+                </Carousel.Caption>
               </Carousel.Item>
               <Carousel.Item>
                 <img className="headerImg" src={house3} alt="Third House" />
+                <Carousel.Caption>
+                  <h3 style={{textShadow: "3px 3px 5px black"}}>5284 Knott Crescent, Ottawa, Ontario K4M 0A2</h3>
+                  <div className="Buttonka">
+                    <Button href="/listings" variant="info">Click for Details</Button>
+                  </div>
+                </Carousel.Caption>
               </Carousel.Item>
             </Carousel>
           </div>