diff --git a/css/main.css b/css/main.css
index d3d78fe..aab91ac 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
 *,
 ::before,
 ::after {
@@ -10,7 +11,7 @@
 }
 
 body {
-  --primary-color: #1E88E5;
+  --primary-color: #1565C0;
   --text: 17, 17, 17;
   --text-light: 100, 100, 100;
   --foreground: 255, 255, 255;
@@ -23,6 +24,7 @@ body {
 }
 
 body[data-theme='dark'] {
+  --primary-color: #2196F3;
   --text: 218, 218, 218;
   --text-light: 170, 170, 170;
   --foreground: 20, 20, 20;
@@ -72,7 +74,7 @@ button {
   background: rgba(var(--text), 0.1);
   cursor: pointer;
   padding: 0.8rem 1.5rem;
-  color: rgba(var(--text), 1);
+  color: var(--primary-color);
   -ms-flex-item-align: center;
       -ms-grid-row-align: center;
       align-self: center;
@@ -122,6 +124,11 @@ h3 {
   letter-spacing: 0.06em;
 }
 
+.other-font {
+  font-family: 'Quicksand', sans-serif;
+  font-weight: 500;
+}
+
 .uppercase {
   text-transform: uppercase !important;
 }
@@ -313,22 +320,31 @@ ul .balance:last-of-type {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  text-align: center;
 }
 
 #main_search h1 {
-  text-align: left;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
   margin-top: 2rem;
   font-weight: 500;
 }
 
+#main_search h3 {
+  line-height: 1.4em;
+  margin: 1rem 0 2rem 0;
+  font-weight: 400;
+  color: rgba(var(--text-light), 1);
+}
+
 #main_search .input {
+  border-radius: 0.5rem;
+  border: solid 1px rgba(var(--text), 0.12);
+}
+
+.input {
   position: relative;
   display: -ms-grid;
   display: grid;
@@ -336,17 +352,16 @@ ul .balance:last-of-type {
       grid-template-columns: auto 1fr;
   z-index: 1;
   width: 100%;
-  margin: 1rem;
+  margin: 1.5rem 0;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 1rem;
   gap: 1em;
-  border-radius: 2rem;
-  background: rgba(var(--text), 0.06);
+  background: rgba(var(--text), 0.1);
 }
 
-#main_search input {
+.input input {
   border: none;
   width: 100%;
   background: transparent;
@@ -367,8 +382,30 @@ ul .balance:last-of-type {
   opacity: 0.8;
 }
 
-.icon#back_btn {
-  margin-right: 1rem;
+@-webkit-keyframes flyInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translateX(-2rem);
+            transform: translateX(-2rem);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes flyInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translateX(-2rem);
+            transform: translateX(-2rem);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
 }
 
 #highlights {
@@ -382,6 +419,7 @@ ul .balance:last-of-type {
 }
 
 #highlights .highlight-item {
+  opacity: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -390,8 +428,7 @@ ul .balance:last-of-type {
       -ms-flex-direction: column;
           flex-direction: column;
   padding: 1.5rem;
-  border-radius: 0.5rem;
-  background: rgba(var(--text), 0.06);
+  border-left: 0.1rem solid rgba(var(--text), 0.2);
 }
 
 #highlights .highlight-item .label {
@@ -419,18 +456,24 @@ ul .balance:last-of-type {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-area: token;
+  -webkit-animation: flyInLeft 0.4s 0.2s forwards;
+          animation: flyInLeft 0.4s 0.2s forwards;
 }
 
 #highlights .highlight-item:nth-of-type(2) {
   -ms-grid-row: 2;
   -ms-grid-column: 1;
   grid-area: total;
+  -webkit-animation: flyInLeft 0.4s 0.4s forwards;
+          animation: flyInLeft 0.4s 0.4s forwards;
 }
 
 #highlights .highlight-item:nth-of-type(3) {
   -ms-grid-row: 2;
   -ms-grid-column: 2;
   grid-area: wallet;
