ww

similar_web/index.html

@@ -94,9 +94,55 @@
             <h5 class="card-title" id="sitetitle"></h5>
             <p class="card-text" id="descriptions">
             </p>
-            <a href="#" class="btn btn-primary" id="globalrank"></a>
+            <a href="#" class="btn btn-primary" id="globalrank2"></a>
           </div>
-          <div class="card-footer text-muted">2 days ago</div>
+
+
+
+
+
+
+          <div class="row">
+            <div class="col-sm-4">
+              <div class="card">
+                <div class="card-body">
+                  <h5 class="card-title">Global Ranks</h5>
+                  <p class="card-text" >
+                  </p>
+                  <a href="#" class="btn btn-primary" id="globalrank"></a>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4">
+              <div class="card">
+                <div class="card-body">
+                  <h5 class="card-title">Country Ranks</h5>
+                  <p class="card-text">
+                  </p>
+                  <a href="#" class="btn btn-primary" id="countryrank"></a>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4">
+              <div class="card">
+                <div class="card-body">
+                  <h5 class="card-title">Traffic</h5>
+                  <p class="card-text">
+                    With supporting text below as a natural lead-in to additional content.
+                  </p>
+                  <a href="#" class="btn btn-primary">Go somewhere</a>
+                </div>
+              </div>
+            </div>
+
+          </div>
+
+
+
+
+
+
+          <div class="card-footer text-muted">Global Website Traffic Rankings</div>
         </div>
 
 
@@ -139,6 +185,7 @@
     var sitetitle = document.getElementById('sitetitle');
     var descriptions=document.getElementById('descriptions');
     var globalrank=document.getElementById('globalrank');
+    var countryrank=document.getElementById('countryrank');    
     console.log(response.data);
 //    alert(response.data.SiteName);
 //    var obj = JSON.parse(response.data);
@@ -147,7 +194,7 @@
     descriptions.innerHTML=response.data.Description;
     globalrank.innerHTML=response.data.GlobalRank.Rank;
     sitetitle.innerHTML=response.data.Title;
-    
+    countryrank.innerHTML=response.data.CountryRank.Rank;
     //    sitename.innerHTML =response.data
 
     console.log(response.status);