diff --git a/src/homePage/Homepage.css b/src/homePage/Homepage.css
index fd2434a..018d5c6 100644
--- a/src/homePage/Homepage.css
+++ b/src/homePage/Homepage.css
@@ -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{
@@ -119,4 +119,8 @@ ol.carousel-indicators {
  ol.carousel-indicators li.active {
     background: #17a2b8;
     box-shadow: 0 0 1px 1px black;
- }
\ No newline at end of file
+ }
+
+.homePage{
+    padding-bottom: 15%;
+}
\ No newline at end of file
diff --git a/src/homePage/Homepage.js b/src/homePage/Homepage.js
index e7c3135..e209f3f 100644
--- a/src/homePage/Homepage.js
+++ b/src/homePage/Homepage.js
@@ -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>