{"id":3413,"date":"2025-09-27T16:16:45","date_gmt":"2025-09-27T08:16:45","guid":{"rendered":"https:\/\/zoedev.tech\/home\/"},"modified":"2025-10-08T19:28:43","modified_gmt":"2025-10-08T11:28:43","slug":"home","status":"publish","type":"page","link":"https:\/\/zoedev.tech\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_605627183\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\t<div class=\"ux-shape-divider ux-shape-divider--bottom ux-shape-divider--style-waves-opacity-3\">\n\t\t<svg viewBox=\"0 0 1000 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n\t<path class=\"ux-shape-fill\" opacity=\"0.05\" d=\"M1014 264V386H206L34 300C34 300 344.42 277.16 436 221C542 156 590 160 704 209C811 255 899.11 214.94 979 346L1014 264Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.1\" d=\"M-302 55C-302 55 -66.73 263.25 50 214C178 160 283 116 353 141C445.68 174.1 534.28 256.19 588 249C692.9 235 764.52 75.94 855 131C940.61 183.09 1000 254 1000 254V328L-306 338L-302 55Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.15\" d=\"M-286 255C-286 255 -72 152 52 126C176 100 255 155 436 227C581.57 284.91 614.7 277.79 708 227C787 184 1009 3.0001 1093 164C1146 265.63 1031 293 1031 293L924 377L-288 389L-286 255Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.3\" d=\"M-24 69C-24 69 275.68 370.66 389 314C397 310 622 316 673 356C690.47 369.7 845 224 890 182C944.8 130.85 1018 92 1078 143C1154.12 207.7 1196 242 1196 242L1184 374L-28 386L-24 69Z\"\/>\n\t<path class=\"ux-shape-fill\" d=\"M-12 201C-12 201 58 284 182 258C306 232 342.29 221.23 456 264C565 305 640.82 288.36 721 249C776 222 837.5 191.31 935 253C984 284 1030 279 1030 279L1024 430L-12 440V201Z\"\/>\n<\/svg>\n\t<\/div>\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-1637295904\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1637295904 {\n  padding-top: 160px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\" style=\"max-width:1300px\" id=\"row-1067386375\">\n\n\n\t<div id=\"col-691856902\" class=\"col medium-11 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-512893757\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-512893757 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-3041442247\" class=\"text\">\n\t\t\n\n<div class=\"elementor-element elementor-element-462ea03f elementor-widget elementor-widget-heading animated fadeInUp\" data-id=\"462ea03f\" data-element_type=\"widget\" data-settings=\"{\"_animation_delay\":400}\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-element elementor-element-05e69ec elementor-widget elementor-widget-heading\" data-id=\"05e69ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h1 class=\"elementor-heading-title elementor-size-default\" data-animate=\"fadeInLeft\" data-animate-delay=\"200\">Hi! I&#8217;m <span style=\"color: #fccf03;\">Zoe<\/span><\/h1>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-7ca22ef elementor-widget elementor-widget-heading\" data-id=\"7ca22ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 75%; color: #0c1765;\">A full\u2011stack developer based in Tokyo, passionate about building small tools and sharing my Japanese-learning journey.<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\n<style>\n#text-3041442247 {\n  font-size: 1.25rem;\n}\n@media (min-width:550px) {\n  #text-3041442247 {\n    font-size: 2.25rem;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-2050670209\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2050670209 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<a href=\"\/portfolio-2\" class=\"button white is-larger hidden\" style=\"border-radius:99px;\">\n\t\t<span>\u6211\u7684\u4f5c\u54c1<\/span>\n\t<\/a>\n\n\n<a class=\"button primary is-larger open-popup\" style=\"border-radius:99px;\">\n\t\t<span>Contact me<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1503109106\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1389613260\">\n\t\t\t\t\t\t<div data-animate=\"fadeInUp\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img decoding=\"async\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web_develop.svg\" class=\"attachment-original size-original\" alt=\"\" \/>\t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(255, 255, 255, 0)\"><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1389613260 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1503109106 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-1067386375 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\t<div id=\"gap-1832158095\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1832158095 {\n  padding-top: 140px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_605627183 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 400px;\n  background-color: rgb(253, 249, 222);\n}\n#section_605627183 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #section_605627183 {\n    min-height: 600px;\n  }\n}\n@media (min-width:850px) {\n  #section_605627183 {\n    min-height: 800px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1445444125\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\t<div class=\"ux-shape-divider ux-shape-divider--top ux-shape-divider--style-waves-opacity-3\">\n\t\t<svg viewBox=\"0 0 1000 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n\t<path class=\"ux-shape-fill\" opacity=\"0.05\" d=\"M1014 264V386H206L34 300C34 300 344.42 277.16 436 221C542 156 590 160 704 209C811 255 899.11 214.94 979 346L1014 264Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.1\" d=\"M-302 55C-302 55 -66.73 263.25 50 214C178 160 283 116 353 141C445.68 174.1 534.28 256.19 588 249C692.9 235 764.52 75.94 855 131C940.61 183.09 1000 254 1000 254V328L-306 338L-302 55Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.15\" d=\"M-286 255C-286 255 -72 152 52 126C176 100 255 155 436 227C581.57 284.91 614.7 277.79 708 227C787 184 1009 3.0001 1093 164C1146 265.63 1031 293 1031 293L924 377L-288 389L-286 255Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.3\" d=\"M-24 69C-24 69 275.68 370.66 389 314C397 310 622 316 673 356C690.47 369.7 845 224 890 182C944.8 130.85 1018 92 1078 143C1154.12 207.7 1196 242 1196 242L1184 374L-28 386L-24 69Z\"\/>\n\t<path class=\"ux-shape-fill\" d=\"M-12 201C-12 201 58 284 182 258C306 232 342.29 221.23 456 264C565 305 640.82 288.36 721 249C776 222 837.5 191.31 935 253C984 284 1030 279 1030 279L1024 430L-12 440V201Z\"\/>\n<\/svg>\n\t<\/div>\n\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-392611628\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-392611628 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row align-center\"  id=\"row-132923368\">\n\n\n\t<div id=\"col-409452471\" class=\"col medium-6 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-1571074337\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1571074337 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"text-center\"><div class=\"is-divider divider clearfix\" style=\"margin-top:15.2px;margin-bottom:15.2px;max-width:150px;height:8px;background-color:rgb(254, 215, 80);\"><\/div><\/div>\n\n\t<div id=\"text-3582238555\" class=\"text\">\n\t\t\n\n<h2>Projects<\/h2>\n\t\t\n<style>\n#text-3582238555 {\n  font-size: 2.25rem;\n  line-height: 0.75;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-998352316\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-998352316 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse align-equal align-center\"  id=\"row-917304725\">\n\n\n\t<div id=\"col-1455816723\" class=\"col case-content medium-5 small-12 large-5 col-hover-focus\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover image-radius  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:5%;\">\n\t\t\t<a href=\"https:\/\/batch.zoedev.tech\/\" target=\"_blank\" rel=\"noopener\" >\t\t\t<div class=\"image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2538\" height=\"5351\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_.png\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_.png 2538w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_-142x300.png 142w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_-486x1024.png 486w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_-768x1619.png 768w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_-729x1536.png 729w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_-971x2048.png 971w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/vehicle.crushspace.live_-600x1265.png 600w\" sizes=\"auto, (max-width: 2538px) 100vw, 2538px\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:rgba(3, 2, 2, 0.326)\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"gap-1916906306\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1916906306 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-3648952813\" class=\"text\">\n\t\t\n\n<div style=\"display: flex; line-height: 30px; margin-bottom: 10px;\">\n<h2 style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\"><span style=\"color: #000000;\">Automotive parts showcase<\/span><\/h2>\n<p><a style=\"font-size: 2em;\" href=\"https:\/\/batch.zoedev.tech\/\" data-animate=\"fadeInUp\">\u2192<\/a><\/p>\n<\/div>\n<p style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\">Bulk import and management for tens of thousands of tire chains<\/p>\n\t\t\n<style>\n#text-3648952813 {\n  color: rgb(0,0,0);\n}\n#text-3648952813 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1455816723 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-2098867211\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1335432527\" class=\"col case-content medium-5 small-12 large-5 col-hover-focus\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover image-radius  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:5%;\">\n\t\t\t<a href=\"https:\/\/print.zoedev.tech\/\" target=\"_blank\" rel=\"noopener\" >\t\t\t<div class=\"image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1913\" height=\"983\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-27-171844.png\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-27-171844.png 1913w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-27-171844-300x154.png 300w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-27-171844-1024x526.png 1024w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-27-171844-768x395.png 768w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-27-171844-1536x789.png 1536w\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:rgba(3, 2, 2, 0.326)\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"gap-1208222773\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1208222773 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-1098389715\" class=\"text\">\n\t\t\n\n<div style=\"display: flex; line-height: 30px; margin-bottom: 10px;\">\n<h2 style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\"><span style=\"color: #000000;\">Print template management<\/span><\/h2>\n<p><a style=\"font-size: 2em;\" href=\"https:\/\/print.zoedev.tech\/\" data-animate=\"fadeInUp\">\u2192<\/a><\/p>\n<\/div>\n<p style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\">Upload your template file links in the dashboard so your clients can download and use them<\/p>\n\t\t\n<style>\n#text-1098389715 {\n  color: rgb(0,0,0);\n}\n#text-1098389715 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1335432527 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-917304725 > .col > .col-inner {\n  padding: 30px 20px 30px 20px;\n}\n@media (min-width:850px) {\n  #row-917304725 > .col > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n<\/style>\n<\/div>\n<div class=\"row row-collapse align-equal align-center\"  id=\"row-251072759\">\n\n\n\t<div id=\"col-984582050\" class=\"col case-content medium-5 small-12 large-5 col-hover-focus\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover image-radius  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:5%;\">\n\t\t\t<a href=\"https:\/\/semicon.zoedev.tech\/\" target=\"_blank\" rel=\"noopener\" >\t\t\t<div class=\"image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2538\" height=\"8442\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_.png\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_.png 2538w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_-90x300.png 90w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_-308x1024.png 308w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_-768x2555.png 768w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_-462x1536.png 462w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_-616x2048.png 616w, https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/04\/sistc.com_-600x1996.png 600w\" sizes=\"auto, (max-width: 2538px) 100vw, 2538px\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:rgba(3, 2, 2, 0.326)\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"gap-157725473\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-157725473 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-3664205314\" class=\"text\">\n\t\t\n\n<div style=\"display: flex; line-height: 30px; margin-bottom: 10px;\">\n<h2 style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\"><span style=\"color: #000000;\">Electronic components categories<\/span><\/h2>\n<p><a style=\"font-size: 2em;\" href=\"https:\/\/semicon.zoedev.tech\/\" data-animate=\"fadeInUp\">\u2192<\/a><\/p>\n<\/div>\n<p style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\">Professionally designed, high-end style electronic components<\/p>\n\t\t\n<style>\n#text-3664205314 {\n  color: rgb(0,0,0);\n}\n#text-3664205314 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-984582050 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-152480838\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-707920052\" class=\"col case-content medium-5 small-12 large-5 col-hover-focus\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover image-radius  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:5%;\">\n\t\t\t<a href=\"https:\/\/www.topsfuture.com\/\" target=\"_blank\" rel=\"noopener\" >\t\t\t<div class=\"image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1063\" height=\"2560\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/aiProducts-3-scaled-e1759035539511.png\" class=\"attachment- size-\" alt=\"\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:rgba(3, 2, 2, 0.326)\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"gap-441202415\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-441202415 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-2231553386\" class=\"text\">\n\t\t\n\n<div style=\"display: flex; line-height: 30px; margin-bottom: 10px;\">\n<h2 style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\"><span style=\"color: #000000;\">Chip product website<\/span><\/h2>\n<p><a style=\"font-size: 2em;\" href=\"https:\/\/www.topsfuture.com\/\" data-animate=\"fadeInUp\">\u2192<\/a><\/p>\n<\/div>\n<p style=\"text-align: left;\" data-animate-delay=\"400\" data-animate=\"fadeInUp\">Showcase chip products and solution documents to customers<\/p>\n\t\t\n<style>\n#text-2231553386 {\n  color: rgb(0,0,0);\n}\n#text-2231553386 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-707920052 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-251072759 > .col > .col-inner {\n  padding: 30px 20px 30px 20px;\n}\n@media (min-width:850px) {\n  #row-251072759 > .col > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n<\/style>\n<\/div>\n\t<div id=\"gap-1747614711\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1747614711 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1029913427\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1029913427 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-1721257959\">\n\n\n\t<div id=\"col-52477715\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<a href=\"https:\/\/zoedev.tech\/project\/\" target=\"_blank\" class=\"button primary is-outline is-xlarge\" rel=\"\/project noopener\" style=\"border-radius:99px;\">\n\t\t<span>Learn more<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1748318381\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1748318381 {\n  padding-top: 120px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1445444125 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_1445444125 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n@media (min-width:550px) {\n  #section_1445444125 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_141215038\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\t<div class=\"ux-shape-divider ux-shape-divider--top ux-shape-divider--style-waves-opacity-3\">\n\t\t<svg viewBox=\"0 0 1000 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n\t<path class=\"ux-shape-fill\" opacity=\"0.05\" d=\"M1014 264V386H206L34 300C34 300 344.42 277.16 436 221C542 156 590 160 704 209C811 255 899.11 214.94 979 346L1014 264Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.1\" d=\"M-302 55C-302 55 -66.73 263.25 50 214C178 160 283 116 353 141C445.68 174.1 534.28 256.19 588 249C692.9 235 764.52 75.94 855 131C940.61 183.09 1000 254 1000 254V328L-306 338L-302 55Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.15\" d=\"M-286 255C-286 255 -72 152 52 126C176 100 255 155 436 227C581.57 284.91 614.7 277.79 708 227C787 184 1009 3.0001 1093 164C1146 265.63 1031 293 1031 293L924 377L-288 389L-286 255Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.3\" d=\"M-24 69C-24 69 275.68 370.66 389 314C397 310 622 316 673 356C690.47 369.7 845 224 890 182C944.8 130.85 1018 92 1078 143C1154.12 207.7 1196 242 1196 242L1184 374L-28 386L-24 69Z\"\/>\n\t<path class=\"ux-shape-fill\" d=\"M-12 201C-12 201 58 284 182 258C306 232 342.29 221.23 456 264C565 305 640.82 288.36 721 249C776 222 837.5 191.31 935 253C984 284 1030 279 1030 279L1024 430L-12 440V201Z\"\/>\n<\/svg>\n\t<\/div>\n\n\t<div class=\"ux-shape-divider ux-shape-divider--bottom ux-shape-divider--style-waves-opacity-3\">\n\t\t<svg viewBox=\"0 0 1000 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n\t<path class=\"ux-shape-fill\" opacity=\"0.05\" d=\"M1014 264V386H206L34 300C34 300 344.42 277.16 436 221C542 156 590 160 704 209C811 255 899.11 214.94 979 346L1014 264Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.1\" d=\"M-302 55C-302 55 -66.73 263.25 50 214C178 160 283 116 353 141C445.68 174.1 534.28 256.19 588 249C692.9 235 764.52 75.94 855 131C940.61 183.09 1000 254 1000 254V328L-306 338L-302 55Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.15\" d=\"M-286 255C-286 255 -72 152 52 126C176 100 255 155 436 227C581.57 284.91 614.7 277.79 708 227C787 184 1009 3.0001 1093 164C1146 265.63 1031 293 1031 293L924 377L-288 389L-286 255Z\"\/>\n\t<path class=\"ux-shape-fill\" opacity=\"0.3\" d=\"M-24 69C-24 69 275.68 370.66 389 314C397 310 622 316 673 356C690.47 369.7 845 224 890 182C944.8 130.85 1018 92 1078 143C1154.12 207.7 1196 242 1196 242L1184 374L-28 386L-24 69Z\"\/>\n\t<path class=\"ux-shape-fill\" d=\"M-12 201C-12 201 58 284 182 258C306 232 342.29 221.23 456 264C565 305 640.82 288.36 721 249C776 222 837.5 191.31 935 253C984 284 1030 279 1030 279L1024 430L-12 440V201Z\"\/>\n<\/svg>\n\t<\/div>\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-full-width\"  id=\"row-1907681343\">\n\n\n\t<div id=\"col-514700333\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-full-width align-center\"  id=\"row-860711177\">\n\n\n\t<div id=\"col-751381375\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner dark\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_414885320\">\n\t\t\t\t\t\t<div data-animate=\"fadeInDown\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"378\" height=\"800\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/techbg.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/techbg.png 378w, https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/techbg-142x300.png 142w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_414885320 {\n  width: 65%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1775472541\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1775472541 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-1343778604\" class=\"text\">\n\t\t\n\n<h2 data-animate-delay=\"200\"><span style=\"color: #0c1765;\" data-animate=\"fadeInLeft\">What I Can Do<\/span><\/h2>\n\t\t\n<style>\n#text-1343778604 {\n  font-size: 2.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-983265915\" class=\"col hide-for-small medium-1 small-12 large-1\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-607564770\" class=\"col hide-for-small medium-7 small-12 large-7 col-hover-focus\"  data-animate=\"fadeInDown\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-1503170311\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1503170311 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1615763279\" class=\"banner-grid row row-grid row-collapse\" data-packery-options=\"\">\n                      \n\n<div class=\"col grid-col large-2 grid-col-1-3 grid-icon\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-1297501259\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\t<div class=\"img has-hover x50 md-x50 lg-x50 y50 md-y50 lg-y50\" id=\"image_1192142781\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web1.gif\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web1.gif 150w, https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web1-100x100.gif 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1192142781 {\n  width: 48%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1297501259 {\n  padding-top: 500px;\n  background-color: #fccf03;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-10 grid-col-1-3 grid-content\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover radius10\" id=\"banner-803097542\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-262049234\" class=\"text-box banner-layer x100 md-x100 lg-x100 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-3045753717\" class=\"text\">\n\t\t\n\n<h2>Web &amp; Mini App Development<br><!-- notionvc: 49431bd7-eca9-4a82-82e3-3a9bbb9c9598 --><\/h2>\n<p data-animate=\"fadeInLeft\" data-animate-delay=\"400\">Spin up websites, automation scripts, and small tools quickly with React \/ Node.js \/ Next.js to ship your ideas fast.<\/p>\n\t\t\n<style>\n#text-3045753717 {\n  font-size: 0.75rem;\n  line-height: 1.35;\n  text-align: left;\n  color: #0c1765;\n}\n#text-3045753717 > * {\n  color: #0c1765;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-262049234 .text-box-content {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50px;\n  font-size: 100%;\n}\n#text-box-262049234 .text-inner {\n  padding: 10px 10px 10px 40px;\n}\n#text-box-262049234 {\n  width: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-803097542 {\n  padding-top: 500px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-2 grid-col-1-3 grid-icon\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-585772675\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\t<div class=\"img has-hover x50 md-x50 lg-x50 y50 md-y50 lg-y50\" id=\"image_1122070854\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web2.gif\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web2.gif 150w, https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web2-100x100.gif 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1122070854 {\n  width: 50%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-585772675 {\n  padding-top: 500px;\n  background-color: #fccf03;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-10 grid-col-1-3 grid-content\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover radius10\" id=\"banner-1661200239\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-347273333\" class=\"text-box banner-layer x100 md-x100 lg-x100 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-3676657548\" class=\"text\">\n\t\t\n\n<h2 class=\"uppercase\" data-animate-delay=\"400\">WordPress &amp; Shopify<br><!-- notionvc: 49431bd7-eca9-4a82-82e3-3a9bbb9c9598 --><\/h2>\n<p data-animate=\"fadeInLeft\" data-animate-delay=\"400\">Build custom B2B corporate sites with WordPress to capture leads; create B2C eCommerce stores with Shopify to drive sales.<\/p>\n\t\t\n<style>\n#text-3676657548 {\n  font-size: 0.75rem;\n  line-height: 1.2;\n  text-align: left;\n  color: #0c1765;\n}\n#text-3676657548 > * {\n  color: #0c1765;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-347273333 {\n  margin: 0px 0px 0px 0px;\n  width: 100%;\n}\n#text-box-347273333 .text-box-content {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50px;\n  font-size: 100%;\n}\n#text-box-347273333 .text-inner {\n  padding: 0px 10px 0px 40px;\n}\n@media (min-width:850px) {\n  #text-box-347273333 .text-inner {\n    padding: 0px 10px 0px 40px;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1661200239 {\n  padding-top: 500px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-2 grid-col-1-3 grid-icon\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-2027750107\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\t<div class=\"img has-hover x50 md-x50 lg-x50 y50 md-y50 lg-y50\" id=\"image_584780439\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web4.gif\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web4.gif 150w, https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web4-100x100.gif 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_584780439 {\n  width: 50%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2027750107 {\n  padding-top: 500px;\n  background-color: #fccf03;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-10 grid-col-1-3 grid-content\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover radius10\" id=\"banner-2019155528\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-581646295\" class=\"text-box banner-layer x100 md-x100 lg-x100 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2509766016\" class=\"text\">\n\t\t\n\n<h2 class=\"uppercase\" data-animate-delay=\"400\">Performance  Optimization<br><!-- notionvc: 49431bd7-eca9-4a82-82e3-3a9bbb9c9598 --><\/h2>\n<p data-animate=\"fadeInLeft\" data-animate-delay=\"400\">From page speed to HTTPS, SEO, CDN, and analytics, I boost your site&#8217;s stability and visibility end to end.<\/p>\n\t\t\n<style>\n#text-2509766016 {\n  font-size: 0.75rem;\n  text-align: left;\n  color: #0c1765;\n}\n#text-2509766016 > * {\n  color: #0c1765;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-581646295 .text-box-content {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50px;\n  font-size: 100%;\n}\n#text-box-581646295 .text-inner {\n  padding: 10px 10px 10px 40px;\n}\n#text-box-581646295 {\n  width: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2019155528 {\n  padding-top: 500px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-2 grid-col-1-3 grid-icon\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-788888815\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\t<div class=\"img has-hover x50 md-x50 lg-x50 y50 md-y50 lg-y50\" id=\"image_1663219941\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"109\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/web3.gif\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1663219941 {\n  width: 50%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-788888815 {\n  padding-top: 500px;\n  background-color: #fccf03;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-10 grid-col-1-3 grid-content\" data-animate=\"fadeInLeft\"><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover radius10\" id=\"banner-54416392\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-162254415\" class=\"text-box banner-layer x100 md-x100 lg-x100 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2360978190\" class=\"text\">\n\t\t\n\n<h2 class=\"uppercase\" data-animate-delay=\"400\">Japanese Learning Exchange<br><!-- notionvc: 49431bd7-eca9-4a82-82e3-3a9bbb9c9598 --><\/h2>\n<p data-animate=\"fadeInLeft\" data-animate-delay=\"400\">If you have questions about learning Japanese or need a study partner, feel free to reach out\u2014we can share tips and stay motivated together.<\/p>\n\t\t\n<style>\n#text-2360978190 {\n  font-size: 0.75rem;\n  text-align: left;\n  color: #0c1765;\n}\n#text-2360978190 > * {\n  color: #0c1765;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-162254415 .text-box-content {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50px;\n  font-size: 100%;\n}\n#text-box-162254415 .text-inner {\n  padding: 10px 10px 10px 40px;\n}\n#text-box-162254415 {\n  width: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-54416392 {\n  padding-top: 500px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n\n            <\/div>\n    <style>\n    #banner-grid-1615763279 .grid-col-1{height: 394px}\n    #banner-grid-1615763279 .grid-col-1-2{height: 197px}\n    #banner-grid-1615763279 .grid-col-1-3{height:131.33333333333px}\n    #banner-grid-1615763279 .grid-col-2-3{height: 262.66666666667px}\n    #banner-grid-1615763279 .grid-col-1-4{height: 98.5px}\n    #banner-grid-1615763279 .grid-col-3-4{height: 295.5px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row show-for-small\"  id=\"row-1829503865\">\n\n\n\t<div id=\"col-484487073\" class=\"col skill-1 medium-4 small-12 large-4\"  data-animate=\"bounceInDown\">\n\t\t\t\t<div class=\"col-inner text-left box-shadow-3\" style=\"background-color:rgb(150, 242, 215);\" data-parallax-fade=\"true\" data-parallax=\"1\">\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\t<div id=\"text-1643878945\" class=\"text\">\n\t\t\n\n<h2>\ud83d\udcbb Web &amp; Mini App Development<\/h2>\n\t\t\n<style>\n#text-1643878945 {\n  text-align: left;\n  color: rgb(0,0,0);\n}\n#text-1643878945 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-484487073 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 30px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1437302\" class=\"col skill-2 medium-4 small-12 large-4 col-divided\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(240, 140, 0);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-152874912\" class=\"text\">\n\t\t\n\n<p>Spin up websites, <br>automation scripts, and small tools quickly with React \/ Node.js \/ Next.js to ship your ideas fast.<\/p>\n\t\t\n<style>\n#text-152874912 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1437302 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1067865571\" class=\"col skill-2 medium-4 small-12 large-4\"  data-animate=\"bounceInDown\">\n\t\t\t\t<div class=\"col-inner text-left\" style=\"background-color:rgb(56, 217, 169);\" >\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\t<div id=\"text-2357935591\" class=\"text\">\n\t\t\n\n<h2>\ud83c\udf10 WordPress &amp; Shopify<\/h2>\n\t\t\n<style>\n#text-2357935591 {\n  text-align: right;\n  color: rgb(0,0,0);\n}\n#text-2357935591 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1067865571 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 30px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-618961904\" class=\"col skill-1 medium-4 small-12 large-4\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-right\" style=\"background-color:rgb(250, 176, 5);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-4179725675\" class=\"text\">\n\t\t\n\n<p>Build custom B2B corporate sites with WordPress<br>and B2C eCommerce stores with Shopify<\/p>\n\t\t\n<style>\n#text-4179725675 {\n  text-align: right;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-618961904 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-617384523\" class=\"col skill-2 medium-4 small-12 large-4\"  data-animate=\"bounceInDown\">\n\t\t\t\t<div class=\"col-inner text-left\" style=\"background-color:rgb(18, 184, 134);\" >\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\t<div id=\"text-4215513876\" class=\"text\">\n\t\t\n\n<h2>\ud83d\ude80 Performance  Optimization<\/h2>\n\t\t\n<style>\n#text-4215513876 {\n  text-align: left;\n  color: rgb(0,0,0);\n}\n#text-4215513876 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-617384523 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 30px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-315959508\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255, 212, 59);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1021610843\" class=\"text\">\n\t\t\n\n<p>From page speed to HTTPS, SEO, CDN, and analytics, I boost your site&#8217;s stability and visibility end to end.<\/p>\n\t\t\n<style>\n#text-1021610843 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-315959508 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 3px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-919234544\" class=\"col padding-0 medium-4 small-12 large-4\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-center\" style=\"background-color:rgb(9, 146, 104);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3284359697\" class=\"text\">\n\t\t\n\n<h2>\ud83c\udf38 Japanese Learning Exchange<\/h2>\n\t\t\n<style>\n#text-3284359697 {\n  text-align: right;\n  color: rgb(0,0,0);\n}\n#text-3284359697 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-919234544 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1759006180\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-center\" style=\"background-color:rgb(255, 236, 153);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2763249256\" class=\"text\">\n\t\t\n\n<p>If you have questions about learning Japanese or need a study partner,<br>feel free to reach out\u2014we can share tips and stay motivated together.<\/p>\n\t\t\n<style>\n#text-2763249256 {\n  text-align: right;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1759006180 > .col-inner {\n  padding: 2px 2px 2px 2px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1962487246\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1962487246 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-514700333 > .col-inner {\n  margin: 30px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_141215038 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(253, 249, 222);\n}\n#section_141215038 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_141215038 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_280892013\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\t<div class=\"ux-shape-divider ux-shape-divider--top ux-shape-divider--style-waves-opacity\">\n\t\t<svg viewBox=\"0 0 1000 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n    <path class=\"ux-shape-fill\" d=\"M0 300L-1 69.71C216 57 299.47 198.86 403 226C506 253 577 196 660 197C740 198 790.09 234.07 874 267C935.23 291 982 282.61 1000 277.61V300H0Z\"\/>\n    <path class=\"ux-shape-fill\" opacity=\"0.5\" d=\"M1 265.094L0 50.5C217 37.79 300.47 186.36 404 213.5C507 240.5 578 196.5 661 197.5C741 198.5 787.59 239.57 871.5 272.5C932.73 296.5 980.5 284.5 998.5 279.5V298.5L1 265.094Z\"\/>\n    <path class=\"ux-shape-fill\" opacity=\"0.15\" d=\"M0.999878 244.094L-0.00012207 27C217 14.29 300.47 173.86 404 201C507 228 578 196 661 197C741 198 787.59 243.07 871.5 276C932.73 300 980.5 284.5 998.5 279.5V299L0.999878 244.094Z\"\/>\n<\/svg>\n\n\t<\/div>\n\n\t<div class=\"ux-shape-divider ux-shape-divider--bottom ux-shape-divider--style-waves\">\n\t\t<svg viewBox=\"0 0 1200 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n  <path class=\"ux-shape-fill\" d=\"M321.39 63.56c58 10.79 114.16 30.13 172 41.86 82.39 16.72 168.19 17.73 250.45.39C823.78 89 906.67 48 985.66 27.17c70.05-18.48 146.53-26.09 214.34-3V120H0V92.65a600.21 600.21 0 01321.39-29.09z\"\/>\n<\/svg>\n\t<\/div>\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-780219818\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-780219818 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-951645056\">\n\n\n\t<div id=\"col-559109807\" class=\"col small-12 large-12\"  data-animate=\"fadeInDown\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"text-center\"><div class=\"is-divider divider clearfix\" style=\"margin-top:15.2px;margin-bottom:15.2px;max-width:150px;height:8px;background-color:rgb(254, 215, 80);\"><\/div><\/div>\n\n\t<div id=\"text-2779476907\" class=\"text\">\n\t\t\n\n<h2>Japanese Notes<\/h2>\n\t\t\n<style>\n#text-2779476907 {\n  font-size: 2.25rem;\n  line-height: 0.75;\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1137122623\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  \n    <div class=\"row large-columns-3 medium-columns- small-columns-1 row-large slider row-slider slider-nav-simple slider-nav-outside slider-nav-light slider-nav-push\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: true, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : 2000}' >\n\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1065421896\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<a class=\"button primary is-outline\" >\n\t\t<span>More study notes<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1264680042\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1264680042 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1824407911\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1824407911 {\n  padding-top: 0px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_280892013 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255, 255, 255);\n}\n#section_280892013 .ux-shape-divider--top svg {\n  height: 80px;\n  --divider-top-width: 100%;\n}\n#section_280892013 .ux-shape-divider--bottom svg {\n  height: 50px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1387834428\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\t<div class=\"ux-shape-divider ux-shape-divider--top ux-shape-divider--style-waves-opacity\">\n\t\t<svg viewBox=\"0 0 1000 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n    <path class=\"ux-shape-fill\" d=\"M0 300L-1 69.71C216 57 299.47 198.86 403 226C506 253 577 196 660 197C740 198 790.09 234.07 874 267C935.23 291 982 282.61 1000 277.61V300H0Z\"\/>\n    <path class=\"ux-shape-fill\" opacity=\"0.5\" d=\"M1 265.094L0 50.5C217 37.79 300.47 186.36 404 213.5C507 240.5 578 196.5 661 197.5C741 198.5 787.59 239.57 871.5 272.5C932.73 296.5 980.5 284.5 998.5 279.5V298.5L1 265.094Z\"\/>\n    <path class=\"ux-shape-fill\" opacity=\"0.15\" d=\"M0.999878 244.094L-0.00012207 27C217 14.29 300.47 173.86 404 201C507 228 578 196 661 197C741 198 787.59 243.07 871.5 276C932.73 300 980.5 284.5 998.5 279.5V299L0.999878 244.094Z\"\/>\n<\/svg>\n\n\t<\/div>\n\n\t<div class=\"ux-shape-divider ux-shape-divider--bottom ux-shape-divider--style-waves\">\n\t\t<svg viewBox=\"0 0 1200 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n  <path class=\"ux-shape-fill\" d=\"M321.39 63.56c58 10.79 114.16 30.13 172 41.86 82.39 16.72 168.19 17.73 250.45.39C823.78 89 906.67 48 985.66 27.17c70.05-18.48 146.53-26.09 214.34-3V120H0V92.65a600.21 600.21 0 01321.39-29.09z\"\/>\n<\/svg>\n\t<\/div>\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-504954693\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-504954693 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-1317183990\">\n\n\n\t<div id=\"col-252371490\" class=\"col small-12 large-12\"  data-animate=\"fadeInDown\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"text-center\"><div class=\"is-divider divider clearfix\" style=\"margin-top:15.2px;margin-bottom:15.2px;max-width:150px;height:8px;background-color:rgb(254, 215, 80);\"><\/div><\/div>\n\n\t<div id=\"text-1073307146\" class=\"text\">\n\t\t\n\n<h2>Blog<\/h2>\n\t\t\n<style>\n#text-1073307146 {\n  font-size: 2.25rem;\n  line-height: 0.75;\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1667128442\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  \n    <div class=\"row large-columns-3 medium-columns- small-columns-1 row-large slider row-slider slider-nav-simple slider-nav-push\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2057804105\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<a class=\"button primary is-outline\" >\n\t\t<span>More study notes<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1867694944\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1867694944 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1340394414\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1340394414 {\n  padding-top: 0px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1387834428 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(253, 249, 222);\n}\n#section_1387834428 .ux-shape-divider--top svg {\n  height: 80px;\n  --divider-top-width: 100%;\n}\n#section_1387834428 .ux-shape-divider--bottom svg {\n  height: 50px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_385154233\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1825273864\">\n\n\n\t<div id=\"col-343921644\" class=\"col small-12 large-12\"  data-animate=\"fadeInDown\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"text-center\"><div class=\"is-divider divider clearfix\" style=\"margin-top:15.2px;margin-bottom:15.2px;max-width:150px;height:8px;background-color:rgb(254, 215, 80);\"><\/div><\/div>\n\n\t<div id=\"text-1172764839\" class=\"text\">\n\t\t\n\n<h2>About Me<\/h2>\n\t\t\n<style>\n#text-1172764839 {\n  font-size: 2.25rem;\n  line-height: 0.75;\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-276945507\">\n\n\n\t<div id=\"col-20395129\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse align-equal align-right\"  id=\"row-1057159853\">\n\n\n\t<div id=\"col-1282293187\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t<div class=\"is-border is-dashed\"\n\t\tstyle=\"border-color:rgb(228, 228, 228);border-width:0px 2px 0px 0px;margin:60px 50% 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\n\t<div id=\"gap-492286330\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-492286330 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1862591008\" class=\"col medium-5 small-12 large-5\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner box-shadow-2\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse\"  id=\"row-1221545480\">\n\n\n\t<div id=\"col-1671939573\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(255, 245, 249);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-590199233\" class=\"text\">\n\t\t\n\n<h3>Where I Started<\/h3>\n\t\t\n<style>\n#text-590199233 {\n  color: #0c1765;\n}\n#text-590199233 > * {\n  color: #0c1765;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-152336951\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255,255,255);\" >\n\t\t\t\n\t\t\t\n\n<p>After graduating in Computer Science in 2019, I moved to Shanghai to begin my software development career and stepped into full\u2011stack work.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-1221545480 > .col > .col-inner {\n  padding: 10px 20px 2px 20px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1862591008 > .col-inner {\n  margin: 0px 0px 25px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse align-equal\"  id=\"row-1547954290\">\n\n\n\t<div id=\"col-847789484\" class=\"col medium-5 small-12 large-5\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner box-shadow-2\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse\"  id=\"row-1818582103\">\n\n\n\t<div id=\"col-794037201\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(253, 249, 222);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1540313871\" class=\"text\">\n\t\t\n\n<h3>Software Engineer<\/h3>\n\t\t\n<style>\n#text-1540313871 {\n  color: rgb(12, 23, 101);\n}\n#text-1540313871 > * {\n  color: rgb(12, 23, 101);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2078348626\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255,255,255);\" >\n\t\t\t\n\t\t\t\n\n<p>Worked at a Shanghai-based consulting firm serving overseas markets, handling the full lifecycle from concept to launch. I joined presales, gathered requirements, designed architecture, developed features and UX, mentored juniors, and supported training and hiring.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-1818582103 > .col > .col-inner {\n  padding: 10px 20px 2px 20px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-847789484 > .col-inner {\n  margin: 0px 0px 25px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-2066646207\" class=\"col medium-2 small-12 large-2 small-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t<div class=\"is-border is-dashed\"\n\t\tstyle=\"border-color:rgb(228, 228, 228);border-width:0px 2px 0px 0px;margin:60px 50% 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\n\t<div id=\"gap-938054795\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-938054795 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse align-equal align-right\"  id=\"row-121852316\">\n\n\n\t<div id=\"col-1684633953\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t<div class=\"is-border is-dashed\"\n\t\tstyle=\"border-color:rgb(228, 228, 228);border-width:0px 2px 0px 0px;margin:60px 50% 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\n\t<div id=\"gap-193239838\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-193239838 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-921902700\" class=\"col medium-5 small-12 large-5\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner box-shadow-2\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse\"  id=\"row-1102356138\">\n\n\n\t<div id=\"col-670310732\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(243, 156, 171);\" >\n\t\t\t\n\t\t\t\n\n<h3>Founding My Studio<\/h3>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-790616371\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255,255,255);\" >\n\t\t\t\n\t\t\t\n\n<p>While helping clients solve technical problems, I saw many paying without getting the service they deserved. In 2024, I started taking on projects independently to deliver real value and cut unnecessary costs.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-1102356138 > .col > .col-inner {\n  padding: 10px 20px 2px 20px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-921902700 > .col-inner {\n  margin: 0px 0px 25px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse align-equal\"  id=\"row-686630575\">\n\n\n\t<div id=\"col-803432448\" class=\"col medium-5 small-12 large-5\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner box-shadow-2\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse\"  id=\"row-720524723\">\n\n\n\t<div id=\"col-1086903749\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(253, 249, 222);\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-652093818\" class=\"text\">\n\t\t\n\n<h3>A New Chapter in Japan<\/h3>\n\t\t\n<style>\n#text-652093818 {\n  color: rgb(12, 23, 101);\n}\n#text-652093818 > * {\n  color: rgb(12, 23, 101);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1983225704\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255,255,255);\" >\n\t\t\t\n\t\t\t\n\n<p>In 2025, I came to Tokyo and study Japanese systematically, while continuing international development projects. \u201cWith 5 years of professional programming experience, I now work independently helping clients build modern, scalable websites.\u201d<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-720524723 > .col > .col-inner {\n  padding: 10px 20px 2px 20px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-803432448 > .col-inner {\n  margin: 0px 0px 25px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-858841320\" class=\"col medium-2 small-12 large-2 small-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t<div class=\"is-border is-dashed\"\n\t\tstyle=\"border-color:rgb(228, 228, 228);border-width:0px 2px 0px 0px;margin:60px 50% 0px 0px;\">\n\t<\/div>\n\t\t\t\n\n\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\n\t<div id=\"gap-338365485\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-338365485 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_385154233 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1994119446\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse row-full-width align-middle align-center\"  id=\"row-713259841\">\n\n\n\t<div id=\"col-1470054157\" class=\"col medium-12 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_88637297\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/07\/workWithMe.svg\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_88637297 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1895850357\" class=\"col hide-for-small medium-1 small-12 large-1\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1880548334\" class=\"col medium-12 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1872088291\" class=\"text\">\n\t\t\n\n<h2 data-animate-delay=\"300\"><span data-animate=\"fadeInUp\">Let\u2019S Work Together!<\/span><\/h2>\n\t\t\n<style>\n#text-1872088291 {\n  font-size: 1.75rem;\n  text-align: center;\n}\n@media (min-width:550px) {\n  #text-1872088291 {\n    font-size: 2.15rem;\n    text-align: center;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-533696511\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-533696511 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row row-large align-middle align-center\" style=\"max-width:\" id=\"row-1210584358\">\n\n\n\t<div id=\"col-2002310332\" class=\"col medium-2 small-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover open-popup x md-x lg-x y md-y lg-y\" id=\"image_539072011\">\n\t\t\t\t\t\t<div data-animate=\"bounceInUp\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/wechat-logo-svgrepo-com.svg\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_539072011 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1988022685\" class=\"col medium-2 small-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1111043785\">\n\t\t<a class=\"\" href=\"https:\/\/www.xiaohongshu.com\/user\/profile\/61231eb6000000002002bf4e\" target=\"_blank\" rel=\"noopener\" >\t\t\t\t<div data-animate=\"bounceInUp\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/xiaohongshu.svg\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_1111043785 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_1111043785 {\n    width: 100%;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-705202040\" class=\"col medium-2 small-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1670117608\">\n\t\t<a class=\"\" href=\"https:\/\/wa.me\/818060855736\" target=\"_blank\" rel=\"noopener\" >\t\t\t\t<div data-animate=\"bounceInUp\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/whatsapp-icon-logo-svgrepo-com.svg\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_1670117608 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1562652653\" class=\"col medium-2 small-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1527716016\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2025\/09\/instagram-2016-logo-svgrepo-com.svg\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1527716016 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1994119446 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_775981976\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_775981976 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n    <!-- Popup structure -->\n    <div id=\"custom-popup\" class=\"popup-overlay\">\n        <div class=\"popup-content\">\n            <span id=\"close-popup\" class=\"close-button\">&times;<\/span>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<h2>WeChat<\/h2>\n            <div>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/zoedev.tech\/wp-content\/uploads\/2024\/05\/\u5fae\u4fe1\u56fe\u7247_20240503175746.jpg\" \u00a0alt=\"\u5fae\u4fe1\u4e8c\u7ef4\u7801\"\/>\n\t\t\t<\/div>\n        <\/div>\n    <\/div>\n    \n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header.php","meta":{"footnotes":""},"class_list":["post-3413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/pages\/3413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/comments?post=3413"}],"version-history":[{"count":5,"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/pages\/3413\/revisions"}],"predecessor-version":[{"id":3418,"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/pages\/3413\/revisions\/3418"}],"wp:attachment":[{"href":"https:\/\/zoedev.tech\/en\/wp-json\/wp\/v2\/media?parent=3413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}