+  -webkit-animation: flyInLeft 0.4s 0.6s forwards;
+          animation: flyInLeft 0.4s 0.6s forwards;
 }
 
 #highlights .highlight-item:last-of-type {
@@ -438,6 +481,8 @@ ul .balance:last-of-type {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-area: contract;
+  -webkit-animation: flyInLeft 0.4s 0.8s forwards;
+          animation: flyInLeft 0.4s 0.8s forwards;
 }
 
 #latest_transaction_section,
@@ -464,6 +509,12 @@ ul .balance:last-of-type {
   font-weight: 500;
 }
 
+#page_header .icon {
+  height: 2rem;
+  width: 2rem;
+  padding: 0.4rem 0 0.4rem 0.4rem;
+}
+
 .page {
   padding: 1rem 0;
   -webkit-animation: fade 0.3s;
@@ -580,7 +631,7 @@ p {
       grid-template-columns: 1fr auto;
 }
 
-.address, .token, .hash, .contract, .block {
+.address, .token, .hash, .contract, .block-height {
   cursor: pointer;
   color: var(--primary-color);
 }
@@ -675,11 +726,65 @@ p {
 }
 
 .transaction h4 {
-  cursor: pointer;
-  margin-bottom: 1.5em;
   font-weight: 500;
 }
 
+.transaction .block,
+.transaction h4:first-of-type {
+  margin-bottom: 1.5rem;
+}
+
+#loader_page {
+  display: -ms-grid;
+  display: grid;
+  place-content: center;
+  height: 100vh;
+  width: 100vw;
+  text-align: center;
+  position: fixed;
+  z-index: 10;
+  background: rgba(var(--foreground), 1);
+}
+
+#loader_page h4 {
+  margin-top: 1.5rem;
+}
+
+#loader {
+  -ms-grid-column-align: center;
+      justify-self: center;
+  height: 2.5rem;
+  width: 2.5rem;
+  -webkit-transform-origin: center;
+          transform-origin: center;
+  stroke-dashoffset: 200;
+  stroke-dasharray: 200;
+  -webkit-animation: load 2s infinite linear;
+          animation: load 2s infinite linear;
+}
+
+@-webkit-keyframes load {
+  50% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: -200;
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+@keyframes load {
+  50% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: -200;
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
 @media only screen and (min-width: 640px) {
   .margin, .page {
     margin: 0 6vw;
@@ -688,7 +793,7 @@ p {
     margin: 0 4vw;
   }
   .input {
-    width: 80vw !important;
+    width: 60% !important;
   }
   section header h1 {
     font-size: 2rem;
@@ -734,15 +839,12 @@ p {
         grid-template-columns: repeat(2, 1fr);
   }
   .transaction {
-    width: 100%;
     display: -ms-grid;
     display: grid;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
     gap: 1rem;
-    -ms-grid-columns: auto 1fr;
-        grid-template-columns: auto 1fr;
+    -ms-grid-columns: min-content 1fr;
+        grid-template-columns: -webkit-min-content 1fr;
+        grid-template-columns: min-content 1fr;
     -ms-grid-rows: auto 1fr;
         grid-template-rows: auto 1fr;
         grid-template-areas: '. info '
 '. info';
@@ -769,7 +871,7 @@ p {
     margin: 0 8vw;
   }
   .input {
-    width: 50vw !important;
+    width: 50% !important;
   }
   #highlights {
     -ms-grid-columns: (auto)[4];
@@ -813,7 +915,7 @@ p {
     margin: 0 12vw;
   }
   .input {
-    width: 40vw !important;
+    width: 40% !important;
   }
   #top_transaction_container {
     -ms-grid-columns: (1fr)[4];
@@ -835,7 +937,7 @@ p {
     min-height: auto;
   }
   .input {
-    width: 30vw !important;
+    width: 30% !important;
   }
   #top_transaction_container {
     -ms-grid-columns: (1fr)[5];
@@ -855,8 +957,8 @@ p {
     transition: background-color 0.3s;
   }
   button:hover {
-    background: rgba(var(--text), 1);
-    color: var(--background);
+    background: var(--primary-color);
+    color: rgba(var(--foreground), 1);
   }
   .hover {
     cursor: pointer;
diff --git a/css/main.css.map b/css/main.css.map
index f492db3..25dec73 100644
--- a/css/main.css.map
+++ b/css/main.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "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",
+    "mappings": "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",
     "sources": [
         "main.scss"
     ],
diff --git a/css/main.scss b/css/main.scss
index de8a787..ede7d43 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -1,4 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
 *,
 ::before,
 ::after{
@@ -8,7 +9,7 @@
     font-family: 'Roboto', sans-serif;
 } 
 body{
-    --primary-color: #1E88E5;
+    --primary-color: #1565C0;
     --text: 17, 17, 17;
     --text-light: 100, 100, 100;
     --foreground: 255, 255, 255;
@@ -20,6 +21,7 @@ body{
     background-size: cover;
 }
 body[data-theme='dark']{
+    --primary-color: #2196F3;
     --text: 218, 218, 218;
     --text-light: 170, 170, 170;
     --foreground: 20, 20, 20;
@@ -51,7 +53,7 @@ button{
     background: rgba(var(--text), 0.1);
     cursor: pointer;
     padding: 0.8rem 1.5rem;
-    color: rgba(var(--text), 1);
+    color: var(--primary-color);
     align-self: center;
 }
 h1{
@@ -85,6 +87,10 @@ h3{
     overflow-wrap: break-word;
     letter-spacing: 0.06em;
 }
+.other-font{
+    font-family: 'Quicksand', sans-serif;
+    font-weight: 500;
+}
 .uppercase{
     text-transform: uppercase !important;
 }
@@ -224,28 +230,35 @@ ul{
     position: relative;
     display: flex;
     flex-direction: column;
-    align-items: center;
     justify-content: center;
-    text-align: center;
+    //text-align: center;
     h1{
-        text-align: left;
+        align-self: flex-start;
         margin-top: 2rem;
         font-weight: 500;
     }
-    .input{
-        position: relative;
-        display: grid;
-        grid-template-columns: auto 1fr;
-        z-index: 1;
-        width: 100%;
-        margin: 1rem;
-        align-items: center;
-        padding: 1rem;
-        gap: 1em;
-        border-radius: 2rem;
-        background: rgba(var(--text), 0.06);
-        //border: solid 1px rgba(var(--text), 0.6);
+    h3{
+        line-height: 1.4em;
+        margin: 1rem 0 2rem 0;
+        font-weight: 400;
+        color: rgba(var(--text-light), 1);
     }
+    .input{
+        border-radius: 0.5rem; 
+        border: solid 1px rgba(var(--text), 0.12);
+    }
+}
+.input{
+    position: relative;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    z-index: 1;
+    width: 100%;
+    margin: 1.5rem 0;
+    align-items: center;
+    padding: 1rem;
+    gap: 1em;
+    background: rgba(var(--text), 0.1);
     input{
         border: none;
         width: 100%;
@@ -265,8 +278,15 @@ ul{
     stroke-linejoin: round;
     stroke-width: 6;
     opacity: 0.8;
-    &#back_btn{
-        margin-right: 1rem;
+}
+@keyframes flyInLeft{
+    from{
+        opacity: 0;
+        transform: translateX(-2rem);
+    }
+    to{
+        opacity: 1;
+        transform: none;
     }
 }
 #highlights{
@@ -278,12 +298,14 @@ ul{
                             'contract contract';
     gap: 1.5rem;
     .highlight-item{
+        opacity: 0;
         display: flex;
         flex-direction: column;
         padding: 1.5rem;
-        border-radius: 0.5rem;
-        background: rgba(var(--text), 0.06);
+        //border-radius: 0.5rem;
+        //background: rgba(var(--text), 0.1);
         //border: 1px solid rgba(var(--text), 0.2);
+        border-left: 0.1rem solid rgba(var(--text), 0.2);
         .label{
             margin-top: auto;
         }
@@ -302,15 +324,19 @@ ul{
         }
         &:first-of-type{
             grid-area: token;
+            animation: flyInLeft 0.4s 0.2s forwards;
         }
         &:nth-of-type(2){
             grid-area: total;
+            animation: flyInLeft 0.4s 0.4s forwards;
         }
         &:nth-of-type(3){
             grid-area: wallet;
+            animation: flyInLeft 0.4s 0.6s forwards;
         }
         &:last-of-type{
             grid-area: contract;
+            animation: flyInLeft 0.4s 0.8s forwards;
         }
     }
 }
@@ -329,6 +355,11 @@ ul{
     h3{
         font-weight: 500;
     }
+    .icon{
+        height: 2rem;
+        width: 2rem;
+        padding: 0.4rem 0 0.4rem 0.4rem;
+    }
 }
 .page{
     padding: 1rem 0;
@@ -417,7 +448,7 @@ p{
         grid-template-columns: 1fr auto;
     }
 }
-.address, .token, .hash, .contract, .block{
+.address, .token, .hash, .contract, .block-height{
     cursor: pointer;
     color: var(--primary-color);
 }
@@ -481,10 +512,44 @@ p{
     //border: solid 1px rgba(var(--text), 0.1);
     background: rgba(var(--text), 0.06);
     h4{
-        cursor: pointer;
-        margin-bottom: 1.5em;
         font-weight: 500;
     }
+    .block,
+    h4:first-of-type{
+        margin-bottom: 1.5rem;
+    }
+}
+#loader_page{
+    display: grid;
+    place-content: center;
+    height: 100vh;
+    width: 100vw;
+    text-align: center;
+    position: fixed;
+    z-index: 10;
+    background: rgba(var(--foreground), 1);
+    h4{
+        margin-top: 1.5rem;
+    }
+}
+#loader{
+    justify-self: center;
+    height: 2.5rem;
+    width: 2.5rem;
+    transform-origin: center;
+    stroke-dashoffset: 200;
+    stroke-dasharray: 200;
+    animation: load 2s infinite linear;
+}
+@keyframes load{
+    50%{
+        stroke-dashoffset: 0;
+    }
+    100%{
+        stroke-dashoffset: -200;
+        transform: rotate(360deg);
+    }
+
 }
 @media only screen and (min-width: 640px){
     .margin, .page{
@@ -494,7 +559,7 @@ p{
         margin: 0 4vw;
     }
     .input{
-        width: 80vw !important;
+        width: 60% !important;
     }
     section{
         header{
@@ -537,12 +602,10 @@ p{
     #top_transaction_container{
         grid-template-columns: repeat(2, 1fr);
     }
-    .transaction{
-        width: 100%;
+    .transaction{   
         display: grid;
-        align-items: center;
         gap: 1rem;
-        grid-template-columns: auto 1fr;
+        grid-template-columns: min-content 1fr;
         grid-template-rows: auto 1fr;
         grid-template-areas:    '. info '
                                 '. info';
@@ -564,7 +627,7 @@ p{
         margin: 0 8vw;
     }
     .input{
-        width: 50vw !important;
+        width: 50% !important;
     }
     #highlights{
         grid-template-columns: repeat(4, auto);
@@ -599,7 +662,7 @@ p{
         margin: 0 12vw;
     }
     .input{
-        width: 40vw !important;
+        width: 40% !important;
     }
     #top_transaction_container{
         grid-template-columns: repeat(4, 1fr);
@@ -619,7 +682,7 @@ p{
         min-height: auto;
     }
     .input{
-        width: 30vw !important;
+        width: 30% !important;
     }
     #top_transaction_container{
         grid-template-columns: repeat(5, 1fr);
@@ -634,8 +697,8 @@ p{
     button{
         transition: background-color 0.3s;
         &:hover{
-            background: rgba(var(--text), 1);
-            color: var(--background);
+            background: var(--primary-color);
+            color: rgba(var(--foreground), 1)
         }
     }
     .hover{
diff --git a/index.html b/index.html
index 3f7c7a6..13eeae2 100644
--- a/index.html
+++ b/index.html
@@ -7,27 +7,38 @@
     <link rel="stylesheet" href="css/main.css">
 </head>
 <body data-theme='dark'>
-    <main>
-        <div id="page_container">
-            <header id="page_header" class="flex margin">
-                <svg class="icon hover" onclick="render('homepage')" id="back_btn" viewBox="0 0 32.5 64">
-                    <title>Back Button</title>
-                    <polyline points="32.15 0.35 0.7 31.8 32.15 63.72"/>
-                </svg>
-                <h3 id="page_title">Block</h3>
-                <svg class="icon margin-left-auto" viewBox="0 0 64 64">
+    <div id="loader_page" class="hide-completely">
+        <svg id="loader" class="icon" viewBox="0 0 64 64">
+            <title>Loading</title>
+            <circle cx="32" cy="32" r="32"/>
+        </svg>
+        <h4>Loading</h4>`
+    </div>
+    <header id="page_header" class="flex margin">
+        <h3 id="page_title">Block</h3>
+        <svg id="secondary_search_btn" class="icon margin-left-auto hover" viewBox="0 0 64 64">
+            <title>search for block, transactions, address, token or contract</title>
+            <circle cx="25.34" cy="25.34" r="24.84"/>
+            <line x1="63.65" y1="63.65" x2="42.91" y2="42.91"/>
+        </svg>
+    </header>
+    <main id="page_container">
+        <!--<div id="search_page" class="page hide-completely">
+            <label id="secondary_search" class="input">
+                <svg class="icon" viewBox="0 0 64 64">
                     <title>search icon</title>
                     <circle cx="25.34" cy="25.34" r="24.84"/>
                     <line x1="63.65" y1="63.65" x2="42.91" y2="42.91"/>
                 </svg>
-            </header>
+                <input type="search" placeholder="Search block, transactions, address, token or contract">
+            </label>
+        </div>
             <div id="all_transations" class="">
 
             </div>
             <div id="all_blocks" class="">
 
-            </div>
-        </div>        
+            </div>  -->    
     </main>
     <script>
         
@@ -71,15 +82,15 @@
                     </label>
                 </header>
                 <div id="main_search">
-                    <h1>FLO SCOUT</h1>
-                   
-                    <label class="input margin">
+                    <h1 class="other-font">FLO SCOUT</h1>
+                    <h3>Search for<br>block, transaction, address,<br>token and contract</h3>
+                    <label id="primary_search" class="input">
                         <svg class="icon" viewBox="0 0 64 64">
                             <title>search icon</title>
                             <circle cx="25.34" cy="25.34" r="24.84"/>
                             <line x1="63.65" y1="63.65" x2="42.91" y2="42.91"/>
                         </svg>
-                        <input type="search" placeholder="Search block, transactions, address, token or contract">
+                        <input type="search" placeholder="Search">
                     </label>
                 </div>
             <div id="highlights">
@@ -127,7 +138,7 @@
                 page.id = 'block_page'
                 page.innerHTML = `    
                 <h5 class="label">Block Height</h5>
-                <h2 class="block">${blockHeight}</h2>
+                <h2 class="block-height">${blockHeight}</h2>
                 <div class="card">
                     <h4>1 Transaction</h4>
                     <h5 class="label">${size}</h5>
@@ -145,8 +156,9 @@
                 </div>`
                 return page;
             },
-            addressPage: function(balance, address){
-                let page = document.createElement('div')
+            addressPage: function(obj){
+                let {balance, address} = obj,
+                    page = document.createElement('div')
                 page.classList.add('page')
                 page.id = 'address_page'
                 page.innerHTML = `                
@@ -194,8 +206,8 @@
                     </div>
                 </div>
                 <div class="card">
-                    <h4>Block</h4>
-                    <h5 class="label block">${blockHeight}}</h5>
+                    <h5 class="label">Block</h5>
+                    <h4 class="block-height">${blockHeight}</h4>
                     <h5 class="label">Amount</h5>
                     <h4>${amount}</h4>
                     <h5 class="label">Sender</h5>
@@ -304,13 +316,13 @@
             contractTransferCard: function(obj){
                 let {hash, blockHeight, token, sender, receiver, amount, contractName, userChoice} = obj,
                     card = document.createElement('div');
-                card.classList.add('transaction token-transfer')
+                card.classList.add('transaction', 'token-transfer')
                 card.id = hash;
                 card.innerHTML = `
-                                <h5 class="label block">${blockHeight}</h5>
+                                <h5 class="label block-height">${blockHeight}</h5>
                                 <div class="contract-type">
                                     <h5 class="label">Smart Contract Transfer</h5>
-                                    <h2 class="token uppercase">${token}</h2>
+                                    <h4 class="token uppercase">${token}</h4>
                                 </div>
                                 <div class="contract-info">
                                     <h5 class="label">Sender</h5>
@@ -318,7 +330,7 @@
                                     <h5 class="label">receiver</h5>
                                     <h4 class="address">${receiver}</h4>
                                     <h5 class="label">amount</h5>
-                                    <h3>${amount} ${token}</h3>
+                                    <h4>${amount} ${token}</h4>
                                     <h5 class="label">Contract name</h5>
                                     <h4>${contractName}</h4>`
                 if(userChoice)
@@ -332,13 +344,13 @@
             tokenTransferCard: function(obj){
                 let {hash, blockHeight, token, sender, receiver, amount} = obj,
                     card = document.createElement('div');
-                card.classList.add('transaction token-transfer')
+                card.classList.add('transaction','token-transfer')
                 card.id = hash;
                 card.innerHTML = `
-                                <h5 class="label block">${blockHeight}</h5>
+                                <h5 class="label block-height">${blockHeight}</h5>
                                 <div class="contract-type">
                                     <h5 class="label">Token transfer</h5>
-                                    <h2 class="token uppercase">${token}</h2>
+                                    <h4 class="token uppercase">${token}</h4>
                                 </div>
                                 <div class="contract-info">
                                     <h5 class="label">Sender</h5>
@@ -346,20 +358,20 @@
                                     <h5 class="label">receiver</h5>
                                     <h4 class="address">${receiver}</h4>
                                     <h5 class="label">amount</h5>
-                                    <h3>${amount} ${token}</h3>
+                                    <h4>${amount} ${token}</h4>
                                 </div>`;
                 return card;
             },
             tokenCreationCard: function(obj){
                 let {hash, blockHeight, token, incAddress, supply} = obj,
                     card = document.createElement('div');
-                card.classList.add('transaction token-creation')
+                card.classList.add('transaction', 'token-creation')
                 card.id = hash;
                 card.innerHTML = `
-                                <h5 class="label block">${blockHeight}</h5>
+                                <h5 class="label block-height">${blockHeight}</h5>
                                 <div class="contract-type">
                                     <h5 class="label">token creation</h5>
-                                    <h2 class="token uppercase">${token}</h2>
+                                    <h4 class="token uppercase">${token}</h4>
                                 </div>
                                 <div class="contract-info">
                                     <h5 class="label">Incorporation address</h5>
@@ -374,12 +386,12 @@
             contractTriggerCard: function(obj){
                 let {hash, blockHeight, contractName, contractAddress, winningChoice, committeeAddress} = obj,
                     card = document.createElement('div');
-                card.classList.add('transaction contract-trigger')
+                card.classList.add('transaction', 'contract-trigger')
                 card.id = hash;
                 card.innerHTML = `
-                                <h5 class="label block">${blockHeight}</h5>
+                                <h5 class="label block-height">${blockHeight}</h5>
                                 <div class="contract-type">
-                                    <h2 class="token uppercase">smart contract trigger</h2>
+                                    <h4 class="token uppercase">smart contract trigger</h4>
                                 </div>
                                 <div class="contract-info">
                                     <h5 class="label">Contract name</h5>
@@ -396,13 +408,13 @@
             contractCreationCard: function(obj){
                 let {hash, blockHeight, token, contractName, incAddress, contractType, expiration, participationFees, availableChoices} = obj,
                     card = document.createElement('div');
-                card.classList.add('transaction contract-creation')
+                card.classList.add('transaction', 'contract-creation')
                 card.id = hash;
                 card.innerHTML = `
-                                <h5 class="label block">${blockHeight}</h5>
+                                <h5 class="label block-height">${blockHeight}</h5>
                                 <div class="contract-type">
-                                    
-                                    <h2 class="token uppercase">${token}</h2>
+                                    <h5 class="label">Smart Contract creation</h5>
+                                    <h4 class="token uppercase">${token}</h4>
                                 </div>
                                 <div class="contract-info">
                                     <h5 class="label">Contract name</h5>
@@ -419,9 +431,10 @@
                                     <h4>${participationFees} ${token}</h4>
                                     <h5 class="label">user Choices</h5>
                                     <div class="choices-container">`;
-                availableChoices.forEach(choice => {
-                    card.innerHTML = `<div class="choice">${choice}</div>`
-                })
+                if(availableChoices )
+                    availableChoices.forEach(choice => {
+                        card.innerHTML = `<div class="choice">${choice}</div>`
+                    })
                 card.innerHTML +=`  </div>
                                 </div>`;
                 return card;
@@ -431,22 +444,42 @@
         const   pageTitle = document.getElementById('page_title'),
                 pageContainer = document.getElementById('page_container'),
                 pageHeader = document.getElementById('page_header');
-        let currentPage = 'homepage'
+        let currentPage = 'homepage', 
+            prevField = '';
         
-        function removePage(page){
-            document.getElementById(page).remove()
+        function removePage(){
+            if(pageContainer.firstElementChild)
+                pageContainer.firstElementChild.remove()
         }
 
         function replaceDash(string){
             return string.replace(/-/g," ")
         }
 
-        function render(pageId){
-            if(currentPage !== pageId)
-                removePage(currentPage)
+        let appState = {
+            page: 'homepage',
+            thisField: null
+        }
+
+        window.onpopstate = e => {
+            if(e.state !== null){
+                let {page, thisField} = e.state
+                render(page, thisField)
+            }
+        }
+
+        async function render(pageId, field){
+
+            if ('scrollRestoration' in history) {
+                history.scrollRestoration = 'manual';
+            }
+            window.scrollTo(0,0);
+
+            removePage(currentPage)
             
             if(pageId === 'address_page'){
-                pageContainer.append(create.addressPage('0.0001', 'F91a5151a651d1adv56151avdadlkn'))
+                let data = await getAddressInfo(field)
+                pageContainer.append(create.addressPage(data))
                 pageTitle.textContent = 'Address'
             }
 
@@ -485,11 +518,41 @@
                 pageTitle.textContent = 'Contract'
             }
 
-
+            if(pageId === 'block_page'){
+                let obj = {
+                    blockHeight: '4530254',
+                    size: '5161351651 bytes',
+                    transactions: '2',
+                    reward: '1FLO',
+                    amount: '0.1FLO',
+                    nonce: '5161',
+                    difficulty: '654564',
+                    hash: '1ab70a9de6a8deeb0ba8f6c4ca015d60659c90953a7c8a1f3215276fe57b1fb2',
+                }
+                pageContainer.append(create.blockPage(obj))
+                pageTitle.textContent = 'block'
+            }
 
             if(pageId === 'homepage'){
                 pageHeader.classList.add('hide-completely')
-                pageContainer.append(create.homepage({topToken: 'RMT', totalTransactions: '88', walletAddresses: '44', topContract: 'India Election 2019'}))
+                let data = await getData()
+                pageContainer.append(create.homepage(data))
+                let obj = {
+                    type: 'Token Transfer',
+                    name: 'RMT',
+                    blockHeight: '4530254',
+                    amount: '0.1FLO',
+                    sender: 'F846EFefybwewe45avd5165adv16',
+                    receiver: 'F846EFefybwewe45avd5165adv16',
+                    floData: 'transfer 100 rupee# to FJyz51JTnPuB3AMRjyYe3rbuLmnq4qErcc for FCuFeAa3Haqk9oKQWEKVSt4pwQQEooDAEm.',
+                    hash: '1ab70a9de6a8deeb0ba8f6c4ca015d60659c90953a7c8a1f3215276fe57b1fb2',
+                    confirmations: '22458'
+                }
+                frag.append(create.contractTransferCard(obj))
+                frag.append(create.tokenTransferCard(obj))
+                frag.append(create.tokenCreationCard(obj))
+                document.getElementById('top_transaction_container').append(frag)
+
                 let themeToggler = document.getElementById('theme_toggle'),
                     body = document.querySelector('body');
                 if(localStorage.theme === 'dark'){
@@ -520,6 +583,8 @@
             else
                 pageHeader.classList.remove('hide-completely')
             currentPage = pageId;
+            prevField = field;
+            loading()
         }
 
         function renderTransactions(){
@@ -528,27 +593,42 @@
 
         window.addEventListener('load', () => {
             render('homepage')
+            history.pushState(appState, null, null)
         
             document.querySelector('main').addEventListener('click', e => {
-                if(e.target.closest('.address')){
-                    render("address_page")
+                if(e.target.closest('.address') && prevField !== e.target.textContent){
+                    loading(true)
+                    render("address_page", e.target.textContent)
+                    appState = {page: 'address_page', thisField: e.target.textContent};
+                    history.pushState(appState, null, `?address=${e.target.textContent}`)
                 }
-                if(e.target.closest('.token')){
-                    render("token_page")
+                if(e.target.closest('.token') && prevField !== e.target.textContent){
+                    render("token_page", e.target.textContent)
+                    appState = {page: 'token_page', thisField: e.target.textContent};
+                    history.pushState(appState, null, null)
                 }
-                if(e.target.closest('.hash')){
-                    render("transaction_page")
+                if(e.target.closest('.hash') && prevField !== e.target.textContent){
+                    render("transaction_page", e.target.textContent)
+                    appState = {page: 'transaction_page', thisField: e.target.textContent}; 
+                    history.pushState(appState, null, null)
                 }
-                if(e.target.closest('.block')){
-                    render("block_page")
-                    pageTitle.textContent = 'Block'
+                if(e.target.closest('.block-height') && prevField !== e.target.textContent){
+                    render("block_page", e.target.textContent)
+                    appState = {page: 'block_page', thisField: e.target.textContent};
+                    history.pushState(appState, null, null)
                 }
-                if(e.target.closest('.contract')){
-                    render("contract_page")
+                if(e.target.closest('.contract') && prevField !== e.target.textContent){
+                    render("contract_page", e.target.textContent)
+                    appState = {page: 'contract_page', thisField: e.target.textContent};
+                    history.pushState(appState, null, null)
                 }
                 if(e.target.closest('.tab')){
                     showTab(e.target.closest('.tab'))
                 }
+                if(e.target.closest('#secondary_search')){
+                    render('homepage')
+                    document.getElementById('primary_search').click()
+                }
             })
         })
 
@@ -567,6 +647,33 @@
             })
             tab.classList.add('active')
         }
+
+        let loader = document.getElementById('loader_page')
+
+        function loading(status){
+            if(status)
+                loader.classList.remove('hide-completely')
+            else
+                loader.classList.add('hide-completely')
+        }
+
+        function getData(){ 
+            return new Promise(resolve => {
+                let obj = {topToken: 'RMT', totalTransactions: '88', walletAddresses: '44', topContract: 'India Election 2019'}
+                setTimeout(() => {
+                    resolve(obj)
+                }, 100)
+            })
+        }
+
+        function getAddressInfo(thisAddress){ 
+            return new Promise(resolve => {
+                let obj = {balance: '0.0001', address: thisAddress}
+                setTimeout(() => {
+                    resolve(obj)
+                }, 2000)
+            })
+        }
     </script>
 </body>
 </html>
\ No newline at end of file