Added the description page.
This commit is contained in:
parent
6148bf5d92
commit
883647d63e
2 changed files with 26 additions and 7 deletions
|
@ -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%;
|
||||||
|
}
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue