batuhan-basoglu/Kene-s-Cribs-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improved the homepage.

Browse source
This commit is contained in:
Batuhan Basoglu 2021-04-01 22:12:46 -04:00
parent 54a36c73ed
commit ebd8957e9c
2 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/homePage/Homepage.css
View file

@ -68,3 +68,8 @@
padding-left: 45%; padding-left: 45%;
padding-top: 15px; padding-top: 15px;
} }
.Buttonka{
padding-top: 2px;
padding-bottom: 6px;
}

19
src/homePage/Homepage.js
View file

@ -4,6 +4,7 @@ import house1 from "../images/house1.jpg";
import house2 from "../images/house2.jpg"; import house2 from "../images/house2.jpg";
import house3 from "../images/house3.jpg"; import house3 from "../images/house3.jpg";
import Carousel from "react-bootstrap/Carousel"; import Carousel from "react-bootstrap/Carousel";
import Button from "react-bootstrap/Button";
import axios from 'axios' import axios from 'axios'
class Homepage extends Component { class Homepage extends Component {
@ -35,12 +36,30 @@ class Homepage extends Component {
<Carousel> <Carousel>
<Carousel.Item> <Carousel.Item>
<img className="headerImg" src={house1} alt="First House" /> <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>
<Carousel.Item> <Carousel.Item>
<img className="headerImg" src={house2} alt="Second House" /> <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>
<Carousel.Item> <Carousel.Item>
<img className="headerImg" src={house3} alt="Third House" /> <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.Item>
</Carousel> </Carousel>
</div> </div>