diff --git a/pages/accordion.html b/pages/accordion.html
index 0ddb3fe..7d9f396 100644
--- a/pages/accordion.html
+++ b/pages/accordion.html
@@ -97,6 +97,56 @@ <h2>
     </div>
   </div>
 </div>
+
+ <!-- Nasny Nazeer -->
+ <div class="row">
+  <div class="col-lg-6">
+    <div class="component">
+      <div class="card magictime">
+        <div class="card-title jkj">
+          <strong>Accordion</strong>
+        </div>
+        <div class="card-content">
+         
+          <button class="accordion-jkj">Section 1</button>
+          <div class="panel">
+            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores voluptates doloribus asperiores repellat quaerat illum ad enim minima eaque est!</p>
+          </div>
+          
+          <button class="accordion-jkj">Section 2</button>
+          <div class="panel">
+            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate fugit voluptatibus accusamus non inventore laborum aliquam sint! Maxime, saepe repellendus!</p>
+          </div>
+          
+          <button class="accordion-jkj">Section 3</button>
+          <div class="panel">
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus nulla laborum suscipit iusto obcaecati ipsam soluta, in sit iste temporibus?</p>
+          </div> 
+        
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-6">
+    <div class="component">
+      <div class="card magictime">        
+        <div class="card-title jkj">
+          <strong>Creator</strong>
+        </div>
+        <div class="card-content">
+          <div class="creater-name">
+            <h2>
+              <b>Name:</b>
+              <span>
+              <a href="http://github.com/NasnyNazeer">Nasny Nazeer</a>
+              </span>
+            </h2>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
       </div>
     </section>
     <footer>
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>