1 files changed, 35 insertions, 3 deletions

diff --git a/src/app/namestore-page/namestore-page.component.html b/src/app/namestore-page/namestore-page.component.html
index f235c16..3d9bf09 100644
--- a/src/app/namestore-page/namestore-page.component.html
+++ b/src/app/namestore-page/namestore-page.component.html
@@ -1,3 +1,35 @@
-<p>
-  namestore-page works!
-</p>
+
+<div class="c-card u-p-x3">
+  <h1 class="o-type-22 u-pb-x1 u-color-primary-light" >Search Namesystem</h1>
+  <div class="o-list o-list--inline">
+    <div class="o-list__item">
+      <p class="u-color-grey">Name:</p>
+      <input class="c-input u-2/2" placeholder="Name" [(ngModel)]="gns_name" />
+    </div>
+    <div class="o-list__item">
+      <p class="u-color-grey">Record Type (optional):</p>
+      <select class="c-input c-input--select u-2/2" [(ngModel)]="gns_recordtype" name="record_type">
+        <option [value]="0">ANY</option>
+        <option [value]="65536">PKEY</option>
+        <option [value]="65537">NICK</option>
+        <option [value]="65538">LEHO</option>
+        <option [value]="65539">VPN</option>
+        <option [value]="65540">GNS2DNS</option>
+        <option [value]="65541">BOX</option>
+        <option [value]="65542">PLACE</option>
+        <option [value]="65543">PHONE</option>
+        <option [value]="65544">ID_ATTR</option>
+        <option [value]="65545">ID_TOKEN</option>
+        <option [value]="65546">ID_TOKEN_METADATA</option>
+        <option [value]="65547">CREDENTIAL</option>
+        <option [value]="65548">POLICY</option>
+        <option [value]="65549">ATTRIBUTE</option>
+        <option [value]="65550">ABE_KEY</option>
+        <option [value]="65551">ABE_MASTER</option>
+      </select>
+    </div>
+    <div class="o-list__item u-align-bottom">
+      <div class="u-text-right"><a class="c-button u-mt-x2" (click)="onSearch()">Search</a></div>
+    </div>
+  </div>
+</div>