ww

similar_web/index.html

@@ -29,7 +29,7 @@
     <!-- Container wrapper -->
     <div class="container-fluid">
       <!-- Navbar brand -->
-      <a class="navbar-brand" href="#">Navbar</a>
+      <a class="navbar-brand" href="#">Googo Website Traffic</a>
   
       <!-- Toggle button -->
       <button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
@@ -50,59 +50,6 @@
               Home
             </a>
           </li>
-          <li class="nav-item text-center mx-2 mx-lg-1">
-            <a class="nav-link" href="#!">
-              <div>
-                <i class="far fa-envelope fa-lg mb-1"></i>
-                <span class="badge rounded-pill badge-notification bg-danger">11</span>
-              </div>
-              Link
-            </a>
-          </li>
-          <li class="nav-item text-center mx-2 mx-lg-1">
-            <a class="nav-link disabled" aria-disabled="true" href="#!">
-              <div>
-                <i class="far fa-envelope fa-lg mb-1"></i>
-                <span class="badge rounded-pill badge-notification bg-warning">11</span>
-              </div>
-              Disabled
-            </a>
-          </li>
-          <li class="nav-item dropdown text-center mx-2 mx-lg-1">
-            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-mdb-toggle="dropdown"
-              aria-expanded="false">
-              <div>
-                <i class="far fa-envelope fa-lg mb-1"></i>
-                <span class="badge rounded-pill badge-notification bg-primary">11</span>
-              </div>
-              Dropdown
-            </a>
-            <!-- Dropdown menu -->
-            <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropdown">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li>
-                <hr class="dropdown-divider" />
-              </li>
-              <li>
-                <a class="dropdown-item" href="#">Something else here</a>
-              </li>
-            </ul>
-          </li>
-        </ul>
-        <!-- Left links -->
-  
-        <!-- Right links -->
-        <ul class="navbar-nav ms-auto d-flex flex-row mt-3 mt-lg-0">
-          <li class="nav-item text-center mx-2 mx-lg-1">
-            <a class="nav-link" href="#!">
-              <div>
-                <i class="fas fa-bell fa-lg mb-1"></i>
-                <span class="badge rounded-pill badge-notification bg-info">11</span>
-              </div>
-              Messages
-            </a>
-          </li>
           <li class="nav-item text-center mx-2 mx-lg-1">
             <a class="nav-link" href="#!">
               <div>
@@ -130,14 +77,31 @@
     <div class="col-1 col-lg-1"></div>
 
     <div class="col-sm-11 col-lg-11">
+        <!-- Search form  -->
 
-        <!-- Search form -->
         <form id="searchform" class="d-flex input-group w-auto" >
           <input type="search" class="form-control" placeholder="Search" aria-label="Domain Name" id="search_query"/>
           <button class="btn btn-primary" type="button" data-mdb-ripple-color="dark" onclick="check_form();">
             Search
           </button>
         </form>
+       
+
+
+        <div class="card text-center">
+          <div class="card-header" id="sitename"></div>
+          <div class="card-body">
+            <h5 class="card-title">Special title treatment</h5>
+            <p class="card-text">
+              With supporting text below as a natural lead-in to additional content.
+            </p>
+            <a href="#" class="btn btn-primary">Button</a>
+          </div>
+          <div class="card-footer text-muted">2 days ago</div>
+        </div>
+
+
+
 
 
 
@@ -147,11 +111,33 @@
 </div>
 
 
+
+
+<div class="container">
+  <div class="row">
+    <div class="col-1 col-lg-1"></div>
+
+    <div class="col-sm-11 col-lg-11">
+
+      <!--
+      <button type="button" class="btn btn-primary btn-block mb-4 ripple-surface">Place order</button>
+-->
+
+    </div>
+  </div>
+
+</div>
+
+
+
+
 <script>
   function check_form(){
     var qry=document.getElementById('search_query').value;
     axios.get('http://www.googo.org:8080/domain/'+qry)
   .then((response) => {
+    var sitename = document.getElementById('sitename');
+    sitename.value=response.data['SiteName'];
     console.log(response.data);
     console.log(response.status);
     console.log(response.statusText);