{"version":3,"sources":["webpack:///./src/assets/img/blog-4.png","webpack:///./src/components/extras/blog/BlogItem.vue?53ac","webpack:///./src/assets/img/avatar/avatar-2.png","webpack:///./src/components/extras/banners/BlogBanner.vue?705a","webpack:///./src/components/extras/blog/BlogContainer.vue?fc39","webpack:///./src/components/extras/blog/BlogItem2.vue?b2b1","webpack:///./src/components/extras/blog/Blog2Column1Large.vue?4a77","webpack:///./src/assets/img/people-inlove.png","webpack:///./src/components/extras/blog/Blog3Columns.vue?b39d","webpack:///./src/assets/img/blog-1.png","webpack:///./src/views/Blog.vue","webpack:///./src/components/extras/banners/BlogBanner.vue","webpack:///./src/components/extras/banners/BlogBanner.vue?97b5","webpack:///./src/components/extras/blog/BlogContainer.vue","webpack:///./src/components/extras/blog/Blog3Columns.vue","webpack:///./src/components/extras/blog/BlogItem.vue","webpack:///./src/components/extras/blog/BlogItem.vue?ed39","webpack:///./src/components/extras/blog/Blog3Columns.vue?c272","webpack:///./src/components/extras/blog/Blog2Column1Large.vue","webpack:///./src/components/extras/blog/BlogItem2.vue","webpack:///./src/components/extras/blog/BlogItem2.vue?0b38","webpack:///./src/components/extras/blog/Blog2Column1Large.vue?2fc6","webpack:///./src/components/extras/blog/BlogContainer.vue?55de","webpack:///./src/views/Blog.vue?1b69"],"names":["module","exports","_createElementBlock","_createVNode","_component_BlogBanner","_component_BlogContainer","class","_createElementVNode","src","_imports_0","alt","_hoisted_2","_hoisted_3","_hoisted_1","_hoisted_4","__exports__","_component_BlogColumns","_component_Blog2Column1Large","_component_BlogItem","components","BlogItem","_component_BlogItem2","BlogItem2","BlogColumns","Blog2Column1Large","BlogBanner","BlogContainer","methods","mapActions","mounted","this","setCurrentPageName","$router","currentRoute","_rawValue","name","render"],"mappings":"yFAAAA,EAAOC,QAAU,IAA0B,2B,6DCA3C,W,uBCAAD,EAAOC,QAAU,IAA0B,6B,6GCA3C,W,2DCAA,W,kCCAA,W,kCCAA,W,qBCAAD,EAAOC,QAAU,IAA0B,kC,yDCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B,2B,gLCCzCC,eAGM,YAFJC,eAAcC,GACdD,eAAiBE,K,oGCFdC,MAAM,iB,QACTC,eAQM,OARDD,MAAM,yBAAuB,CAChCC,eAAiB,UAAb,YACJA,eAA4C,UAAxC,uCACJA,eAGI,SAHD,iHAIHA,eAA2B,cAAnB,gB,YAEVA,eAEM,OAFDD,MAAM,qBAAmB,CAC5BC,eAAmD,OAA9CC,IAAAC,IAAqCC,IAAI,O,OAVhDC,EASAC,G,gDAVFV,eAaM,MAbNW,EAaMC,GAIO,S,iCCXf,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,2ECRRT,MAAM,kB,+YAWTC,eAAM,oB,4HAXRL,eAeM,MAfNW,EAeM,CAdJF,EASAR,eAAea,GACfF,EACAX,eAAqBc,GAErBd,eAAea,K,SCdZV,MAAM,gB,mFAAXJ,eAMM,MANNW,EAMM,CALJV,eAAYe,GACZf,eAAYe,GACZf,eAAYe,GACZf,eAAYe,GACZf,eAAYe,K,+8BCJZL,G,gDADFX,eAsBM,WAAAS,GAIO,S,UCpBf,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QFGA,GACbQ,WAAY,CACVC,a,UGPJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,SCPNd,MAAM,gB,iHADbJ,eAKM,YAJJK,eAGM,MAHNM,EAGM,CAFJV,eAAakB,GACblB,eAAYe,O,kCCHXZ,MAAM,qB,idACTK,G,gDADFT,eAWM,MAXNW,EAWMC,GAIO,S,UCTf,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QFGA,GACbK,WAAY,CACVC,WACAE,c,UGRJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QRaA,GACbH,WAAY,CACVI,cACAC,sB,USlBJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,S,aZEA,IACbL,WAAY,CACVM,aACAC,kBAGFC,QAAS,IACJC,gBAAW,CAAC,wBAGjBC,UACEC,KAAKC,mBAAmBD,KAAKE,QAAQC,aAAaC,UAAUC,QajBhE,MAAM,GAA2B,IAAgB,GAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/Blog.45c97dd4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/blog-4.1bf2fe78.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./BlogItem.vue?vue&type=style&index=0&id=4af23528&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/avatar-2.56d97af8.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./BlogBanner.vue?vue&type=style&index=0&id=47999e88&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./BlogContainer.vue?vue&type=style&index=0&id=28f28d83&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./BlogItem2.vue?vue&type=style&index=0&id=248c1ec9&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Blog2Column1Large.vue?vue&type=style&index=0&id=558df0aa&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/people-inlove.86640545.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Blog3Columns.vue?vue&type=style&index=0&id=12246578&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/blog-1.0d3a2f1a.png\";","<template>\n  <div>\n    <BlogBanner />\n    <BlogContainer />\n  </div>\n</template>\n\n<script>\nimport BlogBanner from \"../components/extras/banners/BlogBanner.vue\";\nimport BlogContainer from \"../components/extras/blog/BlogContainer.vue\";\nimport { mapActions } from \"vuex\";\nexport default {\n  components: {\n    BlogBanner,\n    BlogContainer,\n  },\n\n  methods: {\n    ...mapActions([\"setCurrentPageName\"]),\n  },\n\n  mounted() {\n    this.setCurrentPageName(this.$router.currentRoute._rawValue.name);\n  },\n};\n</script>\n","<template>\n  <div class=\"career-banner\">\n    <div class=\"career-banner-content\">\n      <h5>The Blog</h5>\n      <h4>How to tokenize Your first property</h4>\n      <p>\n        We create asset-backed security tokens to help security issuers raise\n        more capital and offer investors true\n      </p>\n      <button>Start Here</button>\n    </div>\n    <div class=\"career-banner-img\">\n      <img src=\"@/assets/img/people-inlove.png\" alt=\"\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {};\n</script>\n\n<style scoped>\n.career-banner {\n  background: var(--mainLightGreenColor);\n  width: 100%;\n  max-height: 600px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  overflow: hidden;\n  padding: 80px 100px;\n}\n\n.career-banner-content {\n  width: 35%;\n  margin-right: auto;\n}\n\n.career-banner h4 {\n  font-style: normal;\n  font-weight: 600;\n  font-size: 50px;\n  line-height: 61px;\n  color: #000000;\n  margin-bottom: 30px;\n}\n\n.career-banner h5 {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16.41px;\n  line-height: 25px;\n  color: #858585;\n  margin-bottom: 20px;\n}\n\n.career-banner p {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 20px;\n  line-height: 140.62%;\n  color: #363636;\n  margin-bottom: 30px;\n}\n\n.career-banner img {\n  width: 100%;\n  height: auto;\n  border-radius: 2px;\n}\n\n.career-banner-content button {\n  border: none;\n  background: var(--mainGreenColor);\n  border-radius: 5px;\n  padding: 11px 40px;\n  color: #fff;\n}\n\n.career-banner-content button:hover {\n  background: #fff;\n  color: var(--mainGreenColor);\n}\n\n@media screen and (max-width: 1400px) {\n  .career-banner {\n    max-height: 600px;\n    padding: 80px;\n  }\n\n  .career-banner-content {\n    width: 42%;\n    margin-right: 60px;\n  }\n}\n@media screen and (max-width: 1150px) {\n  .career-banner {\n    padding: 80px 60px;\n  }\n\n  .career-banner h4 {\n    font-size: 40px;\n    /* margin-bottom: 60px; */\n  }\n\n  .career-banner h5 {\n    font-size: 14.5px;\n  }\n\n  .career-banner p {\n    font-size: 16px;\n  }\n}\n\n@media screen and (max-width: 1000px) {\n  .career-banner-content {\n    width: 85%;\n    margin-right: 60px;\n  }\n\n  .career-banner h4 {\n    font-size: 35px;\n    line-height: 41px;\n  }\n}\n@media screen and (max-width: 900px) {\n  .career-banner {\n    padding: 60px 35px;\n  }\n\n  .career-banner-content {\n    width: 95%;\n    margin-right: 60px;\n  }\n\n  .career-banner h4 {\n    font-size: 30px;\n  }\n}\n\n@media screen and (max-width: 720px) {\n  .career-banner {\n    padding: 40px 25px;\n    min-height: 300px;\n  }\n\n  .career-banner-content {\n    width: 100%;\n    margin-right: 40px;\n  }\n\n  .career-banner h4 {\n    font-size: 25px;\n    /* margin-bottom: 60px; */\n  }\n}\n\n@media screen and (max-width: 700px) {\n  .career-banner-img {\n    display: none;\n  }\n\n  .career-banner-content {\n    width: 80%;\n    margin: auto;\n    text-align: center;\n  }\n}\n\n@media screen and (max-width: 580px) {\n  .career-banner-content {\n    width: 95%;\n    margin: auto;\n  }\n\n  .career-banner h4 {\n    font-size: 27px;\n  }\n}\n@media screen and (max-width: 480px) {\n  .career-banner {\n    padding: 50px 20px 30px;\n  }\n  .career-banner h4 {\n    font-size: 23px;\n    margin-bottom: 30px;\n  }\n\n  .career-banner h5 {\n    font-size: 13.5px;\n  }\n\n  .career-banner p {\n    font-size: 15px;\n  }\n\n  .career-banner-content button {\n    padding: 11px 40px;\n    font-size: 13px;\n    margin-bottom: 30px;\n  }\n}\n@media screen and (max-width: 380px) {\n  .career-banner-content {\n    width: 98%;\n    margin: auto;\n  }\n  .career-banner h4 {\n    font-size: 23px;\n  }\n}\n</style>\n","import { render } from \"./BlogBanner.vue?vue&type=template&id=47999e88&scoped=true\"\nimport script from \"./BlogBanner.vue?vue&type=script&lang=js\"\nexport * from \"./BlogBanner.vue?vue&type=script&lang=js\"\n\nimport \"./BlogBanner.vue?vue&type=style&index=0&id=47999e88&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-47999e88\"]])\n\nexport default __exports__","<template>\n  <div class=\"blog-container\">\n    <h4>The Blog</h4>\n    <div class=\"relsify-nav-tab\">\n      <a href=\"javascript\" class=\"active\">Latest Posts </a>\n      <a href=\"javascript\">Realestate </a>\n      <a href=\"javascript\">Block Chain </a>\n      <a href=\"javascript\">Tokenization </a>\n      <a href=\"javascript\">Smart contract </a>\n    </div>\n\n    <BlogColumns />\n    <br />\n    <Blog2Column1Large />\n\n    <BlogColumns />\n  </div>\n</template>\n\n<script>\nimport BlogColumns from \"./Blog3Columns.vue\";\nimport Blog2Column1Large from \"./Blog2Column1Large.vue\";\nexport default {\n  components: {\n    BlogColumns,\n    Blog2Column1Large,\n  },\n};\n</script>\n\n<style scoped>\n.blog-container {\n  background: #ffffff;\n  width: 100%;\n  padding: 100px 120px 100px;\n}\n\n.blog-container h4 {\n  font-style: normal;\n  font-weight: 600;\n  font-size: 37.41px;\n  line-height: 56px;\n  text-align: center;\n  color: #000000;\n}\n\n@media screen and (max-width: 1300px) {\n  .blog-container {\n    padding: 100px 80px 100px;\n  }\n}\n\n@media screen and (max-width: 1250px) {\n  .blog-container {\n    padding: 100px 50px 100px;\n  }\n}\n\n@media screen and (max-width: 1150px) {\n  .blog-container {\n    padding: 80px 40px;\n  }\n}\n\n@media screen and (max-width: 950px) {\n  .blog-container {\n    padding: 80px 20px;\n  }\n}\n</style>\n","<template>\n  <div class=\"blog-columns\">\n    <BlogItem />\n    <BlogItem />\n    <BlogItem />\n    <BlogItem />\n    <BlogItem />\n  </div>\n</template>\n\n<script>\nimport BlogItem from \"./BlogItem.vue\";\nexport default {\n  components: {\n    BlogItem,\n  },\n};\n</script>\n\n<style scoped>\n.blog-columns {\n  margin-top: 60px;\n  margin-bottom: 60px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n\n@media screen and (max-width: 1200px) {\n  .blog-columns {\n    margin-top: 40px;\n    gap: 40px 25px;\n  }\n}\n\n@media screen and (max-width: 850px) {\n  .blog-columns {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media screen and (max-width: 650px) {\n  .blog-columns {\n    gap: 40px 15px;\n  }\n}\n\n@media screen and (max-width: 570px) {\n  .blog-columns {\n    grid-template-columns: 1fr;\n    gap: 40px 15px;\n  }\n}\n</style>\n","<template>\n  <div>\n    <div class=\"blog-columns-item\">\n      <div class=\"blog-columns-item-image\">\n        <a href=\"javascript:;\"><img src=\"@/assets/img/blog-1.png\" alt=\"\" /></a>\n      </div>\n      <div class=\"blog-columns-item-container\">\n        <h5><a href=\"javascript:;\">What is real estate tokenization</a></h5>\n        <p>\n          We create asset-backed security tokens to help security issuers raise\n          more capital and offer investors true\n        </p>\n        <div class=\"blog-columns-item-container-author\">\n          <a href=\"javascript:;\">\n            <img src=\"@/assets/img/avatar/avatar-2.png\" alt=\"\" />\n          </a>\n          <div class=\"blog-columns-item-container-author-content\">\n            <h6 class=\"author-name\"><a href=\"javascript:;\">Jessica owen</a></h6>\n            <span class=\"blog-date\">january 16 2022 4min read</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {};\n</script>\n\n<style scoped>\n.blog-columns-item {\n  background: #ffffff;\n  box-shadow: 0px 3.90076px 28.2805px 4.87595px rgba(111, 111, 111, 0.25);\n  border-radius: 29.2557px;\n}\n\n.blog-columns-item .blog-columns-item-image img {\n  width: 100%;\n  height: 250px;\n  object-fit: cover;\n  border-radius: 29.2557px;\n}\n\n.blog-columns-item-container {\n  padding: 30px 40px;\n}\n\n.blog-columns-item-container h5 {\n  font-style: normal;\n  font-weight: 600;\n  font-size: 21px;\n  line-height: 28px;\n  color: #000000;\n  margin-bottom: 13px;\n}\n\n.blog-columns-item-container p {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 13.6527px;\n  line-height: 140.62%;\n  color: #363636;\n  margin-bottom: 23px;\n}\n\n.blog-columns-item-container-author {\n  margin-top: 12px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center !important;\n  column-gap: 15px;\n  height: 100%;\n}\n\n.blog-columns-item-container-author img {\n  width: 40px;\n  height: 40px;\n  object-fit: cover;\n}\n\n.blog-columns-item-container-author\n  .blog-columns-item-container-author-content {\n  color: #000000;\n  margin-top: 10px;\n}\n\n.blog-columns-item a {\n  color: #000000;\n}\n\n.blog-columns-item-container-author\n  .blog-columns-item-container-author-content\n  h6 {\n  margin-bottom: 0px;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 4px;\n}\n\n.blog-columns-item-container-author\n  .blog-columns-item-container-author-content\n  span {\n  margin-bottom: 0px;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n@media screen and (max-width: 1300px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 200px;\n  }\n}\n\n@media screen and (max-width: 1200px) {\n  .blog-columns-item-container {\n    padding: 25px 30px;\n  }\n\n  .blog-columns-item-container-author img {\n    width: 30px;\n    height: 30px;\n  }\n\n  .blog-columns-item-container-author\n    .blog-columns-item-container-author-content\n    h6 {\n    font-size: 13px;\n  }\n}\n\n@media screen and (max-width: 950px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 170px;\n  }\n\n  .blog-columns-item-container {\n    padding: 25px 20px;\n  }\n\n  .blog-columns-item-container h5 {\n    font-size: 19px;\n  }\n\n  .blog-columns-item-container p {\n    font-size: 12px;\n  }\n}\n\n@media screen and (max-width: 850px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 200px;\n  }\n}\n\n@media screen and (max-width: 650px) {\n  .blog-columns-item-container h5 {\n    font-size: 17px;\n  }\n}\n\n@media screen and (max-width: 570px) {\n  .blog-columns-item-container h5 {\n    font-size: 19px;\n  }\n  .blog-columns-item .blog-columns-item-image img {\n    height: 250px;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 200px;\n  }\n}\n</style>\n","import { render } from \"./BlogItem.vue?vue&type=template&id=4af23528&scoped=true\"\nimport script from \"./BlogItem.vue?vue&type=script&lang=js\"\nexport * from \"./BlogItem.vue?vue&type=script&lang=js\"\n\nimport \"./BlogItem.vue?vue&type=style&index=0&id=4af23528&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4af23528\"]])\n\nexport default __exports__","import { render } from \"./Blog3Columns.vue?vue&type=template&id=12246578&scoped=true\"\nimport script from \"./Blog3Columns.vue?vue&type=script&lang=js\"\nexport * from \"./Blog3Columns.vue?vue&type=script&lang=js\"\n\nimport \"./Blog3Columns.vue?vue&type=style&index=0&id=12246578&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-12246578\"]])\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"blog-columns\">\n      <BlogItem2 />\n      <BlogItem />\n    </div>\n  </div>\n</template>\n\n<script>\nimport BlogItem from \"./BlogItem.vue\";\nimport BlogItem2 from \"./BlogItem2.vue\";\nexport default {\n  components: {\n    BlogItem,\n    BlogItem2,\n  },\n};\n</script>\n\n<style scoped>\n.blog-columns {\n  margin-top: 60px;\n  margin-bottom: 60px;\n  display: grid;\n  grid-template-columns: 1fr 400px;\n  gap: 40px 15%;\n}\n\n@media screen and (max-width: 1400px) {\n  .blog-columns {\n    margin-top: 60px;\n    margin-bottom: 60px;\n    grid-template-columns: 1fr 400px;\n    gap: 40px 10%;\n  }\n}\n\n@media screen and (max-width: 1200px) {\n  .blog-columns {\n    margin-top: 40px;\n    margin-bottom: 40px;\n    grid-template-columns: 1fr 400px;\n    gap: 40px 8%;\n  }\n}\n\n@media screen and (max-width: 980px) {\n  .blog-columns {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px 5%;\n  }\n}\n\n@media screen and (max-width: 850px) {\n  .blog-columns {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px 4%;\n  }\n}\n\n@media screen and (max-width: 650px) {\n  .blog-columns {\n    gap: 40px 15px;\n  }\n}\n\n@media screen and (max-width: 610px) {\n  .blog-columns {\n    grid-template-columns: 1fr;\n    gap: 40px 15px;\n  }\n}\n\n@media screen and (max-width: 570px) {\n  .blog-columns {\n    grid-template-columns: 1fr;\n    gap: 40px 15px;\n  }\n}\n</style>\n","<template>\n  <div class=\"blog-columns-item\">\n    <div class=\"blog-columns-item-image\">\n      <a href=\"javascript:;\"><img src=\"@/assets/img/blog-4.png\" alt=\"\" /></a>\n    </div>\n    <div class=\"blog-columns-item-container\">\n      <h5><a href=\"javascript:;\">What is real estate tokenization</a></h5>\n      <p>\n        We create asset-backed security tokens to help security issuers raise\n        more capital and offer investors true\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {};\n</script>\n\n<style scoped>\n.blog-columns-item {\n  background: #ffffff;\n  border-radius: 29.2557px;\n}\n\n.blog-columns-item .blog-columns-item-image img {\n  width: 100%;\n  height: 400px;\n  object-fit: cover;\n  border-radius: 29.2557px;\n}\n\n.blog-columns-item-container {\n  padding: 30px 0px;\n}\n\n.blog-columns-item-container h5 {\n  font-weight: 600;\n  font-size: 40px;\n  line-height: 66px;\n  color: #000000;\n  margin-bottom: 13px;\n}\n\n.blog-columns-item-container p {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 18px;\n  line-height: 140.62%;\n  color: #363636;\n  margin-bottom: 23px;\n}\n\n.blog-columns-item a {\n  color: #000000;\n}\n\n@media screen and (max-width: 1400px) {\n  .blog-columns-item-container h5 {\n    font-size: 35px;\n    line-height: 60px;\n  }\n}\n\n@media screen and (max-width: 1300px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 350px;\n  }\n\n  .blog-columns-item-container p {\n    font-size: 16px;\n  }\n}\n\n@media screen and (max-width: 1200px) {\n  .blog-columns-item-container {\n    padding: 25px 10px;\n  }\n\n  .blog-columns-item-container h5 {\n    font-size: 30px;\n  }\n}\n\n@media screen and (max-width: 1050px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 270px;\n  }\n\n  .blog-columns-item-container {\n    padding: 15px 10px;\n  }\n\n  .blog-columns-item-container h5 {\n    font-size: 25px;\n    line-height: 36px;\n  }\n}\n\n@media screen and (max-width: 980px) {\n  .blog-columns-item {\n    background: #ffffff;\n    box-shadow: 0px 3.90076px 28.2805px 4.87595px rgba(111, 111, 111, 0.25);\n  }\n  .blog-columns-item .blog-columns-item-image img {\n    height: 200px;\n  }\n\n  .blog-columns-item-container {\n    padding: 25px 25px;\n  }\n\n  .blog-columns-item-container h5 {\n    font-size: 22px;\n  }\n\n  .blog-columns-item-container p {\n    font-size: 15px;\n  }\n}\n\n@media screen and (max-width: 850px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 200px;\n  }\n\n  .blog-columns-item-container {\n    padding: 20px 20px;\n  }\n\n  .blog-columns-item-container h5 {\n    font-size: 20px;\n  }\n}\n\n@media screen and (max-width: 650px) {\n  .blog-columns-item-container h5 {\n    font-size: 17px;\n  }\n}\n\n@media screen and (max-width: 610px) {\n  .blog-columns-item-container h5 {\n    font-size: 19px;\n  }\n  .blog-columns-item .blog-columns-item-image img {\n    height: 250px;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  .blog-columns-item .blog-columns-item-image img {\n    height: 200px;\n  }\n}\n</style>\n","import { render } from \"./BlogItem2.vue?vue&type=template&id=248c1ec9&scoped=true\"\nimport script from \"./BlogItem2.vue?vue&type=script&lang=js\"\nexport * from \"./BlogItem2.vue?vue&type=script&lang=js\"\n\nimport \"./BlogItem2.vue?vue&type=style&index=0&id=248c1ec9&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-248c1ec9\"]])\n\nexport default __exports__","import { render } from \"./Blog2Column1Large.vue?vue&type=template&id=558df0aa&scoped=true\"\nimport script from \"./Blog2Column1Large.vue?vue&type=script&lang=js\"\nexport * from \"./Blog2Column1Large.vue?vue&type=script&lang=js\"\n\nimport \"./Blog2Column1Large.vue?vue&type=style&index=0&id=558df0aa&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-558df0aa\"]])\n\nexport default __exports__","import { render } from \"./BlogContainer.vue?vue&type=template&id=28f28d83&scoped=true\"\nimport script from \"./BlogContainer.vue?vue&type=script&lang=js\"\nexport * from \"./BlogContainer.vue?vue&type=script&lang=js\"\n\nimport \"./BlogContainer.vue?vue&type=style&index=0&id=28f28d83&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-28f28d83\"]])\n\nexport default __exports__","import { render } from \"./Blog.vue?vue&type=template&id=b5b16ed8\"\nimport script from \"./Blog.vue?vue&type=script&lang=js\"\nexport * from \"./Blog.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src4178760291/src/relsify-frontpage-website/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}