diff --git a/bitcoinbonds.html b/bitcoinbonds.html
index fb82e75..f66d42b 100644
--- a/bitcoinbonds.html
+++ b/bitcoinbonds.html
@@ -13,6 +13,8 @@
 </head>
 
 <body>
+    <sm-notifications id="notification_drawer"></sm-notifications>
+
     <section id="elevator_popup" class="grid hide-completely">
         <header class="elevator__header">
             <button class="close-button justify-self-start" onclick="hideSiteMap()">
@@ -116,40 +118,7 @@
             </scroll-tab-header>
         </div>
         <scroll-tab-panels id="bit_bond_page_group">
-            <div class="flex w-100" style="overflow-x: auto;">
-                <table>
-                    <thead>
-                        <tr class="tr">
-                            <td class="td weight-700 uppercase">Series</td>
-                            <td class="td weight-700 uppercase">Series date</td>
-                            <td class="td weight-700 uppercase">Time Elapsed</td>
-                            <td class="td weight-700 uppercase">Current value</td>
-                            <td class="td weight-700 uppercase">Rate of return</td>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr class="tr">
-                            <td class="td weight-500">$975</td>
-                        </tr>
-                        <tr class="tr">
-                            <td class="td weight-500">$1057</td>
-                        </tr>
-                        <tr class="tr">
-                            <td class="td weight-500">$1064</td>
-                        </tr>
-                        <tr class="tr">
-                            <td class="td weight-500">$1205</td>
-                        </tr>
-                        <tr class="tr">
-                            <td class="td weight-500">$1285</td>
-                        </tr>
-                        <tr class="tr">
-                            <td class="td weight-500">$2513</td>
-                        </tr>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
+            <div id="bit_bond_series__container" class="grid series-container"></div>
             <p id="bit_bond_info">
                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga inventore error omnis ipsam ut incidunt,
                 doloremque pariatur expedita distinctio itaque.
@@ -159,5 +128,16 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
     <script src="js/components.js"></script>
     <script src="js/index.js"></script>
+    <script>
+        function renderAllSeries(){
+            const frag = document.createDocumentFragment()
+            getRef('bit_bond_series__container').innerHTML = ''
+            bitBondSerieses.forEach((series, index) => {
+                frag.append(render.bitBondRow(series))
+            })
+            getRef('bit_bond_series__container').append(frag)
+        }
+        renderAllSeries()
+    </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/bob'sfund.html b/bob'sfund.html
index 63c7b8e..d7fdc60 100644
--- a/bob'sfund.html
+++ b/bob'sfund.html
@@ -13,6 +13,8 @@
 </head>
 
 <body>
+    <sm-notifications id="notification_drawer"></sm-notifications>
+
     <section id="elevator_popup" class="grid hide-completely">
         <header class="elevator__header">
             <button class="close-button justify-self-start" onclick="hideSiteMap()">
diff --git a/css/main.css b/css/main.css
index 52b284e..d1e1745 100644
--- a/css/main.css
+++ b/css/main.css
@@ -6,6 +6,10 @@
   font-family: "Roboto Slab", serif;
 }
 
