added navbar

Author: rubenshibu

pages/navbar.html

@@ -47,6 +47,47 @@ <h3>Add your different navbar</h3>
       <div class="container-fluid">
         <!--          your name     -->
         <!-- Add your html content that you have copied from contributors.md along with you component -->
+
+        <div class="row">
+          <div class="col-lg-6">
+            <div class="component">
+              <div class="card magictime">
+                <div class="card-title tonal">
+                  <strong>Textfield</strong>
+                </div>
+                <div class="card-content">
+                  <nav class="navbar navbar-light bg-light">
+                    <form class="form-inline">
+                      <button class="btn-ruben btn-outline-success" type="button">Main button</button>
+                      <button class="btn-ruben btn-sm btn-outline-secondary" type="button">Smaller button</button>
+                    </form>
+                  </nav>
+
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-6">
+            <div class="component">
+              <div class="card magictime">
+                <div class="card-title tonal">
+                  <strong>Creator</strong>
+                </div>
+                <div class="card-content">
+                  <div class="creater-name">
+                    <h2>
+                      <b>Name:</b>
+                      <span>
+                        <a href="https://github.com/rubenshibu">Ruben Shibu</a>
+                      </span>
+                    </h2>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
       </div>
     </section>
     <footer>