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

Added the description page.

Browse source
This commit is contained in:
Arctichawk1 2021-04-05 14:53:23 -04:00
parent fceb739b3a
commit 001c1865c2
2 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/homePage/Homepage.css
View file

@ -4,21 +4,22 @@
white-space: nowrap;
}
.white-section {
background-color: #ffffff;
padding-top: 5rem;
padding-top: 10rem;
padding-bottom: 5rem;
padding-left: 18%;
}
#title .container-fluid {
padding: 4% 34% 6%;
padding: 5% 34% 6%;
text-align: left;
font-family: "Georgia";
}
#features .container-fluid {
padding: 2% 48% 2%;
padding: 2% 14% 4%;
text-align: left;
font-family: "Georgia";
}
@ -27,7 +28,6 @@
.housesIntro{
width: 1200px;
height: 800px;
}
.contactIntro{
@ -120,3 +120,7 @@ ol.carousel-indicators {
background: #17a2b8;
box-shadow: 0 0 1px 1px black;
}
.homePage{
padding-bottom: 15%;
}

19
src/homePage/Homepage.js
View file

@ -19,7 +19,7 @@ class Homepage extends Component {
}
render() {
const {nextIcon,prevIcon}=this.state;
const { nextIcon, prevIcon } = this.state;
return (
<div className="homePage">
<section className="colored-section" id="title">
@ -32,7 +32,7 @@ class Homepage extends Component {
</div>
</div>
</section>
<section className="white-section" id="white-section">
<section className="white-section">
<div className="housesIntro">
<Carousel nextIcon={nextIcon} prevIcon={prevIcon}>
<Carousel.Item>
@ -76,6 +76,21 @@ class Homepage extends Component {
</Carousel.Caption>
</Carousel.Item>
</Carousel>
<section className="colored-section" id="features">
<div className="container-fluid">
<div className="row">
<div className="col-12">
<h2 style={{ paddingLeft: "22rem", paddingBottom: "1rem", fontFamily: "Trebuchet MS" }}>Description </h2>
<p style={{ fontSize: "110%" }}> Welcome to Kene's Cribs. Kene's Cribs is a real estator company which provides the clients with the houses. <br></br>
The houses limited to the clients are only limited to the clients' dreams. In order to further navigate the<br></br>
website, use the navigation bar to switch between pages. Listings page is for browsing houses, Agents page<br></br>
is for browsing the estators, the Contact Us page is for the contacting us and the login page is for our<br></br>
members who want to benefit from our deals. Above are some houses which can interest you. Feel free to<br></br>
click the buttons above to explore the houses you want. </p>
</div>
</div>
</div>
</section>
</div>
</section>
</div>