Added the description page.

This commit is contained in:
Batuhan Berk Başoğlu 2021-04-05 14:53:23 -04:00
parent 896052afb1
commit ba97fc84d3
2 changed files with 26 additions and 7 deletions

View file

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

View file

@ -32,7 +32,7 @@ class Homepage extends Component {
</div> </div>
</div> </div>
</section> </section>
<section className="white-section" id="white-section"> <section className="white-section">
<div className="housesIntro"> <div className="housesIntro">
<Carousel nextIcon={nextIcon} prevIcon={prevIcon}> <Carousel nextIcon={nextIcon} prevIcon={prevIcon}>
<Carousel.Item> <Carousel.Item>
@ -76,6 +76,21 @@ class Homepage extends Component {
</Carousel.Caption> </Carousel.Caption>
</Carousel.Item> </Carousel.Item>
</Carousel> </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> </div>
</section> </section>
</div> </div>