diff --git a/css/dist/main.css b/css/dist/main.css
index c284098..f58ad6a 100644
--- a/css/dist/main.css
+++ b/css/dist/main.css
@@ -39,8 +39,8 @@
 
 #estate-img {
   border-radius: 10px;
-  height: 80%;
-  width: 80%;
+  height: 350px;
+  width: 350px;
   margin-top: 20px;
 }
 
@@ -74,4 +74,17 @@ footer {
   font-size: 20px;
   color: white;
   margin-top: 100px;
+}
+
+#oxmon {
+  text-align: right;
+  text-decoration: none;
+  color: white;
+  font-size: 30px;
+  margin: 0px;
+}
+
+#toast {
+  text-decoration: none;
+  color: white;
 }
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 1b9f7a2..56ad0ae 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -43,8 +43,8 @@
 
 #estate-img {
     border-radius: 10px;
-    height: 80%;
-    width: 80%;
+    height: 350px;
+    width: 350px;
     margin-top: 20px;
 }
 
@@ -82,4 +82,19 @@ footer {
     color: white;
     margin-top: 100px;
 
-}
\ No newline at end of file
+}
+
+#oxmon {
+    text-align:right;
+    text-decoration: none;
+    color: white;
+    font-size: 30px;
+    margin: 0px;
+}
+#toast {
+    text-decoration: none;
+    color: white;
+
+}
+
+// Oxmon NFT work under
\ No newline at end of file
diff --git a/index.html b/index.html
index 355cff3..8d08e89 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,12 @@
 </head>
 <body id="body">
     <div id="head">
-        <span>Toast <object type="image/svg+xml" data="./assets/s.svg" class="logo">
-            
+        <span><a href="./index.html" id="toast">Toast</a><object type="image/svg+xml" data="./assets/s.svg" class="logo">
         </object></span>
+        <a href="./oxmon.html" id="oxmon">Oxmon</a>
+        <a href="./rarible.html" id="oxmon">Rarible</a>
     </div>
+    
 
     <div id="main">
     </div>