+:root {
+  font-size: clamp(1rem, 1.2vmax, 3rem);
+}
+
 body {
   --accent-color: #e72c45;
   --light-shade: rgba(var(--text-color), 0.06);
@@ -14,9 +18,9 @@ body {
   --foreground-color: 255, 255, 255;
   --background-color: #F6f6f6;
   --error-color: red;
+  --green: #1DC838;
   color: rgba(var(--text-color), 1);
   height: calc(100%);
-  font-size: clamp(1rem, 1.2vmax, 3rem);
   background: var(--background-color);
 }
 
@@ -176,6 +180,10 @@ ul {
   position: relative;
 }
 
+.text-align-right {
+  text-align: right;
+}
+
 .align-start {
   align-items: flex-start;
 }
@@ -678,7 +686,7 @@ ul {
 }
 
 .outlets-container {
-  margin: 1.5rem 0;
+  margin: 1rem 0;
   gap: 1.5rem;
 }
 
@@ -753,21 +761,26 @@ ul {
   font-size: 1.3rem;
 }
 
-#bit_bond_series__container {
-  background: url(../assets/bg/bitbonds-bg.png) bottom right no-repeat, rgba(var(--foreground-color), 1);
-  background-size: 60%;
+.series-container {
+  gap: 2rem 1.5rem;
+  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+}
+.series-container .bit-bond-series__row {
+  padding: 1.5rem;
 }
 
-#bob_fund_investors__container {
-  background: url(../assets/bg/bobsfund-bg.png) bottom left no-repeat, rgba(var(--foreground-color), 1);
-  background-size: 60%;
+/* #bit_bond_series__container{
+    background: url(../assets/bg/bitbonds-bg.png) bottom right no-repeat, rgba(var(--foreground-color), 1);
+    background-size: 60%;
 }
-
-#ico_investors__container {
-  background: url(../assets/bg/ico-bg.png) top right no-repeat, rgba(var(--foreground-color), 1);
-  background-size: 60%;
+#bob_fund_investors__container{
+    background: url(../assets/bg/bobsfund-bg.png) bottom left no-repeat, rgba(var(--foreground-color), 1);
+    background-size: 60%;
 }
-
+#ico_investors__container{
+    background: url(../assets/bg/ico-bg.png) top right no-repeat, rgba(var(--foreground-color), 1);
+    background-size: 60%;
+} */
 sm-carousel {
   position: relative;
   height: 100%;
@@ -790,6 +803,27 @@ sm-carousel {
   min-width: 100%;
 }
 
+.bit-bond-series__row {
+  gap: 1rem;
+  border-radius: 0.5rem;
+  grid-auto-flow: column;
+  align-items: flex-start;
+  box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.1);
+}
+
+.up-arrow {
+  height: 1.2em;
+  width: 1.2em;
+  fill: var(--green);
+  margin-right: 0.1em;
+}
+
+.percent-gain {
+  color: var(--green);
+  font-weight: 500;
+  margin-right: 0.5em;
+}
+
 .investor-card {
   align-items: flex-start;
   grid-template-columns: auto 1fr;
@@ -877,7 +911,9 @@ scroll-tab-header {
 }
 
 scroll-tab-panels {
+  --gap: 1.5rem;
   --background: transparent;
+  margin-bottom: 6rem;
 }
 scroll-tab-panels > * {
   opacity: 0.4;
@@ -952,23 +988,6 @@ scroll-tab-panels > [active] {
   fill: var(--accent-color);
 }
 
-table {
-  border-collapse: collapse;
-  width: max-content;
-}
-
-.tr {
-  margin: 0.5rem;
-}
-.tr:nth-of-type(even) {
-  background: rgba(var(--text-color), 0.1);
-}
-
-.td {
-  padding: 0.6rem 0.8rem;
-  white-space: nowrap;
-}
-
 #ico_page__carousel {
   width: min(36rem, 100%);
   height: max-content;
@@ -1084,6 +1103,10 @@ table {
     right: 0;
   }
 
+  .bit-bond-series__row {
+    grid-auto-flow: column;
+  }
+
   .carousel-holder {
     align-self: flex-start;
     transform: translateY(-2rem);
@@ -1137,17 +1160,6 @@ table {
 
   .grid-3 {
     justify-content: center;
-    /*         & > .grid:not(:last-of-type){
-                position: relative;
-                &::after{
-                    content: '';
-                    position: absolute;
-                    height: 4rem;
-                    width: 1px;
-                    right: 0.5rem;
-                    background-color: var(--accent-color);
-                }
-            } */
   }
   .grid-3 > .grid {
     width: 100%;
diff --git a/css/main.min.css b/css/main.min.css
index 0331cc3..313ba1a 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-.floor__header,body{background:var(--background-color)}a,button{color:inherit}.interact,.theme-switcher,button{cursor:pointer;-webkit-tap-highlight-color:transparent}.hide,.ripple{pointer-events:none}.pos-relative,button{position:relative}.floor-title,.overflow-ellipsis,.td{white-space:nowrap}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.button__icon--left,.margin-right-0-5{margin-right:.5rem}body{--accent-color:#e72c45;--light-shade:rgba(var(--text-color), 0.06);--text-color:17,17,17;--text-color-light:100,100,100;--foreground-color:255,255,255;--background-color:#F6f6f6;--error-color:red;color:rgba(var(--text-color),1);height:calc(100%);font-size:clamp(1rem,1.2vmax,3rem)}body[data-theme=dark]{--accent-color:#ff3949;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106)}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}body[data-theme=dark] .outlet__title{font-weight:800}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize,.outlet__title{text-transform:capitalize}p{max-width:60ch;line-height:1.7}img{object-fit:cover}a{text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;font-weight:500}.button--primary,.outlet-number{color:rgba(var(--foreground-color),1)}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.elevator__header,.popup__header{gap:.5rem;grid-template-columns:auto 1fr}.align-start{align-items:flex-start}.align-center,.popup__header{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.hide{opacity:0}.hide-completely{display:none!important}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16)}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;width:100%}.elevator__header,.floor-label,.outlet-preview,.outlet_switcher__button{align-items:center}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.floor_list__header{position:sticky;z-index:1;background:rgba(var(--foreground-color),1)}.elevator__header{top:0;padding:1.2rem 1.5rem;display:grid;justify-content:flex-start;width:100%}#floor_list{align-content:flex-start;padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top}.floor_list__item{display:grid;gap:1.5rem;transform-origin:top}.floor_list__item:last-of-type{padding-bottom:25vh}.floor_list__header{top:0;padding-bottom:.5rem}.outlet-list{gap:2rem;padding:0 0 1rem 2rem;border-left:.15rem solid var(--accent-color);counter-reset:outlet-counter}.outlet-list__item{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-list__item .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{padding:.5rem 0;flex-direction:column;text-align:left;align-items:flex-start;border-radius:.2rem;font-size:1.5rem;font-weight:900;background:rgba(var(--foreground-color),1)}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.floor-name{margin-top:.2rem;font-size:.8rem}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--accent-color)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#elevator_button .icon{width:1.7rem;height:1.7rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5.2rem);scroll-behavior:smooth}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:10;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.7rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.line-map__bar{width:.1rem;height:100%;border-radius:1rem;background:var(--accent-color)}.floor-label{position:absolute;display:flex;left:.2rem;margin-top:-1rem;user-select:none;transition:transform .3s}.outlet-number,.outlet-preview{display:grid;position:relative}.floor-circle{position:relative;border-radius:1rem;padding:.8rem}.floor-circle::after{content:"";position:absolute;padding:.3rem;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--text-color),1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color),1);transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.floor__header{position:sticky;top:0;transform:translateY(-.1rem);z-index:8;padding:.5rem 0}.floor__header::before{content:"";position:absolute;left:-1%;width:1%;height:100%;background:var(--background-color)}.floor__header::after{content:"";position:absolute;right:-1%;width:1%;height:100%;background:var(--background-color)}.big-icon,.outlet-number{width:2rem;height:2rem}.outlets-container{margin:1.5rem 0;gap:1.5rem}.outlet-number{aspect-ratio:1/1;font-size:1.3rem;font-weight:900;margin-bottom:.5rem;border-radius:.2rem;place-content:center;justify-self:flex-start;background:rgba(var(--text-color),1);box-shadow:.2rem .2rem 0 var(--accent-color)}.outlet-preview__info{position:relative;padding:1rem;border-radius:.5rem}.outlet__title{font-weight:900;font-size:1.8rem;margin-bottom:.8rem}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__border{position:absolute;height:100%;width:100%;z-index:-1;border-radius:.5rem;background:var(--background-color);box-shadow:0 0 0 1px rgba(var(--text-color),.2) inset,0 2rem 3rem -2rem rgba(0,0,0,.1)}.outlet-preview__button{justify-self:flex-start;border-radius:.2rem;padding:.3rem 1rem;color:#fff;background-color:var(--accent-color)}#outlet_switcher,sm-carousel{background:rgba(var(--foreground-color),1)}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}#bit_bond_series__container{background:url(../assets/bg/bitbonds-bg.png) bottom right no-repeat,rgba(var(--foreground-color),1);background-size:60%}#bob_fund_investors__container{background:url(../assets/bg/bobsfund-bg.png) bottom left no-repeat,rgba(var(--foreground-color),1);background-size:60%}#ico_investors__container{background:url(../assets/bg/ico-bg.png) top right no-repeat,rgba(var(--foreground-color),1);background-size:60%}sm-carousel{position:relative;height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--accent-color)}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{align-items:flex-start;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;font-size:1rem;padding:.4rem 0;flex-shrink:0;font-weight:500}.outlet-label,.rooms__header{align-items:center;display:flex}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header{--padding:0.5rem 0;--border-radius:0.3rem;--background:transparent;--grid-auto-flow:column}scroll-tab-panels{--background:transparent}scroll-tab-panels>*{opacity:.4;flex-shrink:0;min-width:100%;transition:opacity .6s}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.rooms__header{position:sticky;top:0;z-index:1;margin-bottom:1.5rem;background:var(--background-color);box-shadow:0 1rem 1rem -1rem rgba(0,0,0,.2)}.room__label{position:relative;display:flex;align-items:center;font-weight:500;margin-right:.5rem;padding-right:1.5rem}.room-button,.td{padding:.6rem .8rem}.room__label::after{content:"";position:absolute;height:150%;width:.1rem;right:0;background-color:rgba(var(--text-color),.5)}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-weight:500;font-size:1.1rem;transition:opacity .3s,background-color .3s}.room-button:not(:last-of-type)::after{content:"";height:.1rem;width:4rem;margin-left:1rem;align-self:center;background:var(--accent-color)}.room-button[active]{opacity:1;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}table{border-collapse:collapse;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color),.1)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width:640px){.hide-on-mobile{display:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}}@media only screen and (min-width:640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{padding:0 3rem 4rem 4.6rem}#home_page{grid-template-columns:1fr 80vw 1fr}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:5rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2,1fr)}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__border{right:0}.carousel-holder{align-self:flex-start;transform:translateY(-2rem);z-index:1;border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;box-shadow:1px .1rem .1rem rgba(0,0,0,.06),-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{box-shadow:1px .1rem .1rem rgba(0,0,0,.06),2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}.outlet-preview__info{padding:2rem}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width:1280px){.page{grid-template-columns:1fr 80vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}}@media only screen and (min-width:1920px){#home_page,.page{grid-template-columns:1fr 60vw 1fr}}@media (any-hover:hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.page-link{cursor:pointer;transition:color .3s}.page-link:hover{color:var(--accent-color)}.page-link:hover .icon{fill:var(--accent-color)}.floor__button:hover{background:var(--background-color)}}
\ No newline at end of file
+a,button{color:inherit}.interact,.theme-switcher,button{cursor:pointer;-webkit-tap-highlight-color:transparent}.hide,.ripple{pointer-events:none}.pos-relative,button{position:relative}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.button__icon--left,.margin-right-0-5{margin-right:.5rem}:root{font-size:clamp(1rem,1.2vmax,3rem)}body{--accent-color:#e72c45;--light-shade:rgba(var(--text-color), 0.06);--text-color:17,17,17;--text-color-light:100,100,100;--foreground-color:255,255,255;--background-color:#F6f6f6;--error-color:red;--green:#1DC838;color:rgba(var(--text-color),1);height:calc(100%);background:var(--background-color)}body[data-theme=dark]{--accent-color:#ff3949;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106)}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}body[data-theme=dark] .outlet__title{font-weight:800}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize,.outlet__title{text-transform:capitalize}p{max-width:60ch;line-height:1.7}img{object-fit:cover}a{text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;font-weight:500}.align-start,.bit-bond-series__row{align-items:flex-start}.button--primary,.outlet-number{color:rgba(var(--foreground-color),1)}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.elevator__header,.popup__header{grid-template-columns:auto 1fr;gap:.5rem}.text-align-right{text-align:right}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.hide{opacity:0}.hide-completely{display:none!important}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16)}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;align-items:center;width:100%}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.floor_list__header{position:sticky;z-index:1;background:rgba(var(--foreground-color),1)}.elevator__header{top:0;padding:1.2rem 1.5rem;display:grid;align-items:center;justify-content:flex-start;width:100%}#floor_list{align-content:flex-start;padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top}.floor_list__item{display:grid;gap:1.5rem;transform-origin:top}.floor_list__item:last-of-type{padding-bottom:25vh}.floor_list__header{top:0;padding-bottom:.5rem}.outlet-list{gap:2rem;padding:0 0 1rem 2rem;border-left:.15rem solid var(--accent-color);counter-reset:outlet-counter}.outlet-list__item{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-list__item .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{padding:.5rem 0;flex-direction:column;text-align:left;align-items:flex-start;border-radius:.2rem;font-size:1.5rem;font-weight:900;background:rgba(var(--foreground-color),1)}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.floor-name{margin-top:.2rem;font-size:.8rem}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--accent-color)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#elevator_button .icon{width:1.7rem;height:1.7rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.outlet-number,.outlet-preview{display:grid;position:relative}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5.2rem);scroll-behavior:smooth}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:10;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.7rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.line-map__bar{width:.1rem;height:100%;border-radius:1rem;background:var(--accent-color)}.floor-label{position:absolute;display:flex;align-items:center;left:.2rem;margin-top:-1rem;user-select:none;transition:transform .3s}.floor-circle{position:relative;border-radius:1rem;padding:.8rem}.floor-circle::after{content:"";position:absolute;padding:.3rem;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--text-color),1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color),1);transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.floor__header{position:sticky;top:0;transform:translateY(-.1rem);z-index:8;padding:.5rem 0;background:var(--background-color)}.floor__header::before{content:"";position:absolute;left:-1%;width:1%;height:100%;background:var(--background-color)}.floor__header::after{content:"";position:absolute;right:-1%;width:1%;height:100%;background:var(--background-color)}.big-icon,.outlet-number{width:2rem;height:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{align-items:center}.outlet-number{aspect-ratio:1/1;font-size:1.3rem;font-weight:900;margin-bottom:.5rem;border-radius:.2rem;place-content:center;justify-self:flex-start;background:rgba(var(--text-color),1);box-shadow:.2rem .2rem 0 var(--accent-color)}.outlet-preview__info{position:relative;padding:1rem;border-radius:.5rem}.outlet__title{font-weight:900;font-size:1.8rem;margin-bottom:.8rem}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__border{position:absolute;height:100%;width:100%;z-index:-1;border-radius:.5rem;background:var(--background-color);box-shadow:0 0 0 1px rgba(var(--text-color),.2) inset,0 2rem 3rem -2rem rgba(0,0,0,.1)}.outlet-preview__button{justify-self:flex-start;border-radius:.2rem;padding:.3rem 1rem;color:#fff;background-color:var(--accent-color)}#outlet_switcher,sm-carousel{background:rgba(var(--foreground-color),1)}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}.series-container{gap:2rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.grid-2,.investor-card{grid-template-columns:auto 1fr}.series-container .bit-bond-series__row{padding:1.5rem}sm-carousel{position:relative;height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--accent-color)}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.bit-bond-series__row{gap:1rem;border-radius:.5rem;grid-auto-flow:column;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.up-arrow{height:1.2em;width:1.2em;fill:var(--green);margin-right:.1em}.percent-gain{color:var(--green);font-weight:500;margin-right:.5em}.investor-card{align-items:flex-start;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.4rem 0;flex-shrink:0;font-weight:500}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{display:flex;align-items:center;justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header{--padding:0.5rem 0;--border-radius:0.3rem;--background:transparent;--grid-auto-flow:column}scroll-tab-panels{--gap:1.5rem;--background:transparent;margin-bottom:6rem}scroll-tab-panels>*{opacity:.4;flex-shrink:0;min-width:100%;transition:opacity .6s}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.rooms__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;margin-bottom:1.5rem;background:var(--background-color);box-shadow:0 1rem 1rem -1rem rgba(0,0,0,.2)}.room__label{position:relative;display:flex;align-items:center;font-weight:500;margin-right:.5rem;padding-right:1.5rem}.room__label::after{content:"";position:absolute;height:150%;width:.1rem;right:0;background-color:rgba(var(--text-color),.5)}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-weight:500;font-size:1.1rem;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button:not(:last-of-type)::after{content:"";height:.1rem;width:4rem;margin-left:1rem;align-self:center;background:var(--accent-color)}.room-button[active]{opacity:1;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width:640px){.hide-on-mobile{display:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}}@media only screen and (min-width:640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{padding:0 3rem 4rem 4.6rem}#home_page{grid-template-columns:1fr 80vw 1fr}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:5rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2,1fr)}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__border{right:0}.bit-bond-series__row{grid-auto-flow:column}.carousel-holder{align-self:flex-start;transform:translateY(-2rem);z-index:1;border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;box-shadow:1px .1rem .1rem rgba(0,0,0,.06),-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{box-shadow:1px .1rem .1rem rgba(0,0,0,.06),2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}.outlet-preview__info{padding:2rem}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width:1280px){.page{grid-template-columns:1fr 80vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}}@media only screen and (min-width:1920px){#home_page,.page{grid-template-columns:1fr 60vw 1fr}}@media (any-hover:hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.page-link{cursor:pointer;transition:color .3s}.page-link:hover{color:var(--accent-color)}.page-link:hover .icon{fill:var(--accent-color)}.floor__button:hover{background:var(--background-color)}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 8a57342..fd0e2a7 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -5,6 +5,9 @@
     box-sizing: border-box;
     font-family: 'Roboto Slab', serif;
 }
+:root{
+    font-size: clamp(1rem, 1.2vmax, 3rem);
+}
 body {
     --accent-color: #e72c45;
     --light-shade: rgba(var(--text-color), 0.06);
@@ -13,9 +16,9 @@ body {
     --foreground-color: 255, 255, 255;
     --background-color: #F6f6f6;
     --error-color: red;
+    --green: #1DC838;
     color: rgba(var(--text-color), 1);
     height: calc(100%);
-    font-size: clamp(1rem, 1.2vmax, 3rem);
     background: var(--background-color);
 }
 body[data-theme='dark']{
@@ -151,6 +154,9 @@ ul{
 .pos-relative{
     position: relative;
 }
+.text-align-right{
+    text-align: right;
+}
 .align-start{
     align-items: flex-start;
 }
@@ -601,7 +607,7 @@ ul{
 }
 
 .outlets-container{
-    margin: 1.5rem 0;
+    margin: 1rem 0;
     gap: 1.5rem;
 }
 
@@ -670,7 +676,14 @@ ul{
     font-size: 1.3rem;
 }
 
-#bit_bond_series__container{
+.series-container{
+    gap: 2rem 1.5rem;
+    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+    .bit-bond-series__row{
+        padding: 1.5rem;
+    }
+}
+/* #bit_bond_series__container{
     background: url(../assets/bg/bitbonds-bg.png) bottom right no-repeat, rgba(var(--foreground-color), 1);
     background-size: 60%;
 }
@@ -681,7 +694,7 @@ ul{
 #ico_investors__container{
     background: url(../assets/bg/ico-bg.png) top right no-repeat, rgba(var(--foreground-color), 1);
     background-size: 60%;
-}
+} */
 
 sm-carousel{
     position: relative;
@@ -704,6 +717,26 @@ sm-carousel{
 .investor-card{
     min-width: 100%;
 }
+.bit-bond-series__row{
+    gap: 1rem;
+    border-radius: 0.5rem;
+    grid-auto-flow: column;
+    align-items: flex-start;
+    box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.1);
+}
+
+.up-arrow{
+    height: 1.2em;
+    width: 1.2em;
+    fill: var(--green);
+    margin-right: 0.1em;
+}
+.percent-gain{
+    color: var(--green);
+    font-weight: 500;
+    margin-right: 0.5em;
+}
+
 
 .investor-card{
     align-items: flex-start;
@@ -784,7 +817,9 @@ scroll-tab-header{
     --grid-auto-flow: column;
 }
 scroll-tab-panels{
+    --gap: 1.5rem;
     --background: transparent;
+    margin-bottom: 6rem;
     & > *{
         opacity: 0.4;
         flex-shrink: 0;
@@ -856,21 +891,6 @@ scroll-tab-panels{
 
 }
 
-table{
-    border-collapse: collapse;
-    width: max-content;
-}
-.tr{
-    margin: 0.5rem;
-    &:nth-of-type(even){
-        background: rgba(var(--text-color), 0.1);
-    }
-}
-.td{
-    padding: 0.6rem 0.8rem;
-    white-space: nowrap;
-}
-
 #ico_page__carousel{
     width: min(36rem ,100%);
     height: max-content;
@@ -978,6 +998,9 @@ table{
             }
         }
     }
+    .bit-bond-series__row{
+        grid-auto-flow: column;
+    }
     .carousel-holder{
         align-self: flex-start;
         transform: translateY(-2rem);
@@ -1026,17 +1049,6 @@ table{
         & > .grid{
             width: 100%;
         }
-/*         & > .grid:not(:last-of-type){
-            position: relative;
-            &::after{
-                content: '';
-                position: absolute;
-                height: 4rem;
-                width: 1px;
-                right: 0.5rem;
-                background-color: var(--accent-color);
-            }
-        } */
     }
 }
 @media only screen and (min-width: 1920px) {
diff --git a/ico.html b/ico.html
index 59a0fe4..3e8f726 100644
--- a/ico.html
+++ b/ico.html
@@ -13,6 +13,7 @@
 </head>
 
 <body>
+    <sm-notifications id="notification_drawer"></sm-notifications>
 
     <template id="ico_phase_template">
         <li class="phase grid">
diff --git a/index.html b/index.html
index 79cdcb6..a685a73 100644
--- a/index.html
+++ b/index.html
@@ -15,23 +15,6 @@
     <sm-notifications id="notification_drawer"></sm-notifications>
     <!-- Component templates -->
 
-    <template id="bit_bond_row">
-        <div class="bit-bond-series__row grid grid-3 gap-1">
-            <div class="grid">
-                <h5 class="label color-0-8 weight-500">Series</h5>
-                <h3 class="value original-value"></h3>
-            </div>
-            <div class="grid">
-                <h5 class="label color-0-8 weight-500">Current value</h5>
-                <h3 class="value current-value"></h3>
-            </div>
-            <div class="grid">
-                <h5 class="label color-0-8 weight-500">Time Elapsed</h5>
-                <h3 class="value time-elapsed"></h3>
-            </div>
-        </div>
-    </template>
-
     <template id="bob_fund_row">
         <div class="bob-fund__row grid gap-2">
             <div class="grid">
@@ -424,40 +407,6 @@
 
     <script>
 
-        const bitBondSerieses = [
-            {
-                series: '$975',
-                currentValue: '$XXXXX',
-                timeElapsed: '2years'
-            },
-            {
-                series: '$1057',
-                currentValue: '$XXXXX',
-                timeElapsed: '2years'
-            },
-            {
-                series: '$1064',
-                currentValue: '$XXXXX',
-                timeElapsed: '2years'
-            },
-            {
-                series: '$1205',
-                currentValue: '$XXXXX',
-                timeElapsed: '2years'
-            },
-            {
-                series: '$1285',
-                currentValue: '$XXXXX',
-                timeElapsed: '2years'
-            },
-            {
-                series: '$2513',
-                currentValue: '$XXXXX',
-                timeElapsed: '2years'
-            },
-        ]
-
-
         const bobFund = [
             {
                 investorName: 'John Doe',
@@ -575,7 +524,7 @@
         function renderAllSeries(){
             const frag = document.createDocumentFragment()
             getRef('bit_bond_series__container').innerHTML = ''
-            bitBondSerieses.forEach(series => {
+            bitBondSerieses.forEach((series, index) => {
                 frag.append(render.bitBondRow(series))
             })
             getRef('bit_bond_series__container').append(frag)
diff --git a/js/components.js b/js/components.js
index 4ae132a..4402c87 100644
--- a/js/components.js
+++ b/js/components.js
@@ -3744,11 +3744,11 @@ scrollTabPanels.innerHTML = `
         .tab-panels{
             display: grid;
             grid-auto-flow: column;
-            grid-auto-columns: 100%;
+            grid-auto-columns: calc(100% - 3rem);
             gap: var(--gap);
             border-radius: var(--border-radius);
             background: var(--background);
-            scroll-snap-type: x proximity;
+            scroll-snap-type: x mandatory;
             scroll-behavior: smooth;
         }
         slot::slotted(*){
@@ -3827,31 +3827,14 @@ customElements.define('scroll-tab-panels', class extends HTMLElement {
 
     scrollHorizontally = e => {
         e.preventDefault()
-        this.throttle(() => {
-            const width = this.tabPanels.getBoundingClientRect().width
-            const scrollBy = e.deltaY > 0 ? width : -width
-            this.tabPanels.scrollBy({
-                left: scrollBy,
-                behavior: 'smooth'
-            })   
-        }, 100)
+        const width = this.tabPanels.getBoundingClientRect().width
+        const scrollBy = e.deltaY > 0 ? width : -width
+        this.tabPanels.scrollBy({
+            left: scrollBy,
+            behavior: 'smooth'
+        })   
     }
 
-    throttle = (func, delay) => {
-        // If setTimeout is already scheduled, no need to do anything
-        if (timerId) {
-            return;
-        }
-        
-        // Schedule a setTimeout after delay seconds
-        timerId = setTimeout(function () {
-            func();
-        
-            // Once setTimeout function execution is finished, timerId = undefined so that in
-            // the next scroll event function execution can be scheduled by the setTimeout
-            timerId = undefined;
-        }, delay);
-    }
     
     connectedCallback() {
         const panelObserver = new IntersectionObserver(entries => {
diff --git a/js/index.js b/js/index.js
index e1df7ee..2ae5127 100644
--- a/js/index.js
+++ b/js/index.js
@@ -335,8 +335,61 @@ const siteMap = [
   },
 ];
 
+const bitBondSerieses = [
+  {
+      series: '$975',
+      currentValue: '$XXXXX',
+      timeElapsed: '2 years'
+  },
+  {
+      series: '$1057',
+      currentValue: '$XXXXX',
+      timeElapsed: '2 years'
+  },
+  {
+      series: '$1064',
+      currentValue: '$XXXXX',
+      timeElapsed: '2 years'
+  },
+  {
+      series: '$1205',
+      currentValue: '$XXXXX',
+      timeElapsed: '2 years'
+  },
+  {
+      series: '$1285',
+      currentValue: '$XXXXX',
+      timeElapsed: '2 years'
+  },
+  {
+      series: '$2513',
+      currentValue: '$XXXXX',
+      timeElapsed: '2 years'
+  },
+]
+
 // templates
 
+const bitBondRowTemplate = document.createElement('template')
+bitBondRowTemplate.innerHTML = `
+<div class="bit-bond-series__row grid">
+    <div class="grid">
+        <h5 class="label color-0-8 weight-500">Series</h5>
+        <h3 class="value original-value"></h3>
+    </div>
+    <div class="grid justify-right text-align-right">
+        <h5 class="label color-0-8 weight-500">Current value</h5>
+        <h3 class="value current-value"></h3>
+        <div class="flex align-center">
+            <svg class="icon up-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z"/></svg>
+            <span class="percent-gain">2000%</span>
+            <span class="time-elapsed"></span>
+        </div>
+    </div>
+</div>
+`
+
+
 const floorListitemTemplate = document.createElement('template')
 floorListitemTemplate.innerHTML = `
 <li class="floor_list__item">
@@ -364,10 +417,10 @@ outletListitemTemplate.innerHTML = `
 const render = {
   bitBondRow(obj) {
     const { series, currentValue, timeElapsed } = obj;
-    const row = getRef("bit_bond_row").content.cloneNode(true);
+    const row = bitBondRowTemplate.content.cloneNode(true);
     row.querySelector(".original-value").textContent = series;
     row.querySelector(".current-value").textContent = currentValue;
-    row.querySelector(".time-elapsed").textContent = timeElapsed;
+    row.querySelector(".time-elapsed").textContent = `In last ${timeElapsed}`;
     return row;
   },
   bobFundRow(obj) {
@@ -414,15 +467,15 @@ const render = {
     return floorLabel;
   },
   outletListItem(outletObj) {
-    const { name, brief, url} = outletObj
+    const { name, brief, url } = outletObj
     const li = outletListitemTemplate.content.cloneNode(true).firstElementChild
     li.querySelector('a').href = `${url}.html`
     li.querySelector('.outlet-title').textContent = name
-    li.querySelector('.outlet-brief').textContent = brief ? brief: ''
+    li.querySelector('.outlet-brief').textContent = brief ? brief : ''
     return li
   },
   floorListitem(floorObj, index) {
-    const { floor, outlets} = floorObj
+    const { floor, outlets } = floorObj
     const li = floorListitemTemplate.content.cloneNode(true).firstElementChild
     li.firstElementChild.dataset.target = `floor_${index + 1}`;
     li.querySelector('.h3').textContent = floor
@@ -435,7 +488,7 @@ const render = {
     return li
   },
   outletSwitcherButton(outletObj, activeOutlet) {
-    const { name, url} = outletObj
+    const { name, url } = outletObj
     const button = document.createElement('a')
     button.classList.add('outlet_switcher__button')
     if (activeOutlet === url) {
@@ -553,12 +606,12 @@ const easeOutOvershoot = `cubic-bezier(0.175, 0.885, 0.32, 1.275)`;
 
 
 document.addEventListener('click', e => {
-  if(e.target.closest('.floor-label, .floor__button')){
+  if (e.target.closest('.floor-label, .floor__button')) {
     const label = e.target.closest('.floor-label, .floor__button')
     const target = label.dataset.target
     window.open(`index.html#${target}`, '_self')
-    if(isSiteMapOpen){
-        hideSiteMap()
+    if (isSiteMapOpen) {
+      hideSiteMap()
     }
   }
 })
@@ -638,7 +691,7 @@ function hideOutletSwitcher() {
   };
 }
 
-let currentPage 
+let currentPage
 function renderSiteMap() {
   const frag = document.createDocumentFragment()
   siteMap.forEach((floor, index) => frag.append(render.floorListitem(floor, index)))
@@ -682,7 +735,7 @@ siteMapTimeline
   .from(".floor_list__item", { opacity: 0, y: 16, stagger: 0.1 });
 
 
-  
+
 function showSiteMap() {
   document.querySelectorAll(".page").forEach((page) => {
     page.setAttribute("aria-hidden", "true");
