diff --git a/pages/navbar.html b/pages/navbar.html
index a6e83d0..957623e 100644
--- a/pages/navbar.html
+++ b/pages/navbar.html
@@ -89,6 +89,49 @@ <h2>
           </div>
         </div>
 
+        <div class="container-fluid">
+          <!--          Nasny Nazeer     -->
+  
+          <div class="row">
+            <div class="col-lg-6">
+              <div class="component">
+                <div class="card magictime">
+                  <div class="card-title tonal">
+                    <strong>Navbar</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/NasnyNazeer">Nasny Nazeer</a>
+                        </span>
+                      </h2>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
       </div>
     </section>
     <footer>
diff --git a/pages/textfield.html b/pages/textfield.html
index df9b4da..ca9298c 100644
--- a/pages/textfield.html
+++ b/pages/textfield.html
@@ -90,6 +90,46 @@ <h2>
           </div>
         </div>
 
+        <!--          Nasny Nazeer  -->
+        <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">
+                  <form class="form-tonal" action="">
+                    <div class="input-field-tonal">
+                      <input class="input-tonal" type="text" id="name" required />
+                      <label class="label-tonal" for="name">Your name:</label>
+                    </div>
+                  </form>
+                </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/NasnyNazeer">Nasny Nazeer</a>
+                      </span>
+                    </h2>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
 
 
       </div>