diff --git a/docs/assets/main.css b/docs/assets/main.css
index 71e1bb1..752970b 100644
--- a/docs/assets/main.css
+++ b/docs/assets/main.css
@@ -1,2 +1,2 @@
-*{box-sizing:border-box}html,body{margin:0;padding:0}img{width:100%;height:auto}ol,ul{padding-left:0}li{margin-bottom:0.4rem}@media screen and (min-width: 1408px){html{font-size:18px}}body{font-family:"Open Sans",sans-serif;font-weight:400;line-height:1.85rem;font-size:1.1rem;background-color:#f8f9fa;color:#242627}h1,h2,h3,h4,h5{font-family:"Open Sans",sans-serif;font-weight:bold}h1{font-size:2.8rem;font-weight:800;line-height:3.2rem;margin-top:0;margin-bottom:0.9rem;margin-bottom:4px}h2{margin-top:1.9rem;margin-bottom:0;font-size:1.6rem;line-height:2.2rem;font-weight:800}h3{margin-top:1.5rem;margin-bottom:0}h4{margin-bottom:0}h5{margin-top:1rem;margin-bottom:0;font-size:1.1rem}p{margin-top:0.6rem;margin-bottom:0}h5+p{margin-top:0}a{color:#3b8aff;text-decoration:none}a:hover{text-decoration:underline}table{margin-top:1rem;background-color:#343a40}thead{text-align:left}th,td{padding:5px 15px}th{border-bottom:1px solid #495057}figcaption{font-size:0.9rem;line-height:1.2rem;text-align:center;margin-bottom:1rem}sup{font-size:0.6rem}.mainHeader{position:fixed;top:0;left:0;width:100%;z-index:990;will-change:transform;-webkit-transition:background-color 250ms ease-in, -webkit-transform 250ms ease-in-out;transition:background-color 250ms ease-in, -webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out, background-color 250ms ease-in;transition:transform 250ms ease-in-out, background-color 250ms ease-in, -webkit-transform 250ms ease-in-out}.mainHeader--pinned{background-color:#fff;box-shadow:0 0 17px 2px rgba(206,212,218,0.7)}.mainHeader--unpinned{background-color:#fff;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.mainHeader .container{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 769px), print{.mainHeader .container{margin-top:5px}}.navbar-logo{-webkit-box-flex:1;flex-grow:1;font-family:'El Messiri', sans-serif;font-size:1.8rem;font-weight:bold}.navbar-logo a{color:#242627}.navbar-logo a:hover{text-decoration:none}@media screen and (max-width: 768px){.navbar-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.navbar-burger{width:40px;height:60px;z-index:1000;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}@media screen and (min-width: 769px), print{.navbar-burger{display:none}}.navbar-burger span{display:block;width:100%;height:6px;background:#6c757d}.navbar-burger span:before,.navbar-burger span:after{content:" ";display:block;background:#6c757d;width:100%;height:6px}.navbar-burger span:before{-webkit-transform:translateY(-12px);transform:translateY(-12px)}.navbar-burger span:after{-webkit-transform:translateY(7px);transform:translateY(7px)}.navbar-menu{margin:0;padding:0;list-style:none}.navbar-menu__item.has-dropdown{position:relative}.navbar-menu a{color:#242627;padding:.4rem .6rem;-webkit-transition:200ms background-color;transition:200ms background-color}.navbar-menu .dropdown-opened>a{background-color:#fff}@media screen and (max-width: 768px){.navbar-menu{position:fixed;z-index:99;top:0;right:0;width:60%;height:100vh;padding:2rem 1rem;background-color:#f8f9fa;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}.navbar-menu__item{margin-bottom:1rem}.navbar-menu .has-dropdown>a{color:#242627;font-size:.8rem;font-weight:600}}@media screen and (min-width: 769px), print{.navbar-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-menu a:hover{background-color:#fff;text-decoration:none}}@media screen and (min-width: 769px), print{.navbar-dropdown-arrow{display:inline-block;width:0;height:0;margin-left:1px;margin-bottom:1px;border-width:5px 4px 0 4px;border-color:transparent;border-top-color:#242627;border-style:solid;vertical-align:middle}}.navbar-dropdown{margin:0;padding:0;list-style:none}@media screen and (max-width: 768px){.navbar-dropdown{margin-bottom:1.3rem}.navbar-dropdown li{margin:1rem}}@media screen and (min-width: 769px), print{.navbar-dropdown{position:absolute;top:30px;right:0;padding-bottom:10px;padding-top:5px;visibility:hidden;opacity:0;background-color:#fff;-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-transition:all .1s ease;transition:all .1s ease;min-width:200px}.dropdown-opened .navbar-dropdown{visibility:visible;opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition-delay:0;transition-delay:0}.navbar-dropdown li{margin-bottom:0;padding:.3rem 1rem}.navbar-dropdown a{display:block}.navbar-dropdown a:hover{color:#20c997}}.container{margin:0 auto;padding:1em 2em}@media screen and (min-width: 1024px){.container{max-width:1080px;padding-left:5rem;padding-right:5rem}}@media screen and (min-width: 1408px){.container{max-width:1540px}}.work-wrap{margin-top:80px}@media screen and (min-width: 769px), print{.work-wrap{margin-top:150px}}@media screen and (min-width: 769px), print{.work-wrap{display:grid;grid-gap:10%;grid-template-columns:repeat(auto-fill, minmax(40%, 1fr));grid-auto-rows:300px;grid-template-columns:45% 45%;grid-column-gap:10%;-webkit-column-gap:10%;-moz-column-gap:10%;column-gap:10%;grid-row-gap:50px;row-gap:50px}}@media screen and (min-width: 1024px){.work-wrap{grid-template-columns:32% 32% 32%;grid-column-gap:2%;-webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%}}.work{text-align:center}@media screen and (max-width: 768px){.work{margin-bottom:55px}}@media screen and (min-width: 769px), print{.work{grid-row-end:span 2}.work.short{grid-row-end:span 1}.work.short .work__preview{height:210px}}.work img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.work a{display:block;color:#242627;text-decoration:none}@media screen and (min-width: 769px), print{.work__preview{height:560px}}.work__title{margin-top:0.5rem;font-family:"Open Sans",sans-serif;font-size:2rem;line-height:2.4rem}.work__type{font-size:.8rem;font-weight:300}.hero{position:relative;height:45vh;background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-width: 1024px){.hero{height:65vh;min-height:550px}}.hero img{display:none}figure{margin:1.6rem 0 4.5rem}@media screen and (min-width: 769px), print{figure.isShort{width:49%;margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px), print{figure.isMedium{width:80%;margin-left:auto;margin-right:auto}}figure img{display:block}.mason{margin-bottom:5rem}.mason__item{margin-bottom:2rem}@media screen and (min-width: 769px), print{.mason{-webkit-column-count:2;-moz-column-count:2;column-count:2;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.mason__item{margin-bottom:1.4rem}.mason__item:last-child{margin-bottom:0}}.stack{margin-bottom:5rem}.stack--nomargin{margin-top:0;margin-bottom:0}.stack__item{margin-bottom:2rem}@media screen and (min-width: 769px), print{.stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.stack figcaption{width:100%}.stack__item{margin-bottom:2%;align-self:center}.stack--two .stack__item{width:49%}.stack--three .stack__item{width:32%}.stack--four .stack__item{width:24%}}.stack img{display:block}.post-wrap{position:relative;background-color:#fff}.post-wrap .border{border:1px solid #dee2e6}@media screen and (min-width: 769px), print{.post-header{margin-top:1.6rem}}@media screen and (min-width: 1024px){.post-header--noIntro{display:block}}.post-header-titlewrap{text-align:center}.post-header__title{font-weight:300;font-size:2.6rem;line-height:3rem}.post-header__type{font-weight:300;font-style:italic;font-size:1.8rem;line-height:2.3rem;margin-top:0;margin-bottom:2rem}.post-header-introwrap{max-width:660px;margin:0 auto 5rem}.transition__plate{z-index:800;position:fixed;bottom:0;left:0;width:100%;height:0;background-color:#ffc107}.no-js .transition__plate{display:none}.transition__bg{position:fixed;z-index:50;left:0;top:0;height:100vh;width:100%;background-color:#fff;visibility:hidden;opacity:0}.mainFooter{margin-top:50px;margin-bottom:55px;font-size:0.8rem}.mainFooter .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.mainFooter__copyright{margin-right:15px}.noMarginBottom{margin-bottom:0}.noMarginTop{margin-top:0}.noMarginTopBottom{margin-top:0;margin-bottom:0}.noBorder{border:none}
+*{box-sizing:border-box}html,body{margin:0;padding:0}img{width:100%;height:auto}ol,ul{padding-left:0}li{margin-bottom:0.4rem}@media screen and (min-width: 1408px){html{font-size:18px}}body{font-family:"Open Sans",sans-serif;font-weight:400;line-height:1.85rem;font-size:1.1rem;background-color:#f8f9fa;color:#242627}h1,h2,h3,h4,h5{font-family:"Open Sans",sans-serif;font-weight:bold}h1{font-size:2.8rem;font-weight:800;line-height:3.2rem;margin-top:0;margin-bottom:0.9rem;margin-bottom:4px}h2{margin-top:1.9rem;margin-bottom:0;font-size:1.6rem;line-height:2.2rem;font-weight:800}h3{margin-top:1.5rem;margin-bottom:0}h4{margin-bottom:0}h5{margin-top:1rem;margin-bottom:0;font-size:1.1rem}p{margin-top:0.6rem;margin-bottom:0}h5+p{margin-top:0}a{color:#3b8aff;text-decoration:none}a:hover{text-decoration:underline}table{margin-top:1rem;background-color:#343a40}thead{text-align:left}th,td{padding:5px 15px}th{border-bottom:1px solid #495057}figcaption{font-size:0.9rem;line-height:1.2rem;text-align:center;margin-bottom:1rem}sup{font-size:0.6rem}.mainHeader{position:fixed;top:0;left:0;width:100%;z-index:990;will-change:transform;-webkit-transition:background-color 250ms ease-in, -webkit-transform 250ms ease-in-out;transition:background-color 250ms ease-in, -webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out, background-color 250ms ease-in;transition:transform 250ms ease-in-out, background-color 250ms ease-in, -webkit-transform 250ms ease-in-out}.mainHeader--pinned{background-color:#fff;border-bottom:1px solid #e9ecef}.mainHeader--unpinned{background-color:#fff;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.mainHeader .container{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 769px), print{.mainHeader .container{margin-top:5px}}.navbar-logo{-webkit-box-flex:1;flex-grow:1;font-family:'El Messiri', sans-serif;font-size:1.8rem;font-weight:bold}.navbar-logo a{color:#242627}.navbar-logo a:hover{text-decoration:none}@media screen and (max-width: 768px){.navbar-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.navbar-burger{width:40px;height:60px;z-index:1000;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}@media screen and (min-width: 769px), print{.navbar-burger{display:none}}.navbar-burger span{display:block;width:100%;height:6px;background:#6c757d}.navbar-burger span:before,.navbar-burger span:after{content:" ";display:block;background:#6c757d;width:100%;height:6px}.navbar-burger span:before{-webkit-transform:translateY(-12px);transform:translateY(-12px)}.navbar-burger span:after{-webkit-transform:translateY(7px);transform:translateY(7px)}.navbar-menu{margin:0;padding:0;list-style:none}.navbar-menu__item.has-dropdown{position:relative}.navbar-menu a{color:#242627;padding:.4rem .6rem;-webkit-transition:200ms background-color;transition:200ms background-color}.navbar-menu .dropdown-opened>a{background-color:#fff}@media screen and (max-width: 768px){.navbar-menu{position:fixed;z-index:99;top:0;right:0;width:60%;height:100vh;padding:2rem 1rem;background-color:#f8f9fa;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}.navbar-menu__item{margin-bottom:1rem}.navbar-menu .has-dropdown>a{color:#242627;font-size:.8rem;font-weight:600}}@media screen and (min-width: 769px), print{.navbar-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-menu a:hover{background-color:#fff;text-decoration:none}}@media screen and (min-width: 769px), print{.navbar-dropdown-arrow{display:inline-block;width:0;height:0;margin-left:1px;margin-bottom:1px;border-width:5px 4px 0 4px;border-color:transparent;border-top-color:#242627;border-style:solid;vertical-align:middle}}.navbar-dropdown{margin:0;padding:0;list-style:none;line-height:1.3rem}.navbar-dropdown a{display:block}@media screen and (max-width: 768px){.navbar-dropdown{margin-bottom:1.3rem}.navbar-dropdown li{margin:1rem}}@media screen and (min-width: 769px), print{.navbar-dropdown{position:absolute;top:30px;right:0;padding-bottom:10px;padding-top:5px;min-width:200px;visibility:hidden;opacity:0;background-color:#fff;font-size:0.9rem;line-height:1rem;-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-transition:all .1s ease;transition:all .1s ease;box-shadow:#e4e5e6 7px 10px 12px}.dropdown-opened .navbar-dropdown{visibility:visible;opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition-delay:0;transition-delay:0}.navbar-dropdown li{margin-bottom:0;padding:.3rem 1rem}.navbar-dropdown a:hover{color:#20c997}}.container{margin:0 auto;padding:1em 2em}@media screen and (min-width: 1024px){.container{max-width:1080px;padding-left:5rem;padding-right:5rem}}@media screen and (min-width: 1408px){.container{max-width:1540px}}.work-wrap{margin-top:80px}@media screen and (min-width: 769px), print{.work-wrap{margin-top:150px}}@media screen and (min-width: 769px), print{.work-wrap{display:grid;grid-gap:10%;grid-template-columns:repeat(auto-fill, minmax(40%, 1fr));grid-auto-rows:320px;grid-template-columns:45% 45%;grid-column-gap:10%;-webkit-column-gap:10%;-moz-column-gap:10%;column-gap:10%;grid-row-gap:50px;row-gap:50px}}@media screen and (min-width: 1024px){.work-wrap{grid-template-columns:32% 32% 32%;grid-column-gap:2%;-webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%}}.work{text-align:center}@media screen and (max-width: 768px){.work{margin-bottom:55px}}@media screen and (min-width: 769px), print{.work{grid-row-end:span 2}.work.short{grid-row-end:span 1}.work.short .work__preview{height:210px}}.work img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.work__link{display:block;color:#242627;text-decoration:none}.work__link:hover{text-decoration:none}.work__link:hover .work__preview img{-webkit-transform:scale(1.5);transform:scale(1.5)}.work__preview{overflow:hidden}@media screen and (min-width: 769px), print{.work__preview{height:560px}}.work__preview img{-webkit-transition:-webkit-transform 7s cubic-bezier(0, 0.6, 0.45, 1);transition:-webkit-transform 7s cubic-bezier(0, 0.6, 0.45, 1);transition:transform 7s cubic-bezier(0, 0.6, 0.45, 1);transition:transform 7s cubic-bezier(0, 0.6, 0.45, 1), -webkit-transform 7s cubic-bezier(0, 0.6, 0.45, 1)}.work__title{margin-top:1rem;font-family:"Open Sans",sans-serif;font-size:1.7rem;padding-left:1.5rem;padding-right:1.5rem;line-height:1.9rem;-webkit-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out}.work__link:hover .work__title{color:#127155}.work__type{font-size:.8rem;font-weight:300}.hero{position:relative;height:45vh;background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-width: 1024px){.hero{height:65vh;min-height:550px}}.hero img{display:none}figure{margin:1.6rem 0 4.5rem}@media screen and (min-width: 769px), print{figure.isShort{width:49%;margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px), print{figure.isMedium{width:80%;margin-left:auto;margin-right:auto}}figure img{display:block}.mason{margin-bottom:5rem}.mason__item{margin-bottom:2rem}@media screen and (min-width: 769px), print{.mason{-webkit-column-count:2;-moz-column-count:2;column-count:2;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.mason__item{margin-bottom:1.4rem}.mason__item:last-child{margin-bottom:0}}.stack{margin-bottom:5rem}.stack--nomargin{margin-top:0;margin-bottom:0}.stack__item{margin-bottom:2rem}@media screen and (min-width: 769px), print{.stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.stack figcaption{width:100%}.stack__item{margin-bottom:2%;align-self:center}.stack--two .stack__item{width:49%}.stack--three .stack__item{width:32%}.stack--four .stack__item{width:24%}}.stack img{display:block}.post-wrap{position:relative;background-color:#fff}.post-wrap .border{border:1px solid #dee2e6}@media screen and (min-width: 769px), print{.post-header{margin-top:1.6rem}}@media screen and (min-width: 1024px){.post-header--noIntro{display:block}}.post-header-titlewrap{text-align:center}.post-header__title{font-weight:300;font-size:2.6rem;line-height:3rem}.post-header__type{font-weight:300;font-style:italic;font-size:1.8rem;line-height:2.3rem;margin-top:0;margin-bottom:2rem}.post-header-introwrap{max-width:660px;margin:0 auto 5rem}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:5rem;line-height:1.3rem}.pagination__button--next{margin-left:auto}.pagination__type{font-size:.8rem}.transition__plate{z-index:800;position:fixed;bottom:0;left:0;width:100%;height:0;background-color:#ffc107}.no-js .transition__plate{display:none}.transition__bg{position:fixed;z-index:50;left:0;top:0;height:100vh;width:100%;background-color:#fff;visibility:hidden;opacity:0}.mainFooter{margin-top:50px;margin-bottom:55px;font-size:0.8rem}.mainFooter .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.mainFooter__copyright{margin-right:15px}.noMarginBottom{margin-bottom:0}.noMarginTop{margin-top:0}.noMarginTopBottom{margin-top:0;margin-bottom:0}.noBorder{border:none}
 
diff --git a/docs/denni/index.html b/docs/denni/index.html
index 1bddda7..38e8789 100644
--- a/docs/denni/index.html
+++ b/docs/denni/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,16 +78,49 @@ <h1 class="post-header__title">Denni</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=" noMarginBottom"><figcaption>Denni Corporate Identity - Concept, layout, and photography art direction</figcaption><img class="" src="/jfolio/assets/img/denni/denni-1.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/denni/denni-2.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/denni/denni-3.jpg"></figure>
 <figure class="isShort noMarginBottom"><img class="" src="/jfolio/assets/img/denni/denni-4.jpg"></figure>
 <figure class="stack stack--two"><img src="/jfolio/assets/img/denni/denni-5.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-6.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-7.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-8.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-9.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-10.jpg" class="stack__item"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+        
+      
+    
+
+    
+    
+
+    
+    
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/jipl-harry/">Japan IPL Express</a>
     </div>
-  </div>
-</div>
+    
+
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 
diff --git a/docs/index.html b/docs/index.html
index 1d271d3..086c166 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -36,13 +36,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -51,7 +51,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -67,14 +67,14 @@
 <div class="container">
   <div class="work-wrap"><div class="work short">
       <a href="/jfolio/taka23anniversary/" class="work__link">
-        <div class="work__preview"><img src="/jfolio/assets/img/taka23anniversary/preview.jpg" alt="Takashimaya preview"></div>
-        <div class="work__title">Takashimaya</div>
+        <div class="work__preview"><img src="/jfolio/assets/img/taka23anniversary/preview.jpg" alt="Takashimaya Anniversary preview"></div>
+        <div class="work__title">Takashimaya Anniversary</div>
         <div class="work__type">23rd Anniversary Campaign</div>
       </a>
     </div><div class="work short">
       <a href="/jfolio/taka/" class="work__link">
-        <div class="work__preview"><img src="/jfolio/assets/img/taka/preview.jpg" alt="Takashimaya Department Store preview"></div>
-        <div class="work__title">Takashimaya Department Store</div>
+        <div class="work__preview"><img src="/jfolio/assets/img/taka/preview.jpg" alt="Takashimaya preview"></div>
+        <div class="work__title">Takashimaya</div>
         <div class="work__type">Selected works &amp; campaigns</div>
       </a>
     </div><div class="work short">
diff --git a/docs/jipl-harry/index.html b/docs/jipl-harry/index.html
index f08f4cf..5082beb 100644
--- a/docs/jipl-harry/index.html
+++ b/docs/jipl-harry/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li class="is-active">
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Japan IPL Express</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=""><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-1.jpg"></figure>
 <figure class="isMedium"><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-2.jpg"></figure>
@@ -88,9 +88,48 @@ <h1 class="post-header__title">Japan IPL Express</h1>
 <figure class="isMedium"><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-6.jpg"></figure>
 <figure class="isMedium"><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-7.jpg"></figure>
 <figure class="stack stack--three"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-8.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-9.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-10.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-11.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-12.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-13.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-14.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-15.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-16.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-17.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-18.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-19.jpg" class="stack__item"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+        
+      
+    
+      
+    
+
+    
+    
+
+    
+    
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/logofolio/">Logo Folio</a>
     </div>
-  </div>
-</div>
+    
+
+    
+    
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/denni/">Denni</a>
+    </div>
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 
diff --git a/docs/logofolio/index.html b/docs/logofolio/index.html
index 6f7013a..ccca05c 100644
--- a/docs/logofolio/index.html
+++ b/docs/logofolio/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li class="is-active">
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Logo Folio</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-1.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-2.jpg"></figure>
@@ -88,9 +88,48 @@ <h1 class="post-header__title">Logo Folio</h1>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-6.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-7.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/logofolio/logofolio-8.jpg"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+        
+      
+    
+      
+    
+      
+    
+
+    
+    
+
+    
+    
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/pmo/">Prime Minister’s Office</a>
     </div>
-  </div>
-</div>
+    
+
+    
+    
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/jipl-harry/">Japan IPL Express</a>
+    </div>
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 
diff --git a/docs/pmo/index.html b/docs/pmo/index.html
index 299d327..15da3f6 100644
--- a/docs/pmo/index.html
+++ b/docs/pmo/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li class="is-active">
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Prime Minister’s Office</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=""><figcaption>Line drawing of the Istana - Used on stationery and PMO’s prepaid stamp</figcaption><img class="" src="/jfolio/assets/img/pmo/pmo-1.jpg"></figure>
 <figure class=" noMarginBottom"><figcaption>2015 Lunar New Year reception invite</figcaption><img class="" src="/jfolio/assets/img/pmo/pmo-2.jpg"></figure>
@@ -86,9 +86,48 @@ <h1 class="post-header__title">Prime Minister’s Office</h1>
 <figure class=""><img class="" src="/jfolio/assets/img/pmo/pmo-4.jpg"></figure>
 <figure class=" noMarginBottom"><figcaption>2016 Lunar New Year reception invite</figcaption><img class="" src="/jfolio/assets/img/pmo/pmo-5.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/pmo/pmo-6.jpg"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+    
+      
+    
+      
+    
+      
+        
+      
+    
+      
+    
+      
+    
+      
+    
+
+    
+    
+
+    
+    
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/shoe-salon/">Shoe Salon</a>
     </div>
-  </div>
-</div>
+    
+
+    
+    
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/logofolio/">Logo Folio</a>
+    </div>
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 
diff --git a/docs/shoe-salon/index.html b/docs/shoe-salon/index.html
index da4d009..a7dfea0 100644
--- a/docs/shoe-salon/index.html
+++ b/docs/shoe-salon/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li class="is-active">
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,15 +78,54 @@ <h1 class="post-header__title">Shoe Salon</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=""><figcaption>The Shoe Salon logo design</figcaption><img class="" src="/jfolio/assets/img/shoe-salon/shoe-salon-1.jpg"></figure>
 <figure class=""><figcaption><i>Her World</i> magazine Ad - Chloé<br>Concept and digital imagine</figcaption><img class="" src="/jfolio/assets/img/shoe-salon/shoe-salon-2.jpg"></figure>
 <figure class=""><figcaption>Newspaper Ad - Concept and digital imaging</figcaption><img class="" src="/jfolio/assets/img/shoe-salon/shoe-salon-3.jpg"></figure>
 <figure class="stack stack--three"><figcaption>Other Ads in the series (by colleagues)</figcaption><img src="/jfolio/assets/img/shoe-salon/shoe-salon-4.jpg" class="stack__item border"><img src="/jfolio/assets/img/shoe-salon/shoe-salon-5.jpg" class="stack__item border"><img src="/jfolio/assets/img/shoe-salon/shoe-salon-6.jpg" class="stack__item border"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+    
+      
+    
+      
+        
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+
+    
+    
+
+    
+    
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/taka/">Takashimaya</a>
     </div>
-  </div>
-</div>
+    
+
+    
+    
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/pmo/">Prime Minister’s Office</a>
+    </div>
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 
diff --git a/docs/taka/index.html b/docs/taka/index.html
index f6cb487..8fde06a 100644
--- a/docs/taka/index.html
+++ b/docs/taka/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Takashimaya Department Store | JL Folio</title>    
+  <title>Takashimaya | JL Folio</title>    
   
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link rel="canonical" href="https://audiliew.github.io/jfolio/taka/">
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -68,7 +68,7 @@
   <div class="container">
     <header class="post-header">
       <div class="post-header-titlewrap">
-        <h1 class="post-header__title">Takashimaya Department Store</h1>
+        <h1 class="post-header__title">Takashimaya</h1>
         
         <p class="post-header__type">Selected works &amp; campaigns</p>
         
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Takashimaya Department Store</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=" noMarginBottom"><figcaption>Christmas 2012 wrapper</figcaption><img class="" src="/jfolio/assets/img/taka/taka-1.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/taka/taka-2.jpg"></figure>
@@ -98,9 +98,48 @@ <h1 class="post-header__title">Takashimaya Department Store</h1>
 <figure class=" noMarginBottom"><img class="border" src="/jfolio/assets/img/taka/taka-31.jpg"></figure>
 <figure class=" noMarginBottom"><img class="border" src="/jfolio/assets/img/taka/taka-32.jpg"></figure>
 <figure class=""><img class="border" src="/jfolio/assets/img/taka/taka-33.jpg"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+    
+      
+        
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+
+    
+    
+
+    
+    
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
     </div>
-  </div>
-</div>
+    
+
+    
+    
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/shoe-salon/">Shoe Salon</a>
+    </div>
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 
diff --git a/docs/taka23anniversary/index.html b/docs/taka23anniversary/index.html
index 7d33472..7b78b30 100644
--- a/docs/taka23anniversary/index.html
+++ b/docs/taka23anniversary/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Takashimaya | JL Folio</title>    
+  <title>Takashimaya Anniversary | JL Folio</title>    
   
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link rel="canonical" href="https://audiliew.github.io/jfolio/taka23anniversary/">
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li class="is-active">
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -68,7 +68,7 @@
   <div class="container">
     <header class="post-header">
       <div class="post-header-titlewrap">
-        <h1 class="post-header__title">Takashimaya</h1>
+        <h1 class="post-header__title">Takashimaya Anniversary</h1>
         
         <p class="post-header__type">23rd Anniversary Campaign</p>
         
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Takashimaya</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
       
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=""><figcaption>Main mailer (front and back) - featuring skylines of Singapore and Japan</figcaption><img class="" src="/jfolio/assets/img/taka23anniversary/taka23anniversary-1.jpg"></figure>
 <figure class=""><figcaption>Envelope, customised Ez-link card, main mailer, and beauty mailer</figcaption><img class="" src="/jfolio/assets/img/taka23anniversary/taka23anniversary-2.jpg"></figure>
@@ -86,9 +86,42 @@ <h1 class="post-header__title">Takashimaya</h1>
 <figure class=""><figcaption>Ez-link card and Notebook</figcaption><img class="" src="/jfolio/assets/img/taka23anniversary/taka23anniversary-4.jpg"></figure>
 <figure class=" noMarginBottom"><figcaption>Window Display</figcaption><img class="" src="/jfolio/assets/img/taka23anniversary/taka23anniversary-5.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/taka23anniversary/taka23anniversary-6.jpg"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+    
+    
+      
+        
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+      
+    
+
+    
+    
+
+    
+
+    
+    
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/taka/">Takashimaya</a>
     </div>
-  </div>
-</div>
+    
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>