diff --git a/js/dist/oxmon.dev.js b/js/dist/oxmon.dev.js
new file mode 100644
index 0000000..e008e53
--- /dev/null
+++ b/js/dist/oxmon.dev.js
@@ -0,0 +1,25 @@
+"use strict";
+
+axios.post("https://api.thegraph.com/subgraphs/name/ninjashiroi/oxmons", {
+  query: "\n    {\n  monsters(orderBy: number, first: 53) {\n    id\n    number\n    owner\n    bits\n    tokenUri\n    gen\n    minterContract\n    rarity\n    \n    \n  }\n}           \n          "
+}).then(function (res) {
+  res.data.data.monsters.map(function (gg) {
+    var rarity = gg.rarity;
+    var owner = gg.owner;
+    var number = gg.number;
+
+    if ((gg.tokenUri !== null || undefined) && gg.tokenUri.length !== 0) {
+      axios.get(gg.tokenUri).then(function (res) {
+        try {
+          var content = "\n          <div id=\"estate-con\">\n            <div id=\"estate-card\">\n                <div id=\"estate-content\">\n                <img src=\"".concat(res.data.image, "\" alt=\"estate-image\" id=\"estate-img\">\n                    <p id=\"estate-p\">").concat(res.data.name, "</p>\n                    <p id=\"estate-p\">owner:").concat(owner, "</p>\n                    <p id=\"estate-p\">Rarity:").concat(rarity, "</p>\n                    \n                    <button id=\"estate-btn\">\n                        <a href=\"https://opensea.io/assets/0x0427743df720801825a5c82e0582b1e915e0f750/").concat(number, "\" id=\"estate-a\">more info</a>\n                    </button>\n                </div>\n            </div>\n          </div>\n            ");
+          document.getElementById("main").innerHTML += content;
+          rarity = null;
+          number = null;
+          owner = null;
+        } catch (e) {
+          console.log(e);
+        }
+      });
+    }
+  });
+});
\ No newline at end of file
diff --git a/js/dist/rarible.dev.js b/js/dist/rarible.dev.js
new file mode 100644
index 0000000..80b9809
--- /dev/null
+++ b/js/dist/rarible.dev.js
@@ -0,0 +1,53 @@
+"use strict";
+
+axios.post("https://api.thegraph.com/subgraphs/name/nikolaymalmal/rarible", {
+  query: "\n    {\n  \n  rarities(first: 100) {\n    id\n    Link\n    Owner {\n      id\n    }\n  }\n}\n          \n          "
+}).then(function (res) {
+  res.data.data.rarities.map(function (_char) {
+    var owner = _char.Owner.id;
+    axios.get("https://ipfs.io/".concat(_char.Link)).then(function (t) {
+      try {
+        var image = t.data.image.slice(6);
+        console.log(image);
+        var content = "\n          <div id=\"estate-con\">\n            <div id=\"estate-card\">\n                <div id=\"estate-content\">\n                <img src=\"https://ipfs.io".concat(image, "\" alt=\"estate-image\" id=\"estate-img\">\n                    <p id=\"estate-p\"></p>\n                    <p id=\"estate-p\">owner:").concat(owner, "</p>\n                    <p id=\"estate-p\">Rarity:</p>\n                    \n                    <button id=\"estate-btn\">\n                        <a href=\"").concat(t.data.external_url, "\" id=\"estate-a\">more info</a>\n                    </button>\n                </div>\n            </div>\n          </div>\n            ");
+        document.getElementById("main").innerHTML += content;
+        owner = null;
+      } catch (e) {
+        console.log(e);
+      }
+    });
+  });
+  /* res.data.data.monsters.map((gg) => {
+    let rarity = gg.rarity;
+    let owner = gg.owner;
+    let number = gg.number;
+     if ((gg.tokenUri !== null || undefined) && gg.tokenUri.length !== 0) {
+      axios.get(gg.tokenUri).then((res) => {
+        try {
+          let content = `
+        <div id="estate-con">
+          <div id="estate-card">
+              <div id="estate-content">
+              <img src="${res.data.image}" alt="estate-image" id="estate-img">
+                  <p id="estate-p">${res.data.name}</p>
+                  <p id="estate-p">owner:${owner}</p>
+                  <p id="estate-p">Rarity:${rarity}</p>
+                  
+                  <button id="estate-btn">
+                      <a href="https://opensea.io/assets/0x0427743df720801825a5c82e0582b1e915e0f750/${number}" id="estate-a">more info</a>
+                  </button>
+              </div>
+          </div>
+        </div>
+          `;
+           document.getElementById("main").innerHTML += content;
+          rarity = null;
+          number = null;
+          owner = null;
+        } catch (e) {
+          console.log(e);
+        }
+      });
+    }
+  }); */
+});
\ No newline at end of file
diff --git a/js/oxmon.js b/js/oxmon.js
new file mode 100644
index 0000000..7c15a99
--- /dev/null
+++ b/js/oxmon.js
@@ -0,0 +1,58 @@
+axios
+  .post("https://api.thegraph.com/subgraphs/name/ninjashiroi/oxmons", {
+    query: `
+    {
+  monsters(orderBy: number, first: 53) {
+    id
+    number
+    owner
+    bits
+    tokenUri
+    gen
+    minterContract
+    rarity
+    
+    
+  }
+}           
+          `,
+  })
+  .then((res) => {
+    
+    res.data.data.monsters.map((gg) => {
+        let rarity = gg.rarity
+        let owner = gg.owner
+        let number = gg.number
+        
+        if((gg.tokenUri !== null || undefined  ) && gg.tokenUri.length !== 0){
+            axios.get(gg.tokenUri).then((res) => {
+              try {
+                let content = `
+          <div id="estate-con">
+            <div id="estate-card">
+                <div id="estate-content">
+                <img src="${res.data.image}" alt="estate-image" id="estate-img">
+                    <p id="estate-p">${res.data.name}</p>
+                    <p id="estate-p">owner:${owner}</p>
+                    <p id="estate-p">Rarity:${rarity}</p>
+                    
+                    <button id="estate-btn">
+                        <a href="https://opensea.io/assets/0x0427743df720801825a5c82e0582b1e915e0f750/${number}" id="estate-a">more info</a>
+                    </button>
+                </div>
+            </div>
+          </div>
+            `;
+
+                document.getElementById("main").innerHTML += content;
+                rarity = null
+                number = null
+                owner= null
+              } catch (e) {
+                console.log(e);
+              }
+            }); 
+        }
+    
+    });
+        });
diff --git a/js/rarible.js b/js/rarible.js
new file mode 100644
index 0000000..2b0d6e1
--- /dev/null
+++ b/js/rarible.js
@@ -0,0 +1,90 @@
+axios
+  .post("https://api.thegraph.com/subgraphs/name/nikolaymalmal/rarible", {
+    query: `
+    {
+  
+  rarities(first: 100) {
+    id
+    Link
+    Owner {
+      id
+    }
+  }
+}
+          
+          `,
+  })
+  .then((res) => {
+
+    res.data.data.rarities.map((char) => {
+        let owner = char.Owner.id
+        
+        axios.get(
+          `https://ipfs.io/${char.Link}`
+        ).then((t) => {
+            try {
+                let image = t.data.image.slice(6)
+                
+                console.log(image)
+                let content = `
+          <div id="estate-con">
+            <div id="estate-card">
+                <div id="estate-content">
+                <img src="https://ipfs.io${image}" alt="estate-image" id="estate-img">
+                    <p id="estate-p"></p>
+                    <p id="estate-p">owner:${owner}</p>
+                    <p id="estate-p">Rarity:</p>
+                    
+                    <button id="estate-btn">
+                        <a href="${t.data.external_url}" id="estate-a">more info</a>
+                    </button>
+                </div>
+            </div>
+          </div>
+            `;
+
+                document.getElementById("main").innerHTML += content;
+                owner = null
+
+
+            } catch (e) {
+                console.log(e)
+            }
+        });
+    })
+    /* res.data.data.monsters.map((gg) => {
+      let rarity = gg.rarity;
+      let owner = gg.owner;
+      let number = gg.number;
+
+      if ((gg.tokenUri !== null || undefined) && gg.tokenUri.length !== 0) {
+        axios.get(gg.tokenUri).then((res) => {
+          try {
+            let content = `
+          <div id="estate-con">
+            <div id="estate-card">
+                <div id="estate-content">
+                <img src="${res.data.image}" alt="estate-image" id="estate-img">
+                    <p id="estate-p">${res.data.name}</p>
+                    <p id="estate-p">owner:${owner}</p>
+                    <p id="estate-p">Rarity:${rarity}</p>
+                    
+                    <button id="estate-btn">
+                        <a href="https://opensea.io/assets/0x0427743df720801825a5c82e0582b1e915e0f750/${number}" id="estate-a">more info</a>
+                    </button>
+                </div>
+            </div>
+          </div>
+            `;
+
+            document.getElementById("main").innerHTML += content;
+            rarity = null;
+            number = null;
+            owner = null;
+          } catch (e) {
+            console.log(e);
+          }
+        });
+      }
+    }); */
+  });
diff --git a/oxmon.html b/oxmon.html
new file mode 100644
index 0000000..1dff7b4
--- /dev/null
+++ b/oxmon.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="./js/oxmon.js" type="module"></script>
+    <link rel="stylesheet" type="text/css" href="./css/dist/main.css" media="screen" />
+    <link rel="shortcut icon" type="image/jpg" href="./assets/toast.png"/>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+
+    <title>Toast</title>
+</head>
+<body id="body">
+    <div id="head">
+        <span><a href="./index.html" id="toast">Toast</a><object type="image/svg+xml" data="./assets/s.svg" class="logo">
+        </object></span>
+        <a href="./oxmon.html" id="oxmon">Oxmon</a>
+        <a href="./rarible.html" id="oxmon">Rarible</a>
+    </div>
+    
+
+    <div id="main">
+    </div>
+    
+
+
+    <footer>Made with &#129293 by 3scava1i3r</footer>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/rarible.html b/rarible.html
new file mode 100644
index 0000000..7ba3510
--- /dev/null
+++ b/rarible.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="./js/rarible.js" type="module"></script>
+    <link rel="stylesheet" type="text/css" href="./css/dist/main.css" media="screen" />
+    <link rel="shortcut icon" type="image/jpg" href="./assets/toast.png"/>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+
+    <title>Toast</title>
+</head>
+<body id="body">
+    <div id="head">
+        <span><a href="./index.html" id="toast">Toast</a><object type="image/svg+xml" data="./assets/s.svg" class="logo">
+        </object></span>
+        <a href="./oxmon.html" id="oxmon">Oxmon</a>
+        <a href="./rarible.html" id="oxmon">Rarible</a>
+    </div>
+    
+
+    <div id="main">
+    </div>
+    
+
+
+    <footer>Made with &#129293 by 3scava1i3r</footer>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+
+</body>
+</html>
\ No newline at end of file
