Styles changed

elangosundar · elangosundar · commit 526fede7249b · 2018-11-28T18:54:52.000+05:30
diff --git a/src/Components/Herocontent.js b/src/Components/Herocontent.js
@@ -5,7 +5,7 @@ class Herocontent extends React.Component {
   render() {
     return (
         <div className="main thememain-blue">
-            <div className="container main">
+            <div className="container main hero-content-main    ">
                 <div className="col-12">
                     <h1 className="theme-text">The Modern ReactJS Tutorial</h1>
                     <p className="theme-text" >How it's done now. From the basics to advanced topics with simple, but detailed explanations.
@@ -17,11 +17,17 @@ class Herocontent extends React.Component {
                         <a className="button button--big" href="#">fb</a>
                     </div>
                     <div className="">
-                        <form className="theme-search form-inline my-2 my-lg-0 theme-text">
+                        <div className="search-content">
+                            <form className="theme-search form-inline my-2 my-lg-0 theme-text">
                                 <input className=" theme-search-input form-control mr-sm-2" type="search" placeholder="Search"></input>
                                 <button className="theme-search-btn btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-                        </form>
-                    </div>    
+                            </form>
+                        </div>
+                    </div>
+                    <div className="theme-text banner-text">
+                        <h2>Table of contents</h2>
+                        <p>Main course contains 2 parts which cover reactjs and interview fundamentals.</p>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/src/style.css b/src/style.css
@@ -63,4 +63,29 @@
 
 .content-main li{
     padding-bottom: 5px;
+}
+
+.theme-text a{
+    color: #00A64D;
+    margin-left:10px;
+}
+
+.banner-text{
+    margin-top:20px;
+    font-size: 14px;    
+}
+
+.banner-text h2{
+    font-size: 25px !important; 
+    line-height: 1.5;
+}
+
+.banner-text p{
+    font-size: 17px !important; 
+    line-height: 1.5;
+    word-wrap: break-word;
+}
+
+.search-content{
+    margin-top:15px;
 }
