added

elangosundar · elangosundar · commit 4087b099124f · 2018-11-23T12:22:58.000+05:30
diff --git a/src/Components/Herocontent.js b/src/Components/Herocontent.js
@@ -7,10 +7,21 @@ class Herocontent extends React.Component {
         <div className="main thememain-blue">
             <div className="container main">
                 <div className="col-12">
-                    <h2 className="theme-text">The Modern ReactJS Tutorial</h2>
+                    <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.
                         <a className="button button--big" href="#">Download for Linux</a>
                     </p>
+                    <div className="theme-text" >
+                        <a className="button button--big" href="#">View on github</a>
+                        <a className="button button--big" href="#">twitter</a>
+                        <a className="button button--big" href="#">fb</a>
+                    </div>
+                    <div className="">
+                        <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>    
                 </div>
             </div>
         </div>
diff --git a/src/style.css b/src/style.css
@@ -27,4 +27,20 @@
     /*padding-top: 10px;*/
     font-size: 16px;
     line-height: 1.5;
+}
+
+.theme-search{
+    display: block !important;
+    margin-top: 10px;
+    text-align:center;
+}
+
+.theme-search-input{
+    width: 60% !important;
+    margin-top: 10px;
+}
+
+.theme-search-btn{
+    width: 14% !important;
+    margin-top: 10px !important;
 }
