diff --git a/css/main.css b/css/main.css
index 0f3ff4b..c084973 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;500;600;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,700&family=Roboto:wght@400;500;700&display=swap");
 *,
 ::before,
 ::after {
@@ -10,7 +10,7 @@
 }
 
 body {
-  --primary-color: #f8615a;
+  --primary-color: #F5F51A;
   --text: 17, 17, 17;
   --text-light: 85, 85, 85;
   --foreground: 255, 255, 255;
@@ -172,31 +172,6 @@ section {
   position: relative;
 }
 
-section header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 2em 0;
-}
-
-section header #logo {
-  display: inline-block;
-}
-
-section header h1 {
-  font-size: 1.5rem;
-}
-
-section header .border {
-  height: 0.3rem;
-  width: 50%;
-  background: -webkit-gradient(linear, left top, right top, from(#8E24AA), color-stop(#2962FF), to(#18FFFF));
-  background: linear-gradient(to right, #8E24AA, #2962FF, #18FFFF);
-}
-
 section .dark-background {
   display: -ms-grid;
   display: grid;
@@ -208,50 +183,120 @@ section .dark-background {
   padding: 0 1.5rem;
 }
 
+.top-bottom-padding {
+  padding: 1.5rem 0;
+}
+
 .margin {
   margin: 0 1.5rem;
 }
 
-#main_logo {
-  height: 2rem;
-  width: 2rem;
-  margin-right: 0.5rem;
+.margin-left-auto {
+  margin-left: auto;
+}
+
+.card {
+  padding: 2rem 1.5rem;
+  border-radius: 1rem;
+  border: solid 1px rgba(var(--text), 0.1);
+  margin: 1.5rem 0;
+}
+
+.card h4 {
+  margin-bottom: 0.5rem;
+}
+
+.label {
+  font-family: 'Montserrat' ,sans-serif;
+  text-transform: capitalize;
+  font-size: 0.8rem;
+  margin-bottom: 0.5rem;
+  line-height: 1.4em;
+  opacity: 0.6;
+  margin-top: 1.5rem;
+}
+
+.label:first-of-type {
+  margin-top: 0;
+}
+
+.header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 2em 0;
+}
+
+.header h1 {
+  font-size: 1.2rem;
+  text-transform: capitalize;
+}
+
+.header .montserrat {
+  font-weight: 600;
+}
+
+#logo {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  letter-spacing: 0.1em;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+#logo h4 {
+  font-weight: 400;
+}
+
+#logo #main_logo {
+  height: 1.2rem;
+  width: 1.2rem;
+  margin-right: 0.2rem;
   fill: rgba(var(--text), 1);
 }
 
 #first_section {
   display: -ms-grid;
   display: grid;
-  -ms-grid-rows: 1fr auto;
-      grid-template-rows: 1fr auto;
+  -ms-grid-rows: auto 1fr auto;
+      grid-template-rows: auto 1fr auto;
   min-height: 100vh;
 }
 
 #main_search {
   position: relative;
-  display: -ms-grid;
-  display: grid;
-  place-items: center;
-  padding: 1rem;
-  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -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 #floscout_illustration {
-  margin-bottom: 1em;
-  fill: none;
-  height: 12rem;
-  width: 12rem;
-  stroke-width: 12;
-  stroke-linecap: round;
-  stroke-linejoin: round;
+#main_search p {
+  opacity: 0.6;
+  text-align: left;
+  margin: 1rem 1.5rem 1.5rem 1.5rem;
 }
 
-#main_search #floscout_illustration .magni-glass-color {
-  stroke: var(--primary-color);
-}
-
-#main_search #floscout_illustration .cube-color {
-  stroke: rgba(var(--text), 1);
+#main_search h1 {
+  font-size: 4rem;
+  padding: 0 1.5rem;
+  text-align: left;
+  margin-top: 2rem;
 }
 
 #main_search .input {
