{"id":5959,"date":"2026-08-30T08:09:57","date_gmt":"2026-08-30T08:09:57","guid":{"rendered":"https:\/\/moho-team.site\/skill\/?post_type=project&#038;p=5959"},"modified":"2026-08-30T18:41:29","modified_gmt":"2026-08-30T18:41:29","slug":"project-demo-programing-new","status":"publish","type":"project","link":"https:\/\/moho-team.site\/skill\/project\/project-demo-programing-new\/","title":{"rendered":"\u067e\u0631\u0648\u0698\u0647 \u062f\u0645\u0648\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u062c\u062f\u06cc\u062f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5959\" class=\"elementor elementor-5959\">\n\t\t\t\t<section class=\"elementor-element elementor-element-421fcb7 e-flex e-con-boxed e-con e-parent\" data-id=\"421fcb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-26c830d e-con-full e-flex e-con e-child\" data-id=\"26c830d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f6b9338 e-con e-atomic-element e-flexbox-base e-f6b9338-93956ac \" data-id=\"f6b9338\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f6b9338\">\n    \t\t<div class=\"elementor-element elementor-element-78b0ad6 elementor-widget elementor-widget-skill_new_menu_demo\" data-id=\"78b0ad6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_new_menu_demo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<style>\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-wrapper {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-desktop {\r\n\t\t\t\theight: max-content;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\toverflow-y: auto;\r\n\t\t\t\tscrollbar-width: none;\r\n\t\t\t\t-ms-overflow-style: none;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-desktop::-webkit-scrollbar {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-desktop ul {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item a {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tcolor: #6a6868;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item a i {\r\n\t\t\t\tcolor: #706f6f;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item:hover {\r\n\t\t\t\tbackground: linear-gradient(349deg, rgba(77, 78, 230, 1) 21%, rgba(255, 255, 255, 1) 100%);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item:hover a,\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item:hover a i {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item.active {\r\n\t\t\t\tbackground: linear-gradient(349deg, rgba(77, 78, 230, 1) 21%, rgba(255, 255, 255, 1) 100%);\r\n\t\t\t\tbox-shadow: 0px 3px 5px 1px #4d4ee61f;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item.active a,\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item.active a i {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-tooltip {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: calc(100% + 14px); top: 50%; transform: translateY(-50%) translateX(-6px);\t\t\t\twhite-space: nowrap;\r\n\t\t\t\tpadding: 6px 12px;\r\n\t\t\t\tborder-radius: 8px;\r\n\t\t\t\tfont-size: 13px;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tvisibility: hidden;\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t\ttransition: all 0.25s ease;\r\n\t\t\t\tz-index: 5;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-item:hover .skill-nmm-tooltip {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tvisibility: visible;\r\n\t\t\t\ttransform: translateY(-50%) translateX(0);\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger-wrap,\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-overlay,\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger {\r\n\t\t\t\tborder: none;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tgap: 5px;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tz-index: 10002;\r\n\t\t\t\ttransition: transform 0.3s ease, box-shadow 0.3s ease;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger:hover {\r\n\t\t\t\ttransform: scale(1.06);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger span {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: 2.5px;\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\ttransition: transform 0.35s cubic-bezier(0.68, -0.4, 0.27, 1.55), opacity 0.25s ease, width 0.25s ease;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger.is-open span:nth-child(1) {\r\n\t\t\t\ttransform: translateY(7.5px) rotate(45deg);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger.is-open span:nth-child(2) {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\twidth: 0;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger.is-open span:nth-child(3) {\r\n\t\t\t\ttransform: translateY(-7.5px) rotate(-45deg);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger-text {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: -22px;\r\n\t\t\t\tfont-size: 11px;\r\n\t\t\t\tcolor: #4d4ee6;\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-overlay {\r\n\t\t\t\tposition: fixed;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\tz-index: 10000;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tvisibility: hidden;\r\n\t\t\t\ttransition: opacity 0.35s ease, visibility 0.35s ease;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-overlay.is-open {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tvisibility: visible;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel {\r\n\t\t\t\tposition: fixed;\r\n\t\t\t\tz-index: 10001;\r\n\t\t\t\tbox-shadow: 0 20px 60px rgba(20, 20, 60, 0.18);\r\n\t\t\t\ttransition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.is-open {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.pos-right {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: min(300px, 86vw);\r\n\t\t\t\tborder-radius: 24px 0 0 24px;\r\n\t\t\t\ttransform: translateX(110%);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.pos-left {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: min(300px, 86vw);\r\n\t\t\t\tborder-radius: 0 24px 24px 0;\r\n\t\t\t\ttransform: translateX(-110%);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.pos-bottom {\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\tbottom: 24px;\r\n\t\t\t\twidth: min(360px, calc(100vw - 32px));\r\n\t\t\t\tborder-radius: 28px;\r\n\t\t\t\ttransform: translate(-50%, 120%);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.pos-right.is-open,\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.pos-left.is-open {\r\n\t\t\t\ttransform: translateX(0);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel.pos-bottom.is-open {\r\n\t\t\t\ttransform: translate(-50%, 0);\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel ul {\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\talign-items: stretch;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel .skill-nmm-item {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t\tborder-radius: 16px !important;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel .skill-nmm-item a {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t\tmin-height: 56px;\r\n\t\t\t\tpadding: 10px 14px;\r\n\t\t\t\tgap: 14px;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel .skill-nmm-item .skill-nmm-icon-wrap {\r\n\t\t\t\twidth: 46px;\r\n\t\t\t\theight: 46px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tbackground: rgba(77, 78, 230, 0.08);\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel .skill-nmm-item.active .skill-nmm-icon-wrap,\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel .skill-nmm-item:hover .skill-nmm-icon-wrap {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-label {\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t}\r\n\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel .skill-nmm-tooltip {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t@media (max-width: 1024px) {\r\n\t\t\t\t#skill-nmm-78b0ad6 .skill-nmm-desktop {\r\n\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t}\r\n\t\t\t\t#skill-nmm-78b0ad6 .skill-nmm-burger-wrap {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t\t#skill-nmm-78b0ad6 .skill-nmm-overlay,\r\n\t\t\t\t#skill-nmm-78b0ad6 .skill-nmm-mobile-panel {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t<\/style>\r\n\r\n\t\t<div id=\"skill-nmm-78b0ad6\" class=\"skill-nmm\" data-skill-nmm>\r\n\t\t\t<div class=\"skill-nmm-wrapper\">\r\n\t\t\t\t<nav class=\"skill-nmm-desktop\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\">\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/new-demo-programing\/\" title=\"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-user\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-tooltip\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/my-resume-new\/\" title=\"\u0631\u0632\u0648\u0645\u0647 \u0645\u0646\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-briefcase\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-tooltip\">\u0631\u0632\u0648\u0645\u0647 \u0645\u0646<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item active\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/portfolio-new-demo\/\" title=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-folder-open\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-tooltip\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/blog-new-demo-programing\/\" title=\"\u0648\u0628\u0644\u0627\u06af\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-newspaper\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M552 64H88c-13.255 0-24 10.745-24 24v8H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h472c26.51 0 48-21.49 48-48V88c0-13.255-10.745-24-24-24zM56 400a8 8 0 0 1-8-8V144h16v248a8 8 0 0 1-8 8zm236-16H140c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm208 0H348c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm-208-96H140c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm208 0H348c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm0-96H140c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h360c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-tooltip\">\u0648\u0628\u0644\u0627\u06af<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/contact-us-demo-programing\/\" title=\"\u062a\u0645\u0627\u0633\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-tooltip\">\u062a\u0645\u0627\u0633<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/nav>\r\n\r\n\t\t\t\t<div class=\"skill-nmm-burger-wrap\">\r\n\t\t\t\t\t<button type=\"button\" class=\"skill-nmm-burger\" aria-expanded=\"false\" aria-controls=\"skill-nmm-78b0ad6-panel\" aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\">\r\n\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"skill-nmm-overlay\"><\/div>\r\n\r\n\t\t\t<nav id=\"skill-nmm-78b0ad6-panel\" class=\"skill-nmm-mobile-panel pos-right\" aria-label=\"\u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\">\r\n\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/new-demo-programing\/\" title=\"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-icon-wrap\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-user\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-mobile-label\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/my-resume-new\/\" title=\"\u0631\u0632\u0648\u0645\u0647 \u0645\u0646\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-icon-wrap\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-briefcase\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-mobile-label\">\u0631\u0632\u0648\u0645\u0647 \u0645\u0646<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item active\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/portfolio-new-demo\/\" title=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-icon-wrap\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-folder-open\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-mobile-label\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/blog-new-demo-programing\/\" title=\"\u0648\u0628\u0644\u0627\u06af\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-icon-wrap\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-newspaper\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M552 64H88c-13.255 0-24 10.745-24 24v8H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h472c26.51 0 48-21.49 48-48V88c0-13.255-10.745-24-24-24zM56 400a8 8 0 0 1-8-8V144h16v248a8 8 0 0 1-8 8zm236-16H140c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm208 0H348c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm-208-96H140c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm208 0H348c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h152c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12zm0-96H140c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h360c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-mobile-label\">\u0648\u0628\u0644\u0627\u06af<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"skill-nmm-item\">\r\n\t\t\t\t<a href=\"https:\/\/moho-team.site\/skill\/contact-us-demo-programing\/\" title=\"\u062a\u0645\u0627\u0633\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-icon-wrap\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-nmm-mobile-label\">\u062a\u0645\u0627\u0633<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t<\/nav>\r\n\t\t<\/div>\r\n\r\n\t\t<script>\r\n\t\t(function(){\r\n\t\t\tvar root = document.getElementById(\"skill-nmm-78b0ad6\");\r\n\t\t\tif (!root || root.dataset.nmmInit === '1') return;\r\n\t\t\troot.dataset.nmmInit = '1';\r\n\r\n\t\t\tvar burger = root.querySelector('.skill-nmm-burger');\r\n\t\t\tvar overlay = root.querySelector('.skill-nmm-overlay');\r\n\t\t\tvar panel = root.querySelector('.skill-nmm-mobile-panel');\r\n\t\t\tif (!burger || !overlay || !panel) return;\r\n\r\n\t\t\tfunction setOpen(open) {\r\n\t\t\t\tburger.classList.toggle('is-open', open);\r\n\t\t\t\toverlay.classList.toggle('is-open', open);\r\n\t\t\t\tpanel.classList.toggle('is-open', open);\r\n\t\t\t\tburger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n\t\t\t\tdocument.documentElement.style.overflow = open ? 'hidden' : '';\r\n\t\t\t}\r\n\r\n\t\t\tburger.addEventListener('click', function(){\r\n\t\t\t\tsetOpen(!panel.classList.contains('is-open'));\r\n\t\t\t});\r\n\t\t\toverlay.addEventListener('click', function(){ setOpen(false); });\r\n\t\t\tpanel.querySelectorAll('a').forEach(function(link){\r\n\t\t\t\tlink.addEventListener('click', function(){ setOpen(false); });\r\n\t\t\t});\r\n\t\t\tdocument.addEventListener('keydown', function(e){\r\n\t\t\t\tif (e.key === 'Escape') setOpen(false);\r\n\t\t\t});\r\n\t\t})();\r\n\t\t<\/script>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce78662 e-con-full e-flex e-con e-child\" data-id=\"ce78662\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a88e1a9 elementor-widget elementor-widget-skill_new_avatar_user_demo\" data-id=\"a88e1a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_new_avatar_user_demo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<style>\r\n.skill-naud-outer {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n}\r\n.skill-naud-wrapper {\r\n\tposition: relative;\r\n\twidth: 220px;\r\n\theight: 260px;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: flex-end;\r\n}\r\n.skill-naud-frame {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: linear-gradient(145deg, #f3f0ff 0%, #d3d1f5 50%, #b5b3e6 100%);\r\n\toverflow: hidden;\r\n\tz-index: 1;\r\n\tborder-radius: 20px;\r\n\t--skill-naud-clip-rx: 80%;\r\n\t--skill-naud-clip-ry: 85%;\r\n\t--skill-naud-clip-x: 50%;\r\n\t--skill-naud-clip-y: 15%;\r\n}\r\n.skill-naud-frame--clip {\r\n\tclip-path: ellipse(var(--skill-naud-clip-rx) var(--skill-naud-clip-ry) at var(--skill-naud-clip-x) var(--skill-naud-clip-y));\r\n}\r\n.skill-naud-frame a {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.skill-naud-img {\r\n\tposition: absolute;\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\t--skill-naud-img-x: 0px;\r\n\ttransform: translateX(calc(-50% + var(--skill-naud-img-x)));\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tobject-fit: cover;\r\n\tmax-width: none;\r\n}\r\n.skill-naud-badge {\r\n\tposition: relative;\r\n\tz-index: 10;\r\n\tbackground-color: #ffffff;\r\n\tpadding: 8px 20px;\r\n\tborder-radius: 50px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 8px;\r\n\tbox-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n\twhite-space: nowrap;\r\n\tdirection: rtl;\r\n\tmargin-bottom: -5px;\r\n\toverflow: visible;\r\n}\r\n.skill-naud-dot {\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\tbackground-color: #22c55e;\r\n\tborder-radius: 50%;\r\n\tdisplay: inline-block;\r\n\tflex-shrink: 0;\r\n\tposition: relative;\r\n\tisolation: isolate;\r\n\tz-index: 1;\r\n\t--skill-naud-ping-color: #22c55e;\r\n\t--skill-naud-ping-speed: 1.5s;\r\n\t--skill-naud-ping-scale: 2.8;\r\n}\r\n.skill-naud-badge-text {\r\n\tcolor: #333;\r\n\tfont-size: 14px;\r\n\tfont-weight: bold;\r\n\tmargin: 0;\r\n}\r\n.skill-naud-dot--pulse::before,\r\n.skill-naud-dot--pulse::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\tborder-radius: inherit;\r\n\tbackground-color: var(--skill-naud-ping-color);\r\n\tanimation: skill-naud-ping var(--skill-naud-ping-speed) cubic-bezier(0, 0, 0.2, 1) infinite;\r\n\tpointer-events: none;\r\n\tz-index: -1;\r\n}\r\n.skill-naud-dot--pulse::after {\r\n\tanimation-delay: calc(var(--skill-naud-ping-speed) \/ 2);\r\n}\r\n@keyframes skill-naud-ping {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t\topacity: 0.7;\r\n\t}\r\n\t80%,\r\n\t100% {\r\n\t\ttransform: scale(var(--skill-naud-ping-scale));\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n<\/style>\r\n\t\t<div class=\"skill-naud-outer\">\r\n\t\t\t<div class=\"skill-naud-wrapper\">\r\n\t\t\t\t<div class=\"skill-naud-frame skill-naud-frame--clip\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"380\" height=\"450\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2026\/08\/avatar-removebg-preview.png\" class=\"skill-naud-img\" alt=\"\u0622\u0648\u0627\u062a\u0627\u0631 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644\" srcset=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2026\/08\/avatar-removebg-preview.png 380w, https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2026\/08\/avatar-removebg-preview-253x300.png 253w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/>\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"skill-naud-badge\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"skill-naud-badge-text\">\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"skill-naud-dot skill-naud-dot--pulse\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d62005f elementor-widget elementor-widget-heading\" data-id=\"d62005f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u062d\u0645\u062f \u062d\u06cc\u062f\u0631\u06cc<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00ae732 elementor-widget elementor-widget-text-editor\" data-id=\"00ae732\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0648 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 <span style=\"color: #333399;\"><strong>\u0648\u0631\u062f\u067e\u0631\u0633<\/strong><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-285e791 elementor-widget elementor-widget-skill_button_modern\" data-id=\"285e791\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_button_modern.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<style>\r\n.skill-bmd-outer {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n}\r\n.skill-bmd-btn {\r\n\t--skill-bmd-width: 180px;\r\n\t--skill-bmd-height: 45px;\r\n\t--skill-bmd-tooltip-height: 35px;\r\n\t--skill-bmd-tooltip-width: 120px;\r\n\t--skill-bmd-gap: 18px;\r\n\t--skill-bmd-color: #1163ff;\r\n\t--skill-bmd-hover: #6c18ff;\r\n\t--skill-bmd-tooltip-bg: #fff;\r\n\t--skill-bmd-tooltip-text: #111;\r\n\t--skill-bmd-anim: 0.5s;\r\n\twidth: var(--skill-bmd-width);\r\n\theight: var(--skill-bmd-height);\r\n\tbackground: var(--skill-bmd-color);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\tborder-radius: 0.45em;\r\n\ttransition: background 0.3s;\r\n\tdisplay: inline-block;\r\n\ttext-decoration: none;\r\n\tcursor: pointer;\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\toverflow: visible;\r\n}\r\n.skill-bmd-has-tooltip::before {\r\n\tposition: absolute;\r\n\tcontent: attr(data-tooltip);\r\n\twidth: var(--skill-bmd-tooltip-width);\r\n\theight: var(--skill-bmd-tooltip-height);\r\n\tbackground-color: var(--skill-bmd-tooltip-bg);\r\n\tfont-size: 0.9rem;\r\n\tcolor: var(--skill-bmd-tooltip-text);\r\n\tborder-radius: 0.25em;\r\n\tline-height: var(--skill-bmd-tooltip-height);\r\n\tbottom: calc(var(--skill-bmd-height) + var(--skill-bmd-gap) + 10px);\r\n\tleft: calc(50% - var(--skill-bmd-tooltip-width) \/ 2);\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\tbox-sizing: border-box;\r\n\tpadding: 0 8px;\r\n\tz-index: 5;\r\n}\r\n.skill-bmd-has-tooltip::after {\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\twidth: 0;\r\n\theight: 0;\r\n\tborder: 10px solid transparent;\r\n\tborder-top-color: var(--skill-bmd-tooltip-bg);\r\n\tleft: calc(50% - 10px);\r\n\tbottom: calc(100% + var(--skill-bmd-gap) - 10px);\r\n\tz-index: 5;\r\n}\r\n.skill-bmd-has-tooltip::after,\r\n.skill-bmd-has-tooltip::before {\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\ttransition: all var(--skill-bmd-anim);\r\n\tpointer-events: none;\r\n}\r\n.skill-bmd-wrapper,\r\n.skill-bmd-text,\r\n.skill-bmd-icon {\r\n\toverflow: hidden;\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\tborder-radius: inherit;\r\n}\r\n.skill-bmd-text {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tcolor: #fff;\r\n\ttop: 0;\r\n\ttransition: top var(--skill-bmd-anim);\r\n\tfont-weight: 600;\r\n\twhite-space: nowrap;\r\n\tpadding: 0 10px;\r\n\tbox-sizing: border-box;\r\n}\r\n.skill-bmd-icon {\r\n\tcolor: #fff;\r\n\ttop: 100%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\ttransition: top var(--skill-bmd-anim);\r\n}\r\n.skill-bmd-icon i,\r\n.skill-bmd-icon svg {\r\n\twidth: 24px;\r\n\theight: 24px;\r\n\tfont-size: 24px;\r\n\tdisplay: block;\r\n\tline-height: 1;\r\n}\r\n.skill-bmd-btn:hover {\r\n\tbackground: var(--skill-bmd-hover);\r\n}\r\n.skill-bmd-swap:hover .skill-bmd-text {\r\n\ttop: -100%;\r\n}\r\n.skill-bmd-swap:hover .skill-bmd-icon {\r\n\ttop: 0;\r\n}\r\n.skill-bmd-has-tooltip:hover::before,\r\n.skill-bmd-has-tooltip:hover::after {\r\n\topacity: 1;\r\n\tvisibility: visible;\r\n}\r\n.skill-bmd-has-tooltip:hover::after {\r\n\tbottom: calc(var(--skill-bmd-height) + var(--skill-bmd-gap) - 20px);\r\n}\r\n.skill-bmd-has-tooltip:hover::before {\r\n\tbottom: calc(var(--skill-bmd-height) + var(--skill-bmd-gap));\r\n}\r\n<\/style>\r\n\t\t<div class=\"skill-bmd-outer\">\r\n\t\t\t<a class=\"skill-bmd-btn skill-bmd-swap skill-bmd-has-tooltip\" data-tooltip=\"\u062d\u062c\u0645: 15 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a\" href=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/08\/my-resume.pdf\">\r\n\t\t\t\t<div class=\"skill-bmd-wrapper\">\r\n\t\t\t\t\t<div class=\"skill-bmd-text\">\u062f\u0627\u0646\u0644\u0648\u062f \u0631\u0632\u0648\u0645\u0647<\/div>\r\n\t\t\t\t\t<span class=\"skill-bmd-icon\">\r\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-cloud-download-alt\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zm-132.9 88.7L299.3 420.7c-6.2 6.2-16.4 6.2-22.6 0L171.3 315.3c-10.1-10.1-2.9-27.3 11.3-27.3H248V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v112h65.4c14.2 0 21.4 17.2 11.3 27.3z\"><\/path><\/svg>\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dac955 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"3dac955\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\t\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0645\u0646\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09479bd elementor-widget elementor-widget-skill_btn_social_modern\" data-id=\"09479bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_btn_social_modern.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<style>\r\n.skill-bsm-wrap {\r\n\t--skill-bsm-size: 45px;\r\n\t--skill-bsm-radius: 10px;\r\n\t--skill-bsm-icon-size: 22px;\r\n\t--skill-bsm-border-width: 1px;\r\n\t--skill-bsm-border: rgba(156, 156, 156, 0.466);\r\n\t--skill-bsm-border-h: #ffb4cf;\r\n\t--skill-bsm-box-bg: rgba(0, 0, 0, 0);\r\n\t--skill-bsm-box-bg-h: rgba(216, 216, 216, 0.466);\r\n\t--skill-bsm-blur: 0px;\r\n\t--skill-bsm-blur-h: 4px;\r\n\t--skill-bsm-icon: #ffffff;\r\n\t--skill-bsm-icon-h: #ffffff;\r\n\t--skill-bsm-bg: #ea4c89;\r\n\t--skill-bsm-rotate: 35deg;\r\n\t--skill-bsm-origin: bottom;\r\n\t--skill-bsm-scale: 1.2;\r\n\t--skill-bsm-slide: 8px;\r\n\t--skill-bsm-anim: 0.3s;\r\n\t--skill-bsm-tip-bg: #111827;\r\n\t--skill-bsm-tip-color: #ffffff;\r\n\t--skill-bsm-tip-radius: 6px;\r\n\t--skill-bsm-tip-offset: 12px;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tgap: 12px;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style: none;\r\n}\r\n.skill-bsm-btn {\r\n\twidth: var(--skill-bsm-size);\r\n\theight: var(--skill-bsm-size);\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tborder: none;\r\n\tbackground-color: transparent;\r\n\tposition: relative;\r\n\tborder-radius: var(--skill-bsm-radius);\r\n\tcursor: pointer;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\ttext-decoration: none;\r\n\tbox-sizing: border-box;\r\n\tisolation: isolate;\r\n\ttransition: all var(--skill-bsm-anim);\r\n}\r\n.skill-bsm-box {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbox-sizing: border-box;\r\n\tbackground-color: var(--skill-bsm-box-bg);\r\n\t-webkit-backdrop-filter: blur(var(--skill-bsm-blur));\r\n\tbackdrop-filter: blur(var(--skill-bsm-blur));\r\n\tborder: var(--skill-bsm-border-width) solid var(--skill-bsm-border);\r\n\tborder-radius: var(--skill-bsm-radius);\r\n\ttransition: all var(--skill-bsm-anim);\r\n}\r\n.skill-bsm-bg {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tinset: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: var(--skill-bsm-bg);\r\n\tborder-radius: var(--skill-bsm-radius);\r\n\tpointer-events: none;\r\n\ttransition: all var(--skill-bsm-anim);\r\n}\r\n.skill-bsm-icon {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tline-height: 1;\r\n\tcolor: var(--skill-bsm-icon);\r\n\ttransition: color var(--skill-bsm-anim);\r\n}\r\n.skill-bsm-icon i {\r\n\tfont-size: var(--skill-bsm-icon-size);\r\n\tline-height: 1;\r\n}\r\n.skill-bsm-icon svg {\r\n\twidth: var(--skill-bsm-icon-size);\r\n\theight: var(--skill-bsm-icon-size);\r\n\tfill: currentColor;\r\n\tdisplay: block;\r\n}\r\n.skill-bsm-btn:hover .skill-bsm-box {\r\n\tborder-color: var(--skill-bsm-border-h);\r\n\tbackground-color: var(--skill-bsm-box-bg-h);\r\n\t-webkit-backdrop-filter: blur(var(--skill-bsm-blur-h));\r\n\tbackdrop-filter: blur(var(--skill-bsm-blur-h));\r\n}\r\n.skill-bsm-btn:hover .skill-bsm-icon {\r\n\tcolor: var(--skill-bsm-icon-h);\r\n}\r\n.skill-bsm-fx-rotate .skill-bsm-btn:hover .skill-bsm-bg {\r\n\ttransform: rotate(var(--skill-bsm-rotate));\r\n\ttransform-origin: var(--skill-bsm-origin);\r\n}\r\n.skill-bsm-fx-scale .skill-bsm-btn:hover .skill-bsm-bg {\r\n\ttransform: scale(var(--skill-bsm-scale));\r\n}\r\n.skill-bsm-fx-slide .skill-bsm-btn:hover .skill-bsm-bg {\r\n\ttransform: translateY(calc(-1 * var(--skill-bsm-slide)));\r\n}\r\n.skill-bsm-has-tip::before {\r\n\tcontent: attr(data-tip);\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tbackground: var(--skill-bsm-tip-bg);\r\n\tcolor: var(--skill-bsm-tip-color);\r\n\tborder-radius: var(--skill-bsm-tip-radius);\r\n\tpadding: 4px 10px;\r\n\tfont-size: 12px;\r\n\tline-height: 1.6;\r\n\twhite-space: nowrap;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tpointer-events: none;\r\n\tz-index: 10;\r\n\ttransition: all var(--skill-bsm-anim);\r\n}\r\n.skill-bsm-has-tip::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tborder: 5px solid transparent;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tpointer-events: none;\r\n\tz-index: 10;\r\n\ttransition: all var(--skill-bsm-anim);\r\n}\r\n.skill-bsm-tip-top .skill-bsm-has-tip::before {\r\n\tbottom: calc(100% + var(--skill-bsm-tip-offset));\r\n\ttransform: translateX(-50%) translateY(6px);\r\n}\r\n.skill-bsm-tip-top .skill-bsm-has-tip::after {\r\n\tbottom: calc(100% + var(--skill-bsm-tip-offset) - 10px);\r\n\tborder-top-color: var(--skill-bsm-tip-bg);\r\n\ttransform: translateX(-50%) translateY(6px);\r\n}\r\n.skill-bsm-tip-bottom .skill-bsm-has-tip::before {\r\n\ttop: calc(100% + var(--skill-bsm-tip-offset));\r\n\ttransform: translateX(-50%) translateY(-6px);\r\n}\r\n.skill-bsm-tip-bottom .skill-bsm-has-tip::after {\r\n\ttop: calc(100% + var(--skill-bsm-tip-offset) - 10px);\r\n\tborder-bottom-color: var(--skill-bsm-tip-bg);\r\n\ttransform: translateX(-50%) translateY(-6px);\r\n}\r\n.skill-bsm-has-tip:hover::before,\r\n.skill-bsm-has-tip:hover::after {\r\n\topacity: 1;\r\n\tvisibility: visible;\r\n\ttransform: translateX(-50%) translateY(0);\r\n}\r\n<\/style>\r\n\t\t<div class=\"skill-bsm-wrap skill-bsm-fx-rotate skill-bsm-tip-top\">\r\n\t\t\t\t\t\t\t<a class=\"skill-bsm-btn elementor-repeater-item-2baacd2 skill-bsm-has-tip\" data-tip=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<span class=\"skill-bsm-box\">\r\n\t\t\t\t\t\t<span class=\"skill-bsm-icon\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"skill-bsm-bg\"><\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<a class=\"skill-bsm-btn elementor-repeater-item-48f9cb0 skill-bsm-has-tip\" data-tip=\"\u062a\u0644\u06af\u0631\u0627\u0645\" aria-label=\"\u062a\u0644\u06af\u0631\u0627\u0645\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<span class=\"skill-bsm-box\">\r\n\t\t\t\t\t\t<span class=\"skill-bsm-icon\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-telegram\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"skill-bsm-bg\"><\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<a class=\"skill-bsm-btn elementor-repeater-item-0db8fa7 skill-bsm-has-tip\" data-tip=\"\u0648\u0627\u062a\u0633\u0627\u067e\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<span class=\"skill-bsm-box\">\r\n\t\t\t\t\t\t<span class=\"skill-bsm-icon\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"skill-bsm-bg\"><\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<a class=\"skill-bsm-btn elementor-repeater-item-44aa225 skill-bsm-has-tip\" data-tip=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<span class=\"skill-bsm-box\">\r\n\t\t\t\t\t\t<span class=\"skill-bsm-icon\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin-in\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"skill-bsm-bg\"><\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a6c646 e-con-full e-flex e-con e-child\" data-id=\"1a6c646\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-34db0ad e-con e-atomic-element e-flexbox-base e-34db0ad-990711d \" data-id=\"34db0ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"34db0ad\">\n    <div class=\"elementor-element elementor-element-2897f78 e-con-full e-flex e-con e-child\" data-id=\"2897f78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f66c4be e-con-full e-flex e-con e-child\" data-id=\"f66c4be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-db38b3a e-flex e-con-boxed e-con e-child\" data-id=\"db38b3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9b759 elementor-widget elementor-widget-heading\" data-id=\"5a9b759\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u067e\u0631\u0648\u0698\u0647 \u062f\u0645\u0648\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-575bcb7 e-con-full e-flex e-con e-child\" data-id=\"575bcb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe2c09 elementor-widget elementor-widget-skill_button_share\" data-id=\"bfe2c09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_button_share.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-share-widget\" id=\"skill-share-widget-bfe2c09\">\r\n            <button class=\"skill-share-toggle\">\r\n                                    <span>\u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0631\u06cc<\/span>\r\n                                <svg aria-hidden=\"true\" class=\"skill-share-btn-icon e-font-icon-svg e-fas-share-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z\"><\/path><\/svg>            <\/button>\r\n            <div class=\"skill-share-socials\">\r\n                <div class=\"skill-share-socials-icons\" style=\"display: flex; flex-direction: row; gap: 20px; width: 100%; justify-content: flex-start;\">\r\n                                        <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fmoho-team.site%2Fskill%2Fproject%2Fproject-demo-programing-new%2F\" target=\"_blank\" rel=\"noopener\" title=\"facebook\">\r\n                            <i class=\"fab fa-facebook-f\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fmoho-team.site%2Fskill%2Fproject%2Fproject-demo-programing-new%2F\" target=\"_blank\" rel=\"noopener\" title=\"linkedin\">\r\n                            <i class=\"fab fa-linkedin-in\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/www.instagram.com\/?url=https%3A%2F%2Fmoho-team.site%2Fskill%2Fproject%2Fproject-demo-programing-new%2F\" target=\"_blank\" rel=\"noopener\" title=\"instagram\">\r\n                            <i class=\"fab fa-instagram\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fmoho-team.site%2Fskill%2Fproject%2Fproject-demo-programing-new%2F\" target=\"_blank\" rel=\"noopener\" title=\"twitter\">\r\n                            <i class=\"fab fa-twitter\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/t.me\/share\/url?url=https%3A%2F%2Fmoho-team.site%2Fskill%2Fproject%2Fproject-demo-programing-new%2F\" target=\"_blank\" rel=\"noopener\" title=\"telegram\">\r\n                            <i class=\"fab fa-telegram-plane\"><\/i>\r\n                        <\/a>\r\n                                    <\/div>\r\n                <div class=\"skill-share-link\" style=\"width: 100%; margin-top: 0;\">\r\n                    <input type=\"text\" value=\"https:\/\/moho-team.site\/skill\/project\/project-demo-programing-new\/\" readonly style=\"width: 100%; background: transparent; border: none; color: #8b8b8b; font-size: 15px; direction: ltr; outline: none; padding: 8px 8px;\">\r\n                    <button class=\"skill-share-copy\" title=\"\u06a9\u067e\u06cc \u0644\u06cc\u0646\u06a9\" style=\"font-size: 18px;\">\r\n                        <i class=\"far fa-copy\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <style>\r\n.skill-share-widget {\r\n    position: relative;\r\n    display: inline-block;\r\n    direction: rtl;\r\n}\r\n.skill-share-toggle {\r\n    background: #080708;\r\n    color: #8d8d8d;\r\n    border: 1px solid #8d8d8d;\r\n    border-radius: 10px;\r\n    padding: 10px 18px;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background 0.2s;\r\n}\r\n.skill-share-toggle:hover {\r\n    background: #22263a;\r\n}\r\n.skill-share-socials {\r\n    position: absolute;\r\n    top: 110%;\r\n    left: 0;\r\n    background: rgba(8,7,8,0.55);\r\n    border: 1px solid #8d8d8d;\r\n    border-radius: 12px;\r\n    padding: 18px 18px 10px 18px;\r\n    min-width: 260px;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n    z-index: 99;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(0);\r\n    transition: opacity 0.8s cubic-bezier(.4,2,.6,1), max-height 0.8s cubic-bezier(.4,2,.6,1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(12px) saturate(160%);\r\n    -webkit-backdrop-filter: blur(12px) saturate(160%);\r\n}\r\n.skill-share-widget.active .skill-share-socials {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n    max-height: 200px;\r\n}\r\n.skill-share-socials a {\r\n    color: #8b8b8b;\r\n    font-size: 22px;\r\n    margin-left: 10px;\r\n    transition: color 0.2s, transform 0.2s;\r\n    display: inline-block;\r\n}\r\n.skill-share-socials a:hover {\r\n    color: #fff;\r\n    transform: scale(1.2) rotate(-8deg);\r\n}\r\n.skill-share-link {\r\n    margin-top: 10px;\r\n    background: #23263a;\r\n    border-radius: 8px;\r\n    padding: 0 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    width: 100%;\r\n}\r\n.skill-share-link input {\r\n    background: transparent;\r\n    border: none;\r\n    color: #8b8b8b;\r\n    width: 100%;\r\n    font-size: 15px;\r\n    direction: ltr;\r\n    outline: none;\r\n    padding: 8px 8px;\r\n    margin-bottom: 6px;\r\n}\r\n.skill-share-copy {\r\n    background: none;\r\n    border: none;\r\n    color: #8b8b8b;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n.skill-share-copy:hover {\r\n    color: #fff;\r\n}\r\n<\/style>\r\n        <script>\r\n        (function($){\r\n            var $widget = $('#skill-share-widget-bfe2c09');\r\n            var $toggle = $widget.find('.skill-share-toggle');\r\n            var $socials = $widget.find('.skill-share-socials');\r\n            var $copyBtn = $widget.find('.skill-share-copy');\r\n            var $input = $widget.find('.skill-share-link input');\r\n\r\n            $toggle.on('click', function(e){\r\n                e.stopPropagation();\r\n                $('.skill-share-widget').not($widget).removeClass('active');\r\n                $widget.toggleClass('active');\r\n            });\r\n\r\n            $(document).on('click', function(e){\r\n                if (!$widget.is(e.target) && $widget.has(e.target).length === 0) {\r\n                    $widget.removeClass('active');\r\n                }\r\n            });\r\n\r\n            $copyBtn.on('click', function(e){\r\n                e.stopPropagation();\r\n                $input[0].focus();\r\n                $input[0].setSelectionRange(0, $input[0].value.length);\r\n                try {\r\n                    var successful = document.execCommand('copy');\r\n                    $copyBtn.html('<i class=\\\"fas fa-check\\\"><\/i>');\r\n                    setTimeout(function(){\r\n                        $copyBtn.html('<i class=\\\"far fa-copy\\\"><\/i>');\r\n                    }, 1200);\r\n                } catch (err) {\r\n                    alert('\u06a9\u067e\u06cc \u0646\u0634\u062f!');\r\n                }\r\n            });\r\n        })(jQuery);\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb48b34 e-flex e-con-boxed e-con e-child\" data-id=\"bb48b34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77844d0 elementor-widget elementor-widget-skill_image_gallery_slider\" data-id=\"77844d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_image_gallery_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-image-gallery-slider\" id=\"skill_slider_6a9e4ae76a83a\" dir=\"rtl\">\r\n            <style>\r\n                .skill-image-gallery-slider {\r\n                    width: 100%;\r\n                    margin: 0 auto;\r\n                    text-align: center;\r\n                    direction: rtl;\r\n                }\r\n                .skill-slider-main-wrap {\r\n                    position: relative;\r\n                    border-radius: 18px;\r\n                    overflow: hidden;\r\n                    box-shadow: 0 6px 32px 0 rgba(0,0,0,0.13);\r\n                }\r\n                .skill-main-image {\r\n                    width: 100%;\r\n                    aspect-ratio: 16\/9;\r\n                    position: relative;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    border-radius: 18px;\r\n                    overflow: hidden;\r\n                    height: auto;\r\n                    min-height: unset;\r\n                }\r\n                .skill-main-image img {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    position: absolute;\r\n                    left: 0; top: 0;\r\n                    transition: opacity 0.4s, transform 0.5s cubic-bezier(.77,0,.18,1);\r\n                    opacity: 0;\r\n                    z-index: 1;\r\n                    transform: scale(0.95);\r\n                }\r\n                .skill-main-image img.active {\r\n                    opacity: 1;\r\n                    z-index: 2;\r\n                    transform: scale(1);\r\n                }\r\n                .skill-main-image img.zoom-out {\r\n                    opacity: 0;\r\n                    transform: scale(0.95);\r\n                }\r\n                .skill-main-image img.zoom-in {\r\n                    opacity: 0;\r\n                    transform: scale(1.08);\r\n                }\r\n                .skill-slider-arrow {\r\n                    \/* Completely remove arrows *\/\r\n                    display: none !important;\r\n                }\r\n                .skill-thumbnails {\r\n                    display: flex;\r\n                    justify-content: center;\r\n                    gap: 16px;\r\n                    margin-top: 18px;\r\n                }\r\n                .skill-thumbnails img {\r\n                    width: 200px;\r\n                    height: 160px;\r\n                    object-fit: cover;\r\n                    border-radius: 10px;\r\n                    cursor: pointer;\r\n                    border: 2px solid transparent;\r\n                    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\r\n                    opacity: 0.7;\r\n                    transition: border 0.2s, opacity 0.2s, filter 0.3s;\r\n                    filter: grayscale(100%);\r\n                }\r\n                .skill-thumbnails img.active,\r\n                .skill-thumbnails img:hover {\r\n                    border: 2px solid #0073aa;\r\n                    opacity: 1;\r\n                    filter: none;\r\n                }\r\n                @media (max-width: 600px) {\r\n                    .skill-image-gallery-slider {\r\n                        max-width: 98vw;\r\n                    }\r\n                    .skill-thumbnails img {\r\n                        width: 60px;\r\n                        height: 44px;\r\n                    }\r\n                }\r\n            <\/style>\r\n            <div class=\"skill-slider-main-wrap\">\r\n                <div class=\"skill-main-image\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/skill.png\" alt=\"\" data-index=\"0\" class=\"active\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/4923437-scaled.jpg\" alt=\"\" data-index=\"1\" class=\"\">\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"skill-thumbnails\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/skill.png\" alt=\"\" data-index=\"0\" class=\"active\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/4923437-scaled.jpg\" alt=\"\" data-index=\"1\" class=\"\">\r\n                            <\/div>\r\n            <script>\r\n                (function(){\r\n                    var slider = document.getElementById('skill_slider_6a9e4ae76a83a');\r\n                    var mainImgs = slider.querySelectorAll('.skill-main-image img');\r\n                    var thumbs = slider.querySelectorAll('.skill-thumbnails img');\r\n                    var current = 0;\r\n                    var animating = false;\r\n\r\n                    function showImage(idx) {\r\n                        if(idx === current || animating) return;\r\n                        animating = true;\r\n                        mainImgs[current].classList.remove('active');\r\n                        mainImgs[current].classList.add('zoom-out');\r\n                        mainImgs[idx].classList.add('zoom-in');\r\n                        setTimeout(function(){\r\n                            mainImgs[idx].classList.remove('zoom-in');\r\n                            mainImgs[idx].classList.add('active');\r\n                            thumbs.forEach(function(t, i){\r\n                                if(i === idx) t.classList.add('active');\r\n                                else t.classList.remove('active');\r\n                            });\r\n                            setTimeout(function(){\r\n                                mainImgs[current].classList.remove('zoom-out');\r\n                                animating = false;\r\n                                current = idx;\r\n                            }, 500);\r\n                        }, 20);\r\n                    }\r\n\r\n                    thumbs.forEach(function(thumb, idx){\r\n                        thumb.addEventListener('click', function(){\r\n                            showImage(idx);\r\n                        });\r\n                    });\r\n\r\n                })();\r\n            <\/script>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7d08ee e-flex e-con-boxed e-con e-parent\" data-id=\"c7d08ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0b9a85d e-con-full e-flex e-con e-child\" data-id=\"0b9a85d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a045e4 elementor-widget elementor-widget-skill_work_educational_experience_widget\" data-id=\"1a045e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_work_educational_experience_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n                                <div class=\"skill-experience-widget\" style=\"display:flex;align-items:center;gap:15px;direction:rtl;margin-bottom:15px;\">\n                <div>\n                                            <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/business-icon-png-1934.png\" alt=\"\u06a9\u0627\u0631\u0641\u0631\u0645\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\" class=\"skill-experience-image\" style=\"max-width: 100%;height: auto;width: 80px;padding: 10px;object-fit:cover;background:#222;border-radius:15px;\">\n                                    <\/div>\n                <div>\n                    <div class=\"skill-experience-title\" style=\"margin-bottom:5px;\">\n                        \u06a9\u0627\u0631\u0641\u0631\u0645\u0627\u06cc \u067e\u0631\u0648\u0698\u0647                    <\/div>\n                    <div class=\"skill-experience-date\">\n                        \u0645\u0647\u0627\u0631\u062a                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"skill-experience-widget\" style=\"display:flex;align-items:center;gap:15px;direction:rtl;margin-bottom:15px;\">\n                <div>\n                                            <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/calendar-icon-png-4114.png\" alt=\"\u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u0648\u0698\u0647\" class=\"skill-experience-image\" style=\"max-width: 100%;height: auto;width: 80px;padding: 10px;object-fit:cover;background:#222;border-radius:15px;\">\n                                    <\/div>\n                <div>\n                    <div class=\"skill-experience-title\" style=\"margin-bottom:5px;\">\n                        \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u0648\u0698\u0647                    <\/div>\n                    <div class=\"skill-experience-date\">\n                        18 \u062a\u06cc\u0631 1404                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"skill-experience-widget\" style=\"display:flex;align-items:center;gap:15px;direction:rtl;margin-bottom:15px;\">\n                <div>\n                                            <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/07\/location-icon-png-4246.png\" alt=\"\u0645\u062d\u0644 \u067e\u0631\u0648\u0698\u0647\" class=\"skill-experience-image\" style=\"max-width: 100%;height: auto;width: 80px;padding: 10px;object-fit:cover;background:#222;border-radius:15px;\">\n                                    <\/div>\n                <div>\n                    <div class=\"skill-experience-title\" style=\"margin-bottom:5px;\">\n                        \u0645\u062d\u0644 \u067e\u0631\u0648\u0698\u0647                    <\/div>\n                    <div class=\"skill-experience-date\">\n                        \u0634\u0647\u0631\u06a9\u0631\u062f                    <\/div>\n                <\/div>\n            <\/div>\n                            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b62b43 e-con-full e-flex e-con e-child\" data-id=\"3b62b43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0721b29 elementor-widget elementor-widget-text-editor\" data-id=\"0721b29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>\u067e\u0631\u0648\u0698\u0647 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0628\u0627 \u0648\u0631\u062f\u067e\u0631\u0633<\/h2><p>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647\u060c \u06cc\u06a9 \u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0628\u0631\u0646\u062f \u067e\u0648\u0634\u0627\u06a9 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0645 \u06a9\u0647 \u0628\u0627 WooCommerce \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0627\u0632 Elementor Pro \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0627\u062a \u062c\u0630\u0627\u0628 \u0648 ACF \u0628\u0631\u0627\u06cc \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0628\u0627 \u0628\u0647\u06cc\u0646\u0647\u0633\u0627\u0632\u06cc \u0633\u0631\u0639\u062a \u0648 \u0633\u0626\u0648\u060c \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a \u0628\u0647 \u0632\u06cc\u0631 \u06f2 \u062b\u0627\u0646\u06cc\u0647 \u0631\u0633\u06cc\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a. \u0627\u06cc\u0646 \u0642\u0627\u0644\u0628 \u06a9\u0627\u0645\u0644\u0627\u064b \u0648\u0627\u06a9\u0646\u0634\u06af\u0631\u0627 \u0627\u0633\u062a \u0648 \u062f\u0631 \u062a\u0645\u0627\u0645 \u062f\u0633\u062a\u06af\u0627\u0647\u0647\u0627 \u0628\u0647\u062e\u0648\u0628\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u0634\u0648\u062f.<\/p><p>\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u0645\u0646\u06cc\u062a\u060c \u0627\u0632 \u0641\u0627\u06cc\u0631\u0648\u0627\u0644 \u0648 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u062f\u0648 \u0645\u0631\u062d\u0644\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f \u0648 \u0628\u0627 \u0631\u0641\u0639 \u0622\u0633\u06cc\u0628\u067e\u0630\u06cc\u0631\u06cc\u0647\u0627\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc\u060c \u0633\u0627\u06cc\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062d\u0645\u0644\u0627\u062a \u0631\u0627\u06cc\u062c \u0645\u062d\u0627\u0641\u0638\u062a \u06af\u0631\u062f\u06cc\u062f. \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u06a9\u0645\u06a9 \u06a9\u0631\u062f \u062a\u0627 \u0641\u0631\u0648\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u062e\u0648\u062f \u0631\u0627 \u062a\u0627 \u06f4\u06f0\u066a \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u062f \u0648 \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u062b\u0628\u062a\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0631\u062f.<\/p><h2>\u062a\u0648\u0633\u0639\u0647 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0627 PHP<\/h2><p>\u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0634\u0627\u0645\u0644 \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u0633\u0627\u0632\u06cc \u06cc\u06a9 CMS \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 PHP \u0648 MySQL \u0628\u0648\u062f \u06a9\u0647 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u062f\u0627\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u062f. \u0628\u0627 \u0628\u0647\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0627\u0644\u06af\u0648\u06cc MVC \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u0647\u0627\u06cc \u0645\u062f\u0631\u0646\u060c \u0633\u06cc\u0633\u062a\u0645 \u0627\u0646\u0639\u0637\u0627\u0641\u067e\u0630\u06cc\u0631 \u0648 \u0645\u0642\u06cc\u0627\u0633\u067e\u0630\u06cc\u0631\u06cc \u0627\u06cc\u062c\u0627\u062f \u0634\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0628\u0627 \u067e\u06cc\u0627\u062f\u0647\u0633\u0627\u0632\u06cc API RESTful\u060c \u0627\u0645\u06a9\u0627\u0646 \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0641\u0631\u0627\u0647\u0645 \u06af\u0631\u062f\u06cc\u062f.<\/p><p>\u0628\u0631\u0627\u06cc \u062a\u0636\u0645\u06cc\u0646 \u0627\u0645\u0646\u06cc\u062a\u060c \u0627\u0632 \u0631\u0645\u0632\u0646\u06af\u0627\u0631\u06cc \u062f\u0627\u062f\u0647\u0647\u0627\u060c \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062d\u0645\u0644\u0627\u062a XSS \u0648 CSRF \u0648 \u0633\u06cc\u0633\u062a\u0645 \u0644\u0627\u06af\u06cc\u0646\u06af \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f. \u0627\u06cc\u0646 \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u06a9\u0645\u06a9 \u06a9\u0631\u062f \u062a\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0646\u062a\u0634\u0627\u0631 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u06f5\u06f0\u066a \u0633\u0631\u06cc\u0639\u062a\u0631 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f \u0648 \u0647\u0632\u06cc\u0646\u0647\u0647\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0631\u0627\u0647\u06a9\u0627\u0631 \u067e\u0627\u06cc\u062f\u0627\u0631 \u0648 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64560cf e-flex e-con-boxed e-con e-parent\" data-id=\"64560cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6edf756 elementor-widget elementor-widget-skill_project_gallery_Widget\" data-id=\"6edf756\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_project_gallery_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-project-gallery-widget\">\r\n                            <h3 class=\"project-gallery-title\">\u06af\u0627\u0644\u0631\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647<\/h3>\r\n                        \r\n            <div class=\"gallery-grid gallery-columns-3\">\r\n                                    <div class=\"gallery-item\" data-full-image=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/03\/5741168-scaled.jpg\">\r\n                        <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/03\/5741168-300x200.jpg\" alt=\"\">\r\n                    <\/div>\r\n                                    <div class=\"gallery-item\" data-full-image=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/03\/9245936-scaled.jpg\">\r\n                        <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/03\/9245936-300x200.jpg\" alt=\"\">\r\n                    <\/div>\r\n                                    <div class=\"gallery-item\" data-full-image=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/03\/3d-illustration-laptop-with-shopping-basket-paper-bags-online-shopping-e-commerce-concept-scaled.jpg\">\r\n                        <img decoding=\"async\" src=\"https:\/\/moho-team.site\/skill\/wp-content\/uploads\/2025\/03\/3d-illustration-laptop-with-shopping-basket-paper-bags-online-shopping-e-commerce-concept-300x225.jpg\" alt=\"\">\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        .skill-project-gallery-widget {\r\n            margin: 2rem 0;\r\n        }\r\n        \r\n        .project-gallery-title {\r\n            margin-bottom: 1.5rem;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: #333;\r\n        }\r\n        \r\n        .gallery-grid {\r\n            display: grid;\r\n            gap: 1rem;\r\n        }\r\n        \r\n        .gallery-columns-1 { grid-template-columns: 1fr; }\r\n        .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }\r\n        .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }\r\n        .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }\r\n        \r\n        .gallery-item {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 10px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .gallery-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 200px;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .gallery-item:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        \/* Apply same styles to regular project galleries *\/\r\n        .project-gallery .gallery-item {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 10px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .project-gallery .gallery-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .project-gallery .gallery-item img {\r\n            width: 100%;\r\n            height: 200px;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .project-gallery .gallery-item:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        \/* Gallery Modal Styles *\/\r\n        .skill-gallery-modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 9999;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.95);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        \r\n        .skill-gallery-modal.active {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .skill-gallery-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            text-align: center;\r\n        }\r\n        \r\n        .skill-gallery-content img {\r\n            max-width: 100%;\r\n            max-height: 80vh;\r\n            object-fit: contain;\r\n            border-radius: 10px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .skill-gallery-close {\r\n            position: absolute;\r\n            top: -50px;\r\n            right: 0;\r\n            color: #fff;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            z-index: 10000;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .skill-gallery-close:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .skill-gallery-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: #fff;\r\n            border: none;\r\n            padding: 15px 20px;\r\n            cursor: pointer;\r\n            border-radius: 50%;\r\n            font-size: 24px;\r\n            transition: all 0.3s ease;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        \r\n        .skill-gallery-nav:hover {\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .skill-gallery-prev {\r\n            left: 20px;\r\n        }\r\n        \r\n        .skill-gallery-next {\r\n            right: 20px;\r\n        }\r\n        \r\n        .skill-gallery-counter {\r\n            position: absolute;\r\n            bottom: -40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            color: #fff;\r\n            font-size: 16px;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            padding: 10px 20px;\r\n            border-radius: 20px;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .gallery-columns-2,\r\n            .gallery-columns-3,\r\n            .gallery-columns-4 {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .skill-gallery-nav {\r\n                padding: 10px 15px;\r\n                font-size: 18px;\r\n            }\r\n            \r\n            .skill-gallery-prev {\r\n                left: 10px;\r\n            }\r\n            \r\n            .skill-gallery-next {\r\n                right: 10px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .gallery-columns-2,\r\n            .gallery-columns-3,\r\n            .gallery-columns-4 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n        <\/style>\r\n        \r\n        <script>\r\n        (function() {\r\n            \/\/ Create modal only once\r\n            if (document.querySelector('.skill-gallery-modal')) {\r\n                return;\r\n            }\r\n            \r\n            \/\/ Create modal elements\r\n            var modal = document.createElement('div');\r\n            modal.className = 'skill-gallery-modal';\r\n            modal.innerHTML = `\r\n                <div class=\"skill-gallery-content\">\r\n                    <span class=\"skill-gallery-close\">&times;<\/span>\r\n                    <img decoding=\"async\" src=\"\" alt=\"\">\r\n                    <button class=\"skill-gallery-nav skill-gallery-next\">\u2039<\/button>\r\n                    <button class=\"skill-gallery-nav skill-gallery-prev\">\u203a<\/button>\r\n                    <div class=\"skill-gallery-counter\"><\/div>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(modal);\r\n            \r\n            var currentIndex = 0;\r\n            var galleryImages = [];\r\n            \r\n            \/\/ Initialize gallery\r\n            function initGallery() {\r\n                \/\/ Select all gallery items from both Elementor widget and regular project galleries\r\n                var galleryItems = document.querySelectorAll('.skill-project-gallery-widget .gallery-item, .project-gallery .gallery-item');\r\n                galleryImages = [];\r\n                \r\n                galleryItems.forEach(function(item, index) {\r\n                    var img = item.querySelector('img');\r\n                    if (img) {\r\n                        \/\/ Get full size image URL from data attribute or link href\r\n                        var fullSizeUrl = item.getAttribute('data-full-image');\r\n                        \r\n                        \/\/ If no data attribute, try to get from link href\r\n                        if (!fullSizeUrl) {\r\n                            var link = item.querySelector('a');\r\n                            if (link) {\r\n                                fullSizeUrl = link.getAttribute('href');\r\n                            }\r\n                        }\r\n                        \r\n                        \/\/ Fallback to image src if no full size URL found\r\n                        if (!fullSizeUrl) {\r\n                            fullSizeUrl = img.src;\r\n                        }\r\n                        \r\n                        galleryImages.push({\r\n                            src: fullSizeUrl,\r\n                            alt: img.alt\r\n                        });\r\n                        \r\n                        \/\/ Add click event\r\n                        item.addEventListener('click', function(e) {\r\n                            e.preventDefault();\r\n                            openGallery(index);\r\n                        });\r\n                    }\r\n                });\r\n            }\r\n            \r\n            \/\/ Open gallery\r\n            function openGallery(index) {\r\n                currentIndex = index;\r\n                updateGalleryImage();\r\n                modal.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n            \r\n            \/\/ Update gallery image\r\n            function updateGalleryImage() {\r\n                if (galleryImages[currentIndex]) {\r\n                    var img = modal.querySelector('img');\r\n                    var counter = modal.querySelector('.skill-gallery-counter');\r\n                    \r\n                    img.src = galleryImages[currentIndex].src;\r\n                    img.alt = galleryImages[currentIndex].alt;\r\n                    counter.textContent = (currentIndex + 1) + ' \/ ' + galleryImages.length;\r\n                }\r\n            }\r\n            \r\n            \/\/ Navigation\r\n            function nextImage() {\r\n                currentIndex = (currentIndex + 1) % galleryImages.length;\r\n                updateGalleryImage();\r\n            }\r\n            \r\n            function prevImage() {\r\n                currentIndex = (currentIndex - 1 + galleryImages.length) % galleryImages.length;\r\n                updateGalleryImage();\r\n            }\r\n            \r\n            \/\/ Close gallery\r\n            function closeGallery() {\r\n                modal.classList.remove('active');\r\n                document.body.style.overflow = 'auto';\r\n            }\r\n            \r\n            \/\/ Event listeners\r\n            modal.querySelector('.skill-gallery-close').addEventListener('click', closeGallery);\r\n            modal.querySelector('.skill-gallery-next').addEventListener('click', nextImage);\r\n            modal.querySelector('.skill-gallery-prev').addEventListener('click', prevImage);\r\n            \r\n            \/\/ Close on background click\r\n            modal.addEventListener('click', function(e) {\r\n                if (e.target === modal) {\r\n                    closeGallery();\r\n                }\r\n            });\r\n            \r\n            \/\/ Keyboard navigation\r\n            document.addEventListener('keydown', function(e) {\r\n                if (modal.classList.contains('active')) {\r\n                    if (e.key === 'Escape') {\r\n                        closeGallery();\r\n                    } else if (e.key === 'ArrowRight') {\r\n                        nextImage();\r\n                    } else if (e.key === 'ArrowLeft') {\r\n                        prevImage();\r\n                    }\r\n                }\r\n            });\r\n            \r\n            \/\/ Initialize on DOM ready\r\n            if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', initGallery);\r\n            } else {\r\n                initGallery();\r\n            }\r\n            \r\n            \/\/ Initialize for Elementor frontend\r\n            if (window.elementorFrontend) {\r\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/widget', function($scope) {\r\n                    if ($scope.find('.skill-project-gallery-widget').length) {\r\n                        setTimeout(initGallery, 100);\r\n                    }\r\n                });\r\n            }\r\n        })();\r\n        <\/script>\r\n        \r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5625dc elementor-widget elementor-widget-skill_project_info_Widget\" data-id=\"c5625dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_project_info_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-project-info-widget\">\r\n            <div class=\"project-info-container\">\r\n                                    <h3 class=\"project-info-title\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u067e\u0631\u0648\u0698\u0647<\/h3>\r\n                                \r\n                <div class=\"project-info-grid\">\r\n                                            <div class=\"info-item\">\r\n                            <span class=\"info-label\">\u0645\u0634\u062a\u0631\u06cc:<\/span>\r\n                            <span class=\"info-value\">\u0642\u0627\u0644\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 \u0627\u06cc\u0631\u0627\u0646\u06cc \u0634\u062e\u0635\u06cc\u060c \u0631\u0632\u0648\u0645\u0647 \u0648 \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631<\/span>\r\n                        <\/div>\r\n                                        \r\n                                            <div class=\"info-item\">\r\n                            <span class=\"info-label\">\u0648\u0636\u0639\u06cc\u062a:<\/span>\r\n                            <span class=\"info-value status-completed\">\r\n                                \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647                            <\/span>\r\n                        <\/div>\r\n                                        \r\n                                            <div class=\"info-item\">\r\n                            <span class=\"info-label\">\u062f\u0648\u0631\u0647 \u0632\u0645\u0627\u0646\u06cc:<\/span>\r\n                            <span class=\"info-value\">\r\n                                1404                            <\/span>\r\n                        <\/div>\r\n                                        \r\n                                        \r\n                                        \r\n                                            <div class=\"info-item\">\r\n                            <span class=\"info-label\">\u0645\u0642\u06cc\u0627\u0633:<\/span>\r\n                            <span class=\"info-value\">\u0628\u0632\u0631\u06af<\/span>\r\n                        <\/div>\r\n                                        \r\n                                            <div class=\"info-item\">\r\n                            <span class=\"info-label\">\u0622\u062f\u0631\u0633:<\/span>\r\n                            <span class=\"info-value\">https:\/\/www.zhaket.com\/web\/skill-theme<\/span>\r\n                        <\/div>\r\n                                    <\/div>\r\n                \r\n                                    <div class=\"technologies-section\">\r\n                        <h4>\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647<\/h4>\r\n                        <div class=\"technologies-list\">\r\n                                                            <span class=\"tech-tag\">html<\/span>\r\n                                                            <span class=\"tech-tag\">css<\/span>\r\n                                                            <span class=\"tech-tag\">js<\/span>\r\n                                                            <span class=\"tech-tag\">bootstrap<\/span>\r\n                                                            <span class=\"tech-tag\">php<\/span>\r\n                                                            <span class=\"tech-tag\">wordpress<\/span>\r\n                                                            <span class=\"tech-tag\">elementor<\/span>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        .skill-project-info-widget {\r\n            margin: 2rem 0;\r\n        }\r\n        \r\n        .project-info-container {\r\n            background: #f8f9fa;\r\n            padding: 2rem;\r\n            border-radius: 15px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .project-info-title {\r\n            margin-bottom: 1.5rem;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: #333;\r\n            border-bottom: 2px solid #007cba;\r\n            padding-bottom: 0.5rem;\r\n        }\r\n        \r\n        .project-info-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .project-info-grid .info-item {\r\n            flex: 1 1 250px;\r\n        }\r\n        \r\n        .info-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            padding: 1rem;\r\n            background: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        \/* Prevent long text\/URLs from overflowing *\/\r\n        .info-item .info-label,\r\n        .info-item .info-value {\r\n            min-width: 0;\r\n            overflow-wrap: anywhere;\r\n            word-break: break-word;\r\n            white-space: normal;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .info-item .info-label {\r\n            flex: 0 0 auto;\r\n            margin-left: 8px;\r\n        }\r\n\r\n        .info-item .info-value {\r\n            flex: 1 1 auto;\r\n            text-align: left;\r\n        }\r\n\r\n        .info-item:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .info-label {\r\n            font-weight: 600;\r\n            color: #666;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .info-value {\r\n            font-weight: 500;\r\n            color: #333;\r\n            text-align: left;\r\n        }\r\n        \r\n        .status-completed {\r\n            color: #28a745;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .status-in_progress {\r\n            color: #ffc107;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .status-on_hold {\r\n            color: #fd7e14;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .status-cancelled {\r\n            color: #dc3545;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .technologies-section {\r\n            margin-top: 2rem;\r\n            padding-top: 1.5rem;\r\n            border-top: 1px solid #dee2e6;\r\n        }\r\n        \r\n        .technologies-section h4 {\r\n            margin-bottom: 1rem;\r\n            color: #333;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .technologies-list {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.5rem;\r\n        }\r\n        \r\n        .tech-tag {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 20px;\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .tech-tag:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .project-info-grid {\r\n                display: flex;\r\n            }\r\n            .project-info-grid .info-item {\r\n                flex: 1 1 100%;\r\n            }\r\n            \r\n            .info-item {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 0.5rem;\r\n            }\r\n            \r\n            .project-info-container {\r\n                padding: 1.5rem;\r\n            }\r\n        }\r\n        <\/style>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-685baf5 elementor-widget elementor-widget-skill_project_team_Widget\" data-id=\"685baf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_project_team_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-project-team-widget\">\n            <div class=\"team-container\">\n                                    <h3 class=\"team-title\">\u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645 \u067e\u0631\u0648\u0698\u0647<\/h3>\n                                \n                <div class=\"team-members team-columns-2\">\n                                            <div class=\"team-member-card\">\n                            <div class=\"member-avatar\">\n                                <div class=\"avatar-placeholder\">\n                                    <i class=\"fas fa-user\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"member-info\">\n                                <h4 class=\"member-name\">\u0645\u062d\u0645\u062f \u062d\u06cc\u062f\u0631\u06cc<\/h4>\n                                <p class=\"member-role\">\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/p>\n                                \n                                                                    <div class=\"social-links\">\n                                                                                    <a href=\"https:\/\/www.linkedin.com\/in\/mohamad-heydari-227593230\" target=\"_blank\" class=\"social-link linkedin\" title=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\n                                                <i class=\"fab fa-linkedin\"><\/i>\n                                            <\/a>\n                                                                                                                                                   <a href=\"https:\/\/instagram.com\/websavant.ir\" target=\"_blank\" class=\"social-link instagram\" title=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\n                                         <i class=\"fab fa-instagram\"><\/i>\n                                     <\/a>\n                                                                                                                                            <a href=\"https:\/\/t.me\/mr_heydari60\" target=\"_blank\" class=\"social-link telegram\" title=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\n                                         <i class=\"fab fa-telegram-plane\"><\/i>\n                                     <\/a>\n                                                                                                                     <a href=\"mailto:mohamad5415.m8@gmail.com\" class=\"social-link email\" title=\"\u0627\u06cc\u0645\u06cc\u0644\">\n                                                <i class=\"fas fa-envelope\"><\/i>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <style>\n        .skill-project-team-widget {\n            margin: 2rem 0;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            padding: 3rem 2rem;\n            border-radius: 20px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .skill-project-team-widget::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\n            opacity: 0.3;\n        }\n        \n        .team-container {\n            position: relative;\n            z-index: 2;\n        }\n        \n        .team-title {\n            margin-bottom: 3rem;\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #ffffff;\n            text-align: center;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n        }\n        \n        .team-members {\n            display: grid;\n            gap: 2rem;\n            justify-items: center;\n        }\n        \n        .team-columns-2 { grid-template-columns: repeat(2, 1fr); }\n        .team-columns-3 { grid-template-columns: repeat(3, 1fr); }\n        .team-columns-4 { grid-template-columns: repeat(4, 1fr); }\n        .team-columns-5 { grid-template-columns: repeat(5, 1fr); }\n        \n        .team-member-card {\n            background: #ffffff;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            overflow: hidden;\n            width: 100%;\n            max-width: 280px;\n            position: relative;\n        }\n        \n        .team-member-card:hover {\n            transform: translateY(-10px) scale(1.05);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n        }\n        \n        .member-avatar {\n            position: relative;\n            height: 200px;\n            background: linear-gradient(45deg, #f0f0f0, #e0e0e0);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        \n        .avatar-placeholder {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n        \n        .avatar-placeholder i {\n            font-size: 2.5rem;\n            color: #ffffff;\n        }\n        \n        .member-info {\n            padding: 1.5rem;\n            text-align: center;\n        }\n        \n        .member-name {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #333333;\n            margin-bottom: 0.5rem;\n            line-height: 1.2;\n        }\n        \n        .member-role {\n            font-size: 1rem;\n            color: #666666;\n            margin-bottom: 1.5rem;\n            font-weight: 500;\n            line-height: 1.4;\n        }\n        \n        .social-links {\n            display: flex;\n            justify-content: center;\n            gap: 0.8rem;\n            flex-wrap: wrap;\n        }\n        \n        .social-link {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: #f8f9fa;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #666666;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .social-link::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n            transition: left 0.5s ease;\n        }\n        \n        .social-link:hover::before {\n            left: 100%;\n        }\n        \n        .social-link:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n        \n        .social-link.linkedin:hover {\n            background: #0077b5;\n            color: #ffffff;\n        }\n        \n        .social-link.instagram:hover {\n            background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);\n            color: #ffffff;\n        }\n        \n        .social-link.telegram:hover {\n            background: #0088cc;\n            color: #ffffff;\n        }\n        \n        .social-link.whatsapp:hover {\n            background: #25d366;\n            color: #ffffff;\n        }\n        \n        .social-link.email:hover {\n            background: #ea4335;\n            color: #ffffff;\n        }\n        \n        .social-link i {\n            font-size: 1.2rem;\n            z-index: 1;\n            position: relative;\n        }\n        \n        @media (max-width: 1200px) {\n            .team-columns-5 { grid-template-columns: repeat(4, 1fr); }\n        }\n        \n        @media (max-width: 992px) {\n            .team-columns-4,\n            .team-columns-5 { grid-template-columns: repeat(3, 1fr); }\n        }\n        \n        @media (max-width: 768px) {\n            .team-columns-3,\n            .team-columns-4,\n            .team-columns-5 { grid-template-columns: repeat(2, 1fr); }\n            \n            .team-title {\n                font-size: 2rem;\n            }\n            \n            .skill-project-team-widget {\n                padding: 2rem 1rem;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .team-columns-2,\n            .team-columns-3,\n            .team-columns-4,\n            .team-columns-5 { grid-template-columns: 1fr; }\n            \n            .team-title {\n                font-size: 1.8rem;\n            }\n        }\n        <\/style>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a660f4 elementor-widget elementor-widget-skill_project_links_Widget\" data-id=\"6a660f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_project_links_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-project-links-widget\">\r\n            <div class=\"links-container links-buttons\">\r\n                                    <h3 class=\"links-title\">\u0644\u06cc\u0646\u06a9 \u0647\u0627 \u0648 \u0645\u0646\u0627\u0628\u0639<\/h3>\r\n                                \r\n                <div class=\"links-grid links-columns-\">\r\n                                            <a href=\"https:\/\/www.zhaket.com\/web\/skill-theme\" class=\"project-link live-link\" target=\"_blank\">\r\n                            <i class=\"fas fa-external-link-alt\"><\/i>\r\n                            <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647 \u0632\u0646\u062f\u0647<\/span>\r\n                        <\/a>\r\n                                        \r\n                                            <a href=\"https:\/\/websavant.ir\/skill\/\" class=\"project-link github-link\" target=\"_blank\">\r\n                            <i class=\"fab fa-github\"><\/i>\r\n                            <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u062f \u062f\u0631 GitHub<\/span>\r\n                        <\/a>\r\n                                        \r\n                                            <a href=\"https:\/\/websavant.ir\/skill\/\" class=\"project-link demo-link\" target=\"_blank\">\r\n                            <i class=\"fas fa-play\"><\/i>\r\n                            <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0645\u0648<\/span>\r\n                        <\/a>\r\n                                        \r\n                                            <a href=\"https:\/\/websavant.ir\/skill\/\" class=\"project-link docs-link\" target=\"_blank\">\r\n                            <i class=\"fas fa-book\"><\/i>\r\n                            <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/span>\r\n                        <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        .skill-project-links-widget {\r\n            margin: 2rem 0;\r\n        }\r\n        \r\n        .links-container {\r\n            padding: 2rem 0;\r\n        }\r\n        \r\n        .links-title {\r\n            margin-bottom: 2rem;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: #333;\r\n            text-align: center;\r\n        }\r\n        \r\n        \/* Grid Layout *\/\r\n        .links-grid .links-grid {\r\n            display: grid;\r\n            gap: 1rem;\r\n        }\r\n        \r\n        .links-columns-1 { grid-template-columns: 1fr; }\r\n        .links-columns-2 { grid-template-columns: repeat(2, 1fr); }\r\n        .links-columns-3 { grid-template-columns: repeat(3, 1fr); }\r\n        .links-columns-4 { grid-template-columns: repeat(4, 1fr); }\r\n        \r\n        \/* List Layout *\/\r\n        .links-list .links-grid {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n        \r\n        \/* Buttons Layout *\/\r\n        .links-buttons .links-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .links-buttons .project-link {\r\n            flex: 0 0 auto;\r\n        }\r\n        \r\n        \/* Common Link Styles *\/\r\n        .project-link {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            padding: 1rem 1.5rem;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            text-decoration: none;\r\n            border-radius: 10px;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\r\n        }\r\n        \r\n        .project-link:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\r\n            color: white;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .project-link i {\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .project-link span {\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        \/* Specific Link Colors *\/\r\n        .live-link {\r\n            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);\r\n            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);\r\n        }\r\n        \r\n        .live-link:hover {\r\n            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);\r\n        }\r\n        \r\n        .github-link {\r\n            background: linear-gradient(135deg, #333 0%, #6c757d 100%);\r\n            box-shadow: 0 4px 15px rgba(51, 51, 51, 0.3);\r\n        }\r\n        \r\n        .github-link:hover {\r\n            box-shadow: 0 8px 25px rgba(51, 51, 51, 0.4);\r\n        }\r\n        \r\n        .demo-link {\r\n            background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);\r\n            box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);\r\n        }\r\n        \r\n        .demo-link:hover {\r\n            box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4);\r\n        }\r\n        \r\n        .docs-link {\r\n            background: linear-gradient(135deg, #fd7e14 0%, #e83e8c 100%);\r\n            box-shadow: 0 4px 15px rgba(253, 126, 20, 0.3);\r\n        }\r\n        \r\n        .docs-link:hover {\r\n            box-shadow: 0 8px 25px rgba(253, 126, 20, 0.4);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .links-columns-2,\r\n            .links-columns-3,\r\n            .links-columns-4 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .links-buttons .links-grid {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .project-link {\r\n                justify-content: center;\r\n            }\r\n        }\r\n        <\/style>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646 \u0631\u0632\u0648\u0645\u0647 \u0645\u0646 \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0648\u0628\u0644\u0627\u06af \u062a\u0645\u0627\u0633 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646 \u0631\u0632\u0648\u0645\u0647 \u0645\u0646 \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0648\u0628\u0644\u0627\u06af \u062a\u0645\u0627\u0633 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0645\u062d\u0645\u062f \u062d\u06cc\u062f\u0631\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0648 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633 \u062f\u0627\u0646\u0644\u0648\u062f \u0631\u0632\u0648\u0645\u0647 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0645\u0646 \u067e\u0631\u0648\u0698\u0647 \u062f\u0645\u0648\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0631\u06cc \u06a9\u0627\u0631\u0641\u0631\u0645\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0645\u0647\u0627\u0631\u062a \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 18 \u062a\u06cc\u0631 1404 \u0645\u062d\u0644 \u067e\u0631\u0648\u0698\u0647 \u0634\u0647\u0631\u06a9\u0631\u062f \u067e\u0631\u0648\u0698\u0647 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0628\u0627 \u0648\u0631\u062f\u067e\u0631\u0633 \u062f\u0631 [&hellip;]<\/p>\n","protected":false},"featured_media":2843,"comment_status":"open","ping_status":"closed","template":"template-project-landing.php","project_category":[],"class_list":["post-5959","project","type-project","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/project\/5959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/types\/project"}],"replies":[{"embeddable":true,"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/comments?post=5959"}],"version-history":[{"count":39,"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/project\/5959\/revisions"}],"predecessor-version":[{"id":6139,"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/project\/5959\/revisions\/6139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/media\/2843"}],"wp:attachment":[{"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/media?parent=5959"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/moho-team.site\/skill\/wp-json\/wp\/v2\/project_category?post=5959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}