diff --git a/config/data-total.json b/config/data-total.json
index 813e313..5f6eea4 100644
--- a/config/data-total.json
+++ b/config/data-total.json
@@ -1,8 +1,4 @@
 [
-  {
-    "Company Name": "iShares MSCI All Country Asia Information Technology Index Fund",
-    "Symbol": "AAIT"
-  },
   {
     "Company Name": "American Airlines Group, Inc.",
     "Symbol": "AAL"
@@ -31,10 +27,6 @@
     "Company Name": "Atlas Air Worldwide Holdings",
     "Symbol": "AAWW"
   },
-  {
-    "Company Name": "iShares MSCI All Country Asia ex Japan Index Fund",
-    "Symbol": "AAXJ"
-  },
   {
     "Company Name": "Aoxin Tianli Group, Inc.",
     "Symbol": "ABAC"
@@ -167,14 +159,6 @@
     "Company Name": "Acura Pharmaceuticals, Inc.",
     "Symbol": "ACUR"
   },
-  {
-    "Company Name": "iShares MSCI ACWI Index Fund",
-    "Symbol": "ACWI"
-  },
-  {
-    "Company Name": "iShares MSCI ACWI ex US Index Fund",
-    "Symbol": "ACWX"
-  },
   {
     "Company Name": "Acxiom Corporation",
     "Symbol": "ACXM"
diff --git a/package-lock.json b/package-lock.json
index 9b08d97..09b4cc1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1239,6 +1239,11 @@
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
       "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA=="
     },
+    "nodemailer": {
+      "version": "6.4.11",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.4.11.tgz",
+      "integrity": "sha512-BVZBDi+aJV4O38rxsUh164Dk1NCqgh6Cm0rQSb9SK/DHGll/DrCMnycVDD7msJgZCnmVa8ASo8EZzR7jsgTukQ=="
+    },
     "nodemon": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-2.0.4.tgz",
diff --git a/package.json b/package.json
index d8beb9a..185f8c0 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "mongoose": "^5.9.25",
     "mongoose-float": "^1.0.4",
     "morgan": "^1.10.0",
+    "nodemailer": "^6.4.11",
     "npm": "^6.14.7",
     "passport": "^0.4.1",
     "passport-google-oauth20": "^2.0.0",
diff --git a/routes/api/done.js b/routes/api/done.js
index b76ba37..2ef5466 100644
--- a/routes/api/done.js
+++ b/routes/api/done.js
@@ -7,8 +7,11 @@ const { ensureAuth, ensureGuest } = require("../../middleware/auth");
 // @desc     Done page
 // @route    GET /done
 // @access   Private
-router.get("/", ensureGuest, (req, res) => {
-  res.status(200).render("done");
+router.get("/", ensureAuth, (req, res) => {
+    res.status(200)
+        .render("done");
 });
 
-module.exports = router;
+
+
+module.exports = router;
\ No newline at end of file
diff --git a/routes/api/market.js b/routes/api/market.js
index 00ef505..e9c98b0 100644
--- a/routes/api/market.js
+++ b/routes/api/market.js
@@ -2,25 +2,10 @@
 
 const express = require("express");
 const router = express.Router();
-const alpha = require("alphavantage")({ key: process.env.ALPHA_VANTAGE_KEY });
-
-var jsonData = [];
-const jsonData1 = require("../../config/data-compact.json");
-const jsonData2 = require("../../config/data-total.json");
 const { ensureAuth, ensureGuest } = require("../../middleware/auth");
 
-const dataCnt1 = jsonData1.length;
-const dataCnt2 = jsonData2.length;
-const dataLast1 = dataCnt1 + 1;
-const dataStart2 = dataCnt1 + 1;
-
-jsonData.push({ data1: dataCnt1, data2: dataCnt2, dataLast1: dataLast1, dataStart2: dataStart2 })
-for (var i = 0; i < dataCnt1; i++) {
-    jsonData.push(jsonData1[i]);
-};
-for (var i = 0; i < dataCnt2; i++) {
-    jsonData.push(jsonData2[i]);
-};
+const compactData = require("../../config/data-compact.json");
+const totalData = require("../../config/data-total.json");
 
 // TODO
 // Implement Stocks Search
@@ -29,9 +14,42 @@ for (var i = 0; i < dataCnt2; i++) {
 // @desc     Market page
 // @route    GET /Market
 // @access   Privat
-router.get("/", ensureAuth, async(req, res) => {
-    res.status(200).render("market", { layout: "layouts/app", jsonData, href: '/market', avatar: req.user.image });
+router.get("/", ensureAuth, async (req, res) => {
+  let min = 0;
+  let max = 75;
+
+  res.status(200).render("market", {
+    layout: "layouts/app",
+    compactData,
+    totalData,
+    min,
+    max,
+    href: "/market",
+    avatar: req.user.image,
+  });
 });
 
+// @desc     Market page
+// @route    GET /Market/:page
+// @access   Private
+router.get("/:page", ensureAuth, async (req, res) => {
+  let page = req.params.page - 1;
+  let min = page * 75;
+  let max = page * 75 + 75;
+
+  if (page <= 0 || page >= 39) {
+    res.status(200).redirect("/market");
+  } else {
+    res.status(200).render("market", {
+      layout: "layouts/app",
+      compactData,
+      totalData,
+      min,
+      max,
+      href: "/market",
+      avatar: req.user.image,
+    });
+  }
+});
 
-module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/views/done.ejs b/views/done.ejs
index 828c36c..d761622 100644
--- a/views/done.ejs
+++ b/views/done.ejs
@@ -1 +1,185 @@
-<h1>DONE!!!</h1>
+<!--Thankyou PAGE -->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tradebyte</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"
+      integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o="
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="css/style.css" />
+    <!--stylesheet -->
+    <style>
+      /* paragraph in the done page*/
+
+      p {
+        margin: 10px 0 !important;
+        font-weight: 600;
+        font-size: 1.5rem;
+        color: black;
+      }
+      /* Heading in the done page*/
+
+      .heading {
+        font-size: 50px;
+        text-align: center;
+        color: green;
+      }
+      /* The main container or card in the done page*/
+
+      .done-container {
+        width: 400px;
+        text-align: center;
+        height: 400px;
+        border: black;
+      }
+      /* check icon*/
+
+      #check {
+        color: rgb(155, 245, 155);
+        padding-bottom: 5px;
+        text-shadow: rgb(101, 245, 101);
+      }
+      /* share button container*/
+
+      .share > .container {
+        position: absolute;
+        width: 200px;
+        background: white;
+        box-shadow: #ada5a5;
+        margin-top: 12px;
+        margin-bottom: 15px;
+        border-radius: 5px;
+        opacity: 0;
+        visibility: hidden;
+        transition: 1s;
+        transform: translateY(10%);
+      }
+      /*Share button showdatabutton*/
+
+      .share.showAddThisButtons > .container {
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(0);
+      }
+
+      .addthis_inline_share_toolbox,
+      .addthis_sharing_toolbox {
+        text-align: center;
+      }
+    </style>
+  </head>
+
+  <body style="display: flex; justify-content: center; align-items: center;">
+    <!---Card component-->
+    <div
+      style="display: flex; justify-content: center; align-items: center;"
+      class="done-container max-w-sm mx-auto flex p-5 bg-white rounded-lg shadow-2xl"
+    >
+      <div class="py-4">
+        <h1 class="heading font-bold mb-2 text-center6+">Done</h1>
+        <div>
+          <i id="check" class="far fa-check-circle fa-7x"></i>
+        </div>
+        <div>
+          <p class="text-black-700 text-center">
+            Thankyou for using TradeByte
+          </p>
+        </div>
+        <div style="display: flex; justify-content: center;">
+          <button
+            onclick="back()"
+            class="bg-gray-700 hover:bg-red-400 text-white font-bold py-2 px-5 mx-2 mt-4 mb-3 rounded-full"
+          >
+            <i class="far fa-times-circle"></i> Cancel
+          </button>
+
+          <button
+            class="share bg-gray-700 hover:bg-blue-400 text-white font-bold py-2 px-5 mx-2 mt-4 mb-3 rounded-full cursor-pointer"
+            onclick="share(this)"
+          >
+            <i class="fas fa-share-alt"></i> Share
+            <div class="container">
+              <div class="addthis_inline_share_toolbox"></div>
+              <div class="addthis_sharing_toolbox"></div>
+            </div>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!---------------------java script-------------------------->
+    <script>
+      var AddThisJSLoaded = false; // Addthis not loaded yet
+      var clickedOnShare = false; // share button is not clicked
+
+      function back() {
+        window.location.href = "/";
+      }
+
+      //this is a publicer id
+      var AddthisPubID = "ra-5f3af90d32b2c7af";
+      var AddThisJS =
+        "//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f3af90d32b2c7af";
+
+      function share(button) {
+        if (!AddThisJSLoaded && !clickedOnShare) {
+          //when AddThis not loaded
+          clickedOnShare = true; // shsre button is clicked
+          showLoading(button);
+          shareByAddThis(button);
+        } else {
+          toogleAddThisButtons(button);
+        }
+      }
+
+      function shareByAddThis(button) {
+        var script = document.createElement("script");
+        script.async = true;
+        script.src = AddThisJS;
+
+        script.onload = function () {
+          clickedOnShare = false; // AddTHis js is loaded
+          addthis.user.ready(function (data) {
+            AddThisJSLoaded = true; //loaded and ready to use
+            hideLoading(button);
+            showAddThisButtons(button);
+          });
+        };
+
+        script.onerror = function () {
+          clickedOnShare = false; // Addthis JS  failed to laod
+          hideLoading(button);
+        };
+
+        document.body.appendChild(script);
+      }
+
+      function showLoading(button) {
+        button.classList.add("loading");
+      }
+
+      function hideLoading(button) {
+        //hide the loading
+        button.classList.remove("loading");
+      }
+
+      function showAddThisButtons(button) {
+        button.classList.add("showAddThisButtons");
+      }
+
+      function toogleAddThisButtons(button) {
+        button.classList.toogle("showAddThisButtons");
+      }
+    </script>
+    <script src="javascript/script.js"></script>
+  </body>
+</html>
diff --git a/views/layouts/app.ejs b/views/layouts/app.ejs
index aa35d86..91668cc 100644
--- a/views/layouts/app.ejs
+++ b/views/layouts/app.ejs
@@ -22,6 +22,6 @@
     <div class="md:flex flex-col bg-gray-300 md:flex-row min-h-screen w-full">
       <%- include('../partials/_nav.ejs') %> <%- body %>
     </div>
-    <script src="javascript/script.js"></script>
+    <script type="application/javascript" src="javascript/script.js"></script>
   </body>
 </html>
diff --git a/views/layouts/login.ejs b/views/layouts/login.ejs
index d8808d1..1fbc4e3 100644
--- a/views/layouts/login.ejs
+++ b/views/layouts/login.ejs
@@ -1,20 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"
-      integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o="
-      crossorigin="anonymous"
-    />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o=" crossorigin="anonymous" />
     <link rel="stylesheet" href="css/style.css" />
     <title>TradeByte</title>
-  </head>
-  <body>
+</head>
+
+<body>
     <%- body %>
 
-    <script src="javascript/script.js"></script>
-  </body>
-</html>
+        <script src="javascript/script.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/market.ejs b/views/market.ejs
index eb8f80a..c091258 100644
--- a/views/market.ejs
+++ b/views/market.ejs
@@ -1,99 +1,96 @@
 <section class="text-gray-700 body-font md:ml-64 md:mx-auto md:pl-8 md:pr-14 w-screen inline">
-    <div class="container px-5 py-24 mx-auto md:px-auto">
+    <div class="container px-5 py-10 mx-auto md:px-auto">
         <div class="my-4 absolute-center">
             <h4 class="text-gray-700 lg:text-6xl text-5xl font-semibold leading-none tracking-wider px-5">Favorite Stocks</h2>
         </div>
         <div class="container px-5 py-16 mx-auto pl-4">
 
             <div class="flex -m-4 inline-block overflow-x-auto whitespace-no-wrap">
-                <% for(var i=1; i < jsonData[0]["dataLast1"]; i++) { %>
+                <% for(var i=0; i < compactData.length; i++) { %>
 
                     <!-- <div class="lg:w-1/4 md:w-1/2 p-4 min-w-54 inline"> -->
                     <div class="inline p-4 m-4">
-
-                        <a class="block relative h-48 rounded overflow-hidden">
-                            <img alt="ecommerce" class="object-cover object-center w-full h-full block" src="https://dummyimage.com/420x260" />
-
-                        </a>
-                        <div class="mt-4">
-                            <h3 class="text-gray-500 text-xs tracking-widest title-font mb-1">
-                                <%- jsonData[i]["Symbol"] %>
-                            </h3>
-                            <h2 class="text-gray-900 title-font text-lg font-medium">
-                                <%- jsonData[i]["Company Name"] %>
-                            </h2>
-                            <button class="w-14 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-blue-500 hover:border-blue-600 hover:bg-blue-500 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
-              <span class="mx-auto"><a href="/view/<%- jsonData[i]["Symbol"] %>">VIEW</a></span>
-            </button>
-                            <!-- <a href="/view/<%- jsonData[i][" Symbol "] %>">VIEW</a> -->
-                            <button class="w-32 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-green-400 hover:border-green-400 hover:bg-green-400 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
-              <span class="mx-auto"><a href="/cart/<%- jsonData[i]["Symbol"] %>">ADD TO CART</a></span>
-
-            </button>
-                            <!-- <a href="/cart/<%- jsonData[i][" Symbol "] %>">ADD TO CART</a> -->
-                            <p class="mt-1">$0.00</p>
+                        <div class="py-6 max-w-sm rounded overflow-hidden shadow-lg hover:bg-white transition duration-500 bg-white ">
+                            <div class="space-y-10">
+                                <div class="py-2 px-10">
+                                    <div class="space-y-5">
+                                        <div class="font-bold text-2xl text-center mb-2">
+                                            <%- compactData[i]["Symbol"] %>
+                                        </div>
+                                        <p class="text-gray-700 text-center text-base">
+                                            <%- compactData[i]["Company Name"] %>
+                                        </p>
+
+                                        <button class="w-14 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-blue-500 hover:border-blue-600 hover:bg-blue-500 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
+                                        <span class="mx-auto"><a href="/view/<%- compactData[i]["Symbol"] %>">VIEW</a></span>
+                                      </button>
+
+                                        <button class="w-32 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-green-400 hover:border-green-400 hover:bg-green-400 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
+                                        <span class="mx-auto"><a href="/cart/<%- compactData[i]["Symbol"] %>">BUY</a></span>
+                                </div>
+                            </div>
                         </div>
                     </div>
-
+                    </div>
 
                     <% } %>
 
             </div>
 
 
+
             <!-- genral stocks section -->
-            <div class="pr-10">
+            <div class="pr-12">
                 <div class="my-4 absolute-center pt-20">
                     <h4 class="text-gray-700 lg:text-6xl text-5xl font-semibold leading-none tracking-wider px-5">Trending Stocks</h2>
                 </div>
 
-                <div class="flex -m-4 inline-block flex-wrap pt-10">
-                    <% for(var i=jsonData[0]["dataStart2"]; i < jsonData.length; i++) { %>
-
-                        <div class="lg:w-1/4 md:w-1/2 p-4 min-w-54 ">
-                            <!-- <div class="p-4 m-4"> -->
-
-                            <a class="block relative h-48 rounded overflow-hidden">
-                                <img alt="ecommerce" class="object-cover object-center w-full h-full block" src="https://dummyimage.com/420x260" />
-                                <!-- <div class="symbolicon object-cover object-center w-full h-full block text">
-                            <%- jsonData[i][" Symbol "] %>
-                        </div> -->
-                            </a>
-                            <div class="mt-4">
-                                <h3 class="text-gray-500 text-xs tracking-widest title-font mb-1">
-                                    <%- jsonData[i]["Symbol"] %>
-                                </h3>
-                                <h2 class="text-gray-900 title-font text-lg font-medium">
-                                    <%- jsonData[i]["Company Name"] %>
-                                </h2>
-                                <button class="w-14 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-blue-500 hover:border-blue-600 hover:bg-blue-500 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
-              <span class="mx-auto"><a href="/view/<%- jsonData[i]["Symbol"] %>">VIEW</a></span>
-            </button>
-                                <!-- <a href="/view/<%- jsonData[i][" Symbol "] %>">VIEW</a> -->
-                                <button class="w-32 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-green-400 hover:border-green-400 hover:bg-green-400 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
-              <span class="mx-auto"><a href="/cart/<%- jsonData[i]["Symbol"] %>">ADD TO CART</a></span>
-
-            </button>
-                                <!-- <a href="/cart/<%- jsonData[i][" Symbol "] %>">ADD TO CART</a> -->
-                                <p class="mt-1">$0.00</p>
+                <div class="md:flex -m-4 inline-block flex-wrap pt-10">
+                    <% for(var i=min; i < max; i++) { %>
+
+                        <div class="lg:w-1/4 md:w-1/2 p-4 w-54">
+                                    <div class="py-6 max-w-sm rounded overflow-hidden shadow-lg hover:bg-white transition duration-500 bg-white ">
+                                        <div class="space-y-10">
+                                            <div class="py-2 px-4 md:px-10">
+                                                <div class="space-y-5">
+                                                    <div class="font-bold text-2xl text-center mb-2">
+                                                        <%- totalData[i]["Symbol"] %>
+                                                    </div>
+                                                    <p class="text-gray-700 text-center text-base">
+                                                        <%- totalData[i]["Company Name"] %>
+                                                    </p>
+<div class="flex justify-between px-6 md:px-2">
+                                                    <button class="w-14 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-blue-500 hover:border-blue-600 hover:bg-blue-500 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
+                                                    <span class="mx-auto"><a href="/view/<%- totalData[i]["Symbol"] %>">VIEW</a></span>
+                                                  </button>
+
+                                        <button class="w-24 pl-2 bg-white tracking-wide text-gray-700 font-bold rounded border-b-2 border-green-400 hover:border-green-400 hover:bg-green-400 hover:text-white shadow-md py-2 px-2 inline-flex items-center">
+                                                    <span class="mx-auto"><a href="/cart/<%- totalData[i]["Symbol"] %>">BUY</a></span>
+                                        </button>
+                                    </div>
+                                </div>
                             </div>
                         </div>
+                    </div>
 
 
-                        <% } %>
-                </div>
+            </div>
 
 
-                <!-- pagination element -->
-                <div class="pt-10">
-                    <div class="flex justify-between">
-                        <button class="border border-teal-500 text-teal-500 block rounded-sm font-bold py-4 px-6 mr-2 flex items-center hover:bg-teal-500 hover:text-white">
+            <% } %>
+        </div>
+
+
+        <!-- pagination element -->
+        <div class="pt-10">
+            <div class="flex justify-between">
+                <button id="prev" class="prev border border-teal-500 text-teal-500 block rounded-sm font-bold py-4 px-6 mr-2 flex items-center hover:bg-teal-500 hover:text-white">
                 <svg class="h-5 w-5 mr-2 fill-current" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-49 141 512 512" style="enable-background:new -49 141 512 512;" xml:space="preserve">
                     <path id="XMLID_10_" d="M438,372H36.355l72.822-72.822c9.763-9.763,9.763-25.592,0-35.355c-9.763-9.764-25.593-9.762-35.355,0 l-115.5,115.5C-46.366,384.01-49,390.369-49,397s2.634,12.989,7.322,17.678l115.5,115.5c9.763,9.762,25.593,9.763,35.355,0 c9.763-9.763,9.763-25.592,0-35.355L36.355,422H438c13.808,0,25-11.193,25-25S451.808,372,438,372z"></path>
                 </svg>
                 Previous page
             </button>
-                        <button class="border border-teal-500 bg-teal-500 text-white block rounded-sm font-bold py-4 px-6 ml-2 flex items-center">
+                <button id="next" class="next border border-teal-500 bg-teal-500 text-white block rounded-sm font-bold py-4 px-6 ml-2 flex items-center">
                 Next page
                 <svg class="h-5 w-5 ml-2 fill-current" clasversion="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                      viewBox="-49 141 512 512" style="enable-background:new -49 141 512 512;" xml:space="preserve">
@@ -102,10 +99,46 @@
                     c-9.763,9.763-9.763,25.592,0,35.355l72.822,72.822H-24c-13.808,0-25,11.193-25,25S-37.808,422-24,422z"/>
                 </svg>
             </button>
-                    </div>
-                </div>
             </div>
         </div>
     </div>
+    </div>
+    </div>
+
+</section>
+<script>
+    var prev = document.getElementById("prev").addEventListener("click", prevPage);
+    var next = document.getElementById("next").addEventListener("click", nextPage);
+
+    function prevPage() {
+        var url = window.location.href;
+        var pageNo = url.slice(url.length - 1, url.length);
+        var pageUrl = url.slice(0, url.length - 1);
+
+        if (pageNo == "t") {
+
+        } else if (pageNo == "/") {
+
+        } else {
+            window.location.href = pageUrl + (parseInt(pageNo) - 1);
+        }
+    }
+
+    function nextPage() {
+
+        if (window.location.pathname !== "/market/39") {
+            var url = window.location.href;
+            var pageNo = url.slice(url.length - 1, url.length) || 0;
+            var pageUrl = url.slice(0, url.length - 1);
+
+            if (pageNo == "t" ){
+                window.location.href = window.location.href + "/2"
+            } else if (pageNo == "/") {
+                window.location.href = window.location.href + "2"
+            } else {
+                window.location.href = pageUrl + (parseInt(pageNo) + 1);
+            }
+        }
+    }
 
-</section>
\ No newline at end of file
+</script>