@@ -261,14 +306,15 @@ section .dark-background {
   -ms-grid-columns: auto 1fr;
       grid-template-columns: auto 1fr;
   z-index: 1;
-  width: 100%;
+  width: calc(100% - 3rem);
+  margin: 1rem;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 1rem;
   gap: 1em;
-  border-radius: 0.4em;
-  background: var(--background);
+  border-radius: 1rem;
+  background: rgba(var(--text), 0.06);
 }
 
 #main_search input {
@@ -280,44 +326,52 @@ section .dark-background {
   color: rgba(var(--text), 1);
 }
 
-#main_search .icon {
+.icon {
   height: 1.2em;
   overflow: visible;
   width: 1.5em;
   fill: none;
   stroke: rgba(var(--text), 1);
+  stroke-linecap: round;
+  stroke-linejoin: round;
   opacity: 0.5;
   stroke-width: 6;
 }
 
-#main_search .icon line {
+.icon.search line {
   stroke-width: 8;
 }
 
+.icon#back_btn {
+  margin-right: 1rem;
+}
+
 #highlights {
-  padding: 4em 0;
+  padding: 1.5rem 0;
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: auto auto;
-      grid-template-columns: auto auto;
-  gap: 1rem;
+  -ms-grid-columns: 1fr 1fr;
+      grid-template-columns: 1fr 1fr;
+      grid-template-areas: 'token token'
 'total wallet'
 'contract contract';
+  gap: 1.5rem;
 }
 
 #highlights .highlight-item {
   padding: 1.5rem;
-  border-radius: 0.4rem;
-  background: var(--background);
+  border-radius: 1rem;
+  background: rgba(var(--foreground), 1);
+  border: 1px solid rgba(var(--text), 0.2);
 }
 
-#highlights .highlight-item h4 {
-  color: var(--primary-color);
+#highlights .highlight-item .label {
+  margin-top: 3rem;
 }
 
 #highlights .highlight-item h1 {
-  font-size: 1.6em;
+  font-size: 2rem;
   letter-spacing: 0.1rem;
-  margin-top: 0.4em;
   font-weight: 500;
+  text-transform: uppercase;
 }
 
 #highlights .highlight-item:first-of-type, #highlights .highlight-item:nth-of-type(2) {
@@ -332,8 +386,34 @@ section .dark-background {
   text-transform: capitalize;
 }
 
-.bebas {
-  font-family: 'Bebas Neue', cursive;
+#highlights .highlight-item:first-of-type {
+  -ms-grid-row: 1;
+  -ms-grid-column: 1;
+  -ms-grid-column-span: 2;
+  grid-area: token;
+}
+
+#highlights .highlight-item:nth-of-type(2) {
+  -ms-grid-row: 2;
+  -ms-grid-column: 1;
+  grid-area: total;
+}
+
+#highlights .highlight-item:nth-of-type(3) {
+  -ms-grid-row: 2;
+  -ms-grid-column: 2;
+  grid-area: wallet;
+}
+
+#highlights .highlight-item:last-of-type {
+  -ms-grid-row: 3;
+  -ms-grid-column: 1;
+  -ms-grid-column-span: 2;
+  grid-area: contract;
+}
+
+.montserrat {
+  font-family: 'montserrat', sans-serif;
   font-weight: normal;
   letter-spacing: 0.06em;
 }
@@ -355,7 +435,7 @@ section .dark-background {
           flex-direction: column;
   padding: 1.5rem;
   border-radius: 0.3em;
-  background: var(--background);
+  border: solid 1px rgba(var(--text), 0.1);
 }
 
 .transaction .transaction-header {
@@ -430,6 +510,18 @@ section .dark-background {
   z-index: 2;
 }
 
+#page_header {
+  padding: 1.5rem 0;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-family: 'Montserrat', sans-serif;
+}
+
+.page {
+  padding: 1.5rem 0;
+}
+
 @media only screen and (min-width: 640px) {
   .padding {
     padding: 0 6vw;
@@ -447,6 +539,39 @@ section .dark-background {
   section header h1 {
     font-size: 2rem;
   }
+  #main_search h1 {
+    font-size: 6rem;
+    text-align: center;
+  }
+  #highlights {
+    gap: 2rem;
+    -ms-grid-columns: (auto)[2];
+        grid-template-columns: repeat(2, auto);
+        grid-template-areas: 'token total' ' wallet contract';
+  }
+  #highlights .highlight-item h1 {
+    font-size: 2.5rem;
+  }
+  #highlights .highlight-item:first-of-type {
+    -ms-grid-row: 1;
+    -ms-grid-column: 1;
+    grid-area: token;
+  }
+  #highlights .highlight-item:nth-of-type(2) {
+    -ms-grid-row: 1;
+    -ms-grid-column: 2;
+    grid-area: total;
+  }
+  #highlights .highlight-item:nth-of-type(3) {
+    -ms-grid-row: 2;
+    -ms-grid-column: 1;
+    grid-area: wallet;
+  }
+  #highlights .highlight-item:last-of-type {
+    -ms-grid-row: 2;
+    -ms-grid-column: 2;
+    grid-area: contract;
+  }
 }
 
 @media only screen and (min-width: 1280px) {
@@ -456,14 +581,34 @@ section .dark-background {
   .margin {
     margin: 0 8vw;
   }
-  #highlights {
-    gap: 2rem;
-    -ms-grid-columns: (auto)[4];
-        grid-template-columns: repeat(4, auto);
-  }
   .input {
     width: 50vw !important;
   }
+  #highlights {
+    -ms-grid-columns: (auto)[4];
+        grid-template-columns: repeat(4, auto);
+        grid-template-areas: 'token total wallet contract';
+  }
+  #highlights .highlight-item:first-of-type {
+    -ms-grid-row: 1;
+    -ms-grid-column: 1;
+    grid-area: token;
+  }
+  #highlights .highlight-item:nth-of-type(2) {
+    -ms-grid-row: 1;
+    -ms-grid-column: 2;
+    grid-area: total;
+  }
+  #highlights .highlight-item:nth-of-type(3) {
+    -ms-grid-row: 1;
+    -ms-grid-column: 3;
+    grid-area: wallet;
+  }
+  #highlights .highlight-item:last-of-type {
+    -ms-grid-row: 1;
+    -ms-grid-column: 4;
+    grid-area: contract;
+  }
 }
 
 @media only screen and (min-width: 1920px) {
diff --git a/css/main.css.map b/css/main.css.map
index 62b6b8c..65a750a 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 dec42b6..d12bf32 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,700&family=Roboto:wght@400;500;700&display=swap');
 *,
 ::before,
 ::after{
@@ -8,7 +8,7 @@
     font-family: 'Roboto', sans-serif;
 } 
 body{
-    --primary-color: #f8615a;
+    --primary-color: #F5F51A;
     --text: 17, 17, 17;
     --text-light: 85, 85, 85;
     --foreground: 255, 255, 255;
@@ -119,22 +119,6 @@ button{
 }
 section{
     position: relative;
-    header{
-        display: flex;
-        align-items: center;
-        padding: 2em 0;
-        #logo{
-            display: inline-block;
-        }
-        h1{
-            font-size: 1.5rem;
-        }
-        .border{
-            height: 0.3rem;
-            width: 50%;
-            background: linear-gradient(to right, #8E24AA,#2962FF, #18FFFF);
-        }
-    }
     .dark-background{
         display: grid;
         grid-template-rows: auto 1fr;
@@ -143,52 +127,98 @@ section{
 .padding{
    padding: 0 1.5rem;
 }
+.top-bottom-padding{
+    padding: 1.5rem 0;
+}
 .margin{
    margin: 0 1.5rem;
 }
-#main_logo{
-    height: 2rem;
-    width: 2rem;
-    margin-right: 0.5rem;
-    fill: rgba(var(--text), 1);
+.margin-left-auto{
+    margin-left: auto;
+}
+.card{
+    padding: 2rem 1.5rem;
+    border-radius: 1rem;
+    border: solid 1px rgba(var(--text), 0.1);
+    margin: 1.5rem 0;
+    h4{
+        margin-bottom: 0.5rem;
+    }
+}
+.label{
+    font-family: 'Montserrat' ,sans-serif;
+    text-transform: capitalize;
+    font-size: 0.8rem;
+    margin-bottom: 0.5rem;
+    line-height: 1.4em;
+    opacity: 0.6;
+    margin-top: 1.5rem;
+    &:first-of-type{
+        margin-top: 0;
+    }
+}
+.header{
+    display: flex;
+    align-items: center;
+    padding: 2em 0;
+    h1{
+        font-size: 1.2rem;
+        text-transform: capitalize;
+    }
+    .montserrat{
+        font-weight: 600;
+    }
+}
+#logo{
+    display: inline-flex;
+    letter-spacing: 0.1em;
+    align-items: center;
+    h4{
+        font-weight: 400;
+    }
+    #main_logo{
+        height: 1.2rem;
+        width: 1.2rem;
+        margin-right: 0.2rem;
+        fill: rgba(var(--text), 1);
+    }
 }
 #first_section{
     display: grid;
-    grid-template-rows: 1fr auto;
+    grid-template-rows: auto 1fr auto;
     min-height: 100vh;
 }
 #main_search{
     position: relative;
-    display: grid;
-    place-items: center;
-    padding: 1rem;
-    height: 100%;
-    #floscout_illustration{
-        margin-bottom: 1em;
-        fill: none;
-        height: 12rem;
-        width: 12rem;
-        stroke-width: 12;
-        stroke-linecap: round;
-        stroke-linejoin: round;
-        .magni-glass-color{
-            stroke: var(--primary-color);
-        }
-        .cube-color{
-            stroke: rgba(var(--text), 1);
-        }
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    p{
+        opacity: 0.6;
+        text-align: left;
+        margin: 1rem 1.5rem 1.5rem 1.5rem;
+    }
+    h1{
+        font-size: 4rem;
+        padding: 0 1.5rem;
+        text-align: left;
+        margin-top: 2rem;
     }
     .input{
         position: relative;
         display: grid;
         grid-template-columns: auto 1fr;
         z-index: 1;
-        width: 100%;
+        width: calc(100% - 3rem);
+        margin: 1rem;
         align-items: center;
         padding: 1rem;
         gap: 1em;
-        border-radius: 0.4em;
-        background: var(--background);
+        border-radius: 1rem;
+        background: rgba(var(--text), 0.06);
+        //border: solid 1px rgba(var(--text), 0.6);
     }
     input{
         border: none;
@@ -198,36 +228,45 @@ section{
         font-size: 1rem;
         color: rgba(var(--text), 1);
     }
-    .icon{
-        height: 1.2em;
-        overflow: visible;
-        width: 1.5em;
-        fill: none;
-        stroke: rgba(var(--text), 1);
-        opacity: 0.5;
-        stroke-width: 6;
-        line{
-            stroke-width: 8;
-        }
+}
+.icon{
+    height: 1.2em;
+    overflow: visible;
+    width: 1.5em;
+    fill: none;
+    stroke: rgba(var(--text), 1);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    opacity: 0.5;
+    stroke-width: 6;
+    &.search line{
+        stroke-width: 8;
+    }
+    &#back_btn{
+        margin-right: 1rem;
     }
 }
 #highlights{
-    padding: 4em 0;
+    padding: 1.5rem 0;
     display: grid;
-    grid-template-columns: auto auto;
-    gap: 1rem;
+    grid-template-columns: 1fr 1fr;
+    grid-template-areas: 'token token'
+                            'total wallet'
+                            'contract contract';
+    gap: 1.5rem;
     .highlight-item{
         padding: 1.5rem;
-        border-radius: 0.4rem;
-        background: var(--background);
-        h4{
-            color: var(--primary-color);
-        }   
+        border-radius: 1rem;
+        background: rgba(var(--foreground), 1);
+        border: 1px solid rgba(var(--text), 0.2);
+        .label{
+            margin-top: 3rem;
+        }
         h1{
-            font-size: 1.6em;
+            font-size: 2rem;
             letter-spacing: 0.1rem;
-            margin-top: 0.4em;
             font-weight: 500;
+            text-transform: uppercase;
         }
         &:first-of-type,&:nth-of-type(2){
             cursor: pointer;
@@ -238,10 +277,22 @@ section{
         &:nth-of-type(2){
             text-transform: capitalize;
         }
+        &:first-of-type{
+            grid-area: token;
+        }
+        &:nth-of-type(2){
+            grid-area: total;
+        }
+        &:nth-of-type(3){
+            grid-area: wallet;
+        }
+        &:last-of-type{
+            grid-area: contract;
+        }
     }
 }
-.bebas{
-    font-family: 'Bebas Neue', cursive;
+.montserrat{
+    font-family: 'montserrat', sans-serif;
     font-weight: normal;
     letter-spacing: 0.06em;
 }
@@ -256,7 +307,7 @@ section{
     flex-direction: column;
     padding: 1.5rem;
     border-radius: 0.3em;
-    background: var(--background);
+    border: solid 1px rgba(var(--text), 0.1);
     .transaction-header{
         margin-bottom: 2em;
         grid-template-columns: auto 1fr;
@@ -313,6 +364,14 @@ section{
         z-index: 2;
     }
 }
+#page_header{
+    padding: 1.5rem 0;
+    align-items: center;
+    font-family: 'Montserrat', sans-serif;
+}
+.page{
+    padding: 1.5rem 0;
+}
 @media only screen and (min-width: 640px){
     .padding{
         padding: 0 6vw;
@@ -334,8 +393,37 @@ section{
             }
         }
     }
+    #main_search{
+        h1{
+            font-size: 6rem;
+            text-align: center;
+        }
+    }
+    #highlights{
+        gap: 2rem;
+        grid-template-columns: repeat(2, auto);
+        grid-template-areas: 'token total' ' wallet contract';
+        .highlight-item{
+            h1{
+                font-size: 2.5rem;
+            }
+            &:first-of-type{
+                grid-area: token;
+            }
+            &:nth-of-type(2){
+                grid-area: total;
+            }
+            &:nth-of-type(3){
+                grid-area: wallet;
+            }
+            &:last-of-type{
+                grid-area: contract;
+            }
+        }
+    }
 }
-@media only screen and (min-width: 800px){
+.page{
+    
 }
 @media only screen and (min-width: 1280px){
     .padding{
@@ -344,13 +432,28 @@ section{
     .margin{
        margin: 0 8vw;
     }
-    #highlights{
-        gap: 2rem;
-        grid-template-columns: repeat(4, auto);
-    }
+
     .input{
         width: 50vw !important;
     }
+    #highlights{
+        grid-template-columns: repeat(4, auto);
+        grid-template-areas: 'token total wallet contract';
+        .highlight-item{
+            &:first-of-type{
+                grid-area: token;
+            }
+            &:nth-of-type(2){
+                grid-area: total;
+            }
+            &:nth-of-type(3){
+                grid-area: wallet;
+            }
+            &:last-of-type{
+                grid-area: contract;
+            }
+        }
+    }
 }
 @media only screen and (min-width: 1920px){
     body{
diff --git a/index.html b/index.html
index c4df5d6..811df54 100644
--- a/index.html
+++ b/index.html
@@ -8,17 +8,15 @@
 </head>
 <body data-theme='dark'>
     <main>
-        <section id="first_section">
-            <div>
-                <header class="margin">
-                    <svg id="main_logo" viewBox="0 0 27.25 32">
-                        <title>RanchiMall</title>
-                        <path d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z"/>
-                    </svg>
+        <div class="page hide-completely">
+            <section id="first_section">
+                <header class="margin header">
                     <div id="logo">
-                        <h5>RanchiMall</h5>
-                        <h1 class="bebas">FLO SCOUT</h1>
-                        <div class="border"></div>
+                        <svg id="main_logo" viewBox="0 0 27.25 32">
+                            <title>RanchiMall</title>
+                            <path d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z"/>
+                        </svg>
+                        <h4>RanchiMall</h4>
                     </div>
                     <label class="toggle" style="margin-left: auto" title="Change theme">
                         <input type="checkbox" name="theme toggle" id="theme_toggle">
@@ -43,50 +41,40 @@
                     </label>
                 </header>
                 <div id="main_search">
-                    <!--<svg id="floscout_illustration" viewBox="0 0 512 369.55">
-                        <title>block explorer illustration</title>
-                        <path class="cube-color" d="M293.9,186l-69.66,40.22" transform="translate(0 -71.22)"/>
-                        <polyline class="cube-color" points="165.22 61.52 143.72 49.1 8.75 127.03 8.75 282.88 143.72 360.81 253.94 297.17"/>
-                        <path class="cube-color" d="M216.18,132.74l83.88,48.42V324" transform="translate(0 -71.22)"/>
-                        <path class="cube-color" d="M43.85,217.55l99.87,59.51V392.55" transform="translate(0 -71.22)"/>
-                        <circle class="magni-glass-color" cx="308.68" cy="133.72" r="123.72"/>
-                        <path class="magni-glass-color" d="M372.31,251.78a79.71,79.71,0,0,1-24,20.65" transform="translate(0 -71.22)"/>
-                        <path class="magni-glass-color" d="M335.15,129a78.81,78.81,0,0,1,51,94.65" transform="translate(0 -71.22)"/>
-                        <line class="magni-glass-color" x1="400.59" y1="223.86" x2="502" y2="328.39"/>
-                    </svg>-->
+                    <h1 class="montserrat">FLO SCOUT</h1>
+                   
                     <label class="input margin">
                         <svg class="icon" viewBox="0 0 64 64">
                             <title>search icon</title>
                             <path d="M24,1.58A22.15,22.15,0,0,1,39.68,39.39,22.15,22.15,0,0,1,8.36,8.07,22,22,0,0,1,24,1.58M24,0A23.73,23.73,0,1,0,40.8,7,23.65,23.65,0,0,0,24,0Z" transform="translate(-0.3 0)"/>
                             <line x1="63.35" y1="63.35" x2="39.86" y2="39.86"/>
                         </svg>
-                        <input type="search" placeholder="Search Block, Transactions, address, token or contract">
+                        <input type="search" placeholder="Search">
                     </label>
                 </div>
-            </div>
             <div id="highlights" class="margin">
                 <div class="highlight-item">
-                    <h4 class="bebas">top token</h4>
+                    <h4 class="label">top token</h4>
                     <h1>RMT</h1>
                 </div>
                 <div class="highlight-item">
-                    <h4 class="bebas">top contract</h4>
-                    <h1>India elections 2019</h1>
-                </div>
-                <div class="highlight-item">
-                    <h4 class="bebas">total transactions</h4>
+                    <h4 class="label">total transactions</h4>
                     <h1>88</h1>
                 </div>
                 <div class="highlight-item">
-                    <h4 class="bebas">Wallet addresses</h4>
+                    <h4 class="label">Wallet addresses</h4>
                     <h1>48</h1>
                 </div>
+                <div class="highlight-item">
+                    <h4 class="label">top contract</h4>
+                    <h1>India elections 2019</h1>
+                </div>
             </div>
         </section>
         <section id="latest_transaction_section">
-            <header class="margin grid grid-2">
-                <h1 class="bebas">Latest transactions</h1>
-                <button>View all</button>
+            <header class="margin grid grid-2 header">
+                <h1 class="montserrat">Latest transactions</h1>
+                <button class="margin-left-auto">all</button>
             </header>
             <div id="top_transaction_container" class="padding">
                 <div class="transaction">
@@ -109,6 +97,68 @@
                 </div>
             </div>
         </section>
+        </div>
+        <div id="page_container" class="margin">
+            <header id="page_header" class="flex">
+                <svg class="icon" 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 search margin-left-auto" viewBox="0 0 64 64">
+                    <title>search icon</title>
+                    <path d="M24,1.58A22.15,22.15,0,0,1,39.68,39.39,22.15,22.15,0,0,1,8.36,8.07,22,22,0,0,1,24,1.58M24,0A23.73,23.73,0,1,0,40.8,7,23.65,23.65,0,0,0,24,0Z" transform="translate(-0.3 0)"/>
+                    <line x1="63.35" y1="63.35" x2="39.86" y2="39.86"/>
+                </svg>
+            </header>
+            <div id="all_transations" class="">
+
+            </div>
+            <div id="all_blocks" class="">
+
+            </div>
+            <div id="block_page" class="page">
+                <h5 class="label">Block Height</h5>
+                <h2>4008986</h2>
+                <div class="card">
+                    <h4>1 Transction</h4>
+                    <h5 class="label">57465724.625 bytes</h5>
+                    <h5 class="label">Reward</h5>
+                    <h4>3.1253FLO</h4>
+                    <h5 class="label">Hash</h5>
+                    <h4 class="breakable">17779bedfe0c174eea678318adf30ff33f74c575ce7238efe339927832632fe1</h4>
+                    <h5 class="label">Difficulty</h5>
+                    <h4>681</h4>
+                    <h5 class="label">Nonce</h5>
+                    <h4>29294481394</h4>
+                </div>
+                <h2>Transactions</h2>
+                <div id="block_transaction_container" class="top-bottom-padding">
+                    <div class="transaction">
+                        <div class="transaction-header grid grid-2">
+                            <div>
+                                <h5>Token transfer</h5>
+                                <h2>Rupee</h2>
+                            </div>
+                            <svg class="icon margin-left-auto" viewBox="0 0 64 64">
+                                <title>More infomation icon</title>
+                                <path d="M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm3.07,47.91a3.1,3.1,0,0,1-6.19,0V26.55a3.1,3.1,0,0,1,6.19,0Zm-.49-29.27a3.46,3.46,0,0,1-2.59.93,3.46,3.46,0,0,1-2.59-.93,3.22,3.22,0,0,1-.9-2.33,3.3,3.3,0,0,1,.9-2.37A3.43,3.43,0,0,1,32,13a3.43,3.43,0,0,1,2.59.94,3.27,3.27,0,0,1,.92,2.37A3.2,3.2,0,0,1,34.58,18.64Z"/>
+                            </svg>
+                        </div>
+                        <h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
+                        <h5>to</h5>
+                        <h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
+                        <h3>₹0.000000007</h3>
+                    </div>
+                </div>
+            </div>
+            <div id="address_page">
+
+            </div>
+            <div id="transaction_page">
+
+            </div>
+        </div>
     </main>
     <script>
         let themeToggler = document.getElementById('theme_toggle'),
@@ -144,6 +194,39 @@
                 body.classList.remove('transition')
             }, 700)
         }
+
+        const   allPages = document.querySelectorAll('.page'),
+                pageTitle = document.getElementById('page_title');
+        function showPage(pageId){
+            let thisPage = document.getElementById(pageId);
+            allPages.forEach(page => {
+                page.classList.add('hide-completely')
+            })
+            thisPage.classList.remove('hide-completely')
+        }
+
+        const create = {
+            transaction: function(block, type, name, sender, reciever, amount){
+                let card = document.createElement('div');
+                card.classList.add('transaction')
+                card.id = block;
+                card.innerHTML = `<div class="transaction-header grid grid-2">
+                                    <div>
+                                        <h5>${type}</h5>
+                                        <h2>${name}</h2>
+                                    </div>
+                                    <svg class="icon margin-left-auto" viewBox="0 0 64 64">
+                                        <title>More infomation icon</title>
+                                        <path d="M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm3.07,47.91a3.1,3.1,0,0,1-6.19,0V26.55a3.1,3.1,0,0,1,6.19,0Zm-.49-29.27a3.46,3.46,0,0,1-2.59.93,3.46,3.46,0,0,1-2.59-.93,3.22,3.22,0,0,1-.9-2.33,3.3,3.3,0,0,1,.9-2.37A3.43,3.43,0,0,1,32,13a3.43,3.43,0,0,1,2.59.94,3.27,3.27,0,0,1,.92,2.37A3.2,3.2,0,0,1,34.58,18.64Z"/>
+                                    </svg>
+                                </div>
+                                <h4 class="breakable">${sender}</h4>
+                                <h5>to</h5>
+                                <h4 class="breakable">${reciever}</h4>
+                                <h3>₹${amount}</h3>`;
+                return card;
+            }
+        }
     </script>
 </body>
 </html>
\ No newline at end of file