{"id":2309,"date":"2025-06-20T15:22:01","date_gmt":"2025-06-20T15:22:01","guid":{"rendered":"https:\/\/nexwebdesigns.com\/case\/ultimate-financial-business-website-ui-ux-for-wordpress-built-with-html-css-js-php-rest-api\/"},"modified":"2026-01-01T19:27:39","modified_gmt":"2026-01-01T19:27:39","slug":"ultimate-financial-business-website-ui-ux-for-wordpress-built-with-html-css-js-php-rest-api","status":"publish","type":"case","link":"https:\/\/nexwebdesigns.com\/ar\/case\/ultimate-financial-business-website-ui-ux-for-wordpress-built-with-html-css-js-php-rest-api\/","title":{"rendered":"\u0645\u0648\u0642\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2309\" class=\"elementor elementor-2309\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e01a008 e-con-full e-flex e-con e-parent\" data-id=\"6e01a008\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45933203 elementor-widget elementor-widget-html\" data-id=\"45933203\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t                <!-- breadcrumb style 1 start -->\r\n                <div class=\"tp-breadcrumb-s1-ptb position-relative pt-220\">\r\n                    <span class=\"tp-breadcrumb-s1-shape-two\">\r\n                        <svg width=\"360\" height=\"344\" viewBox=\"0 0 360 344\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M572 58C572 -99.9534 443.953 -228 286 -228C128.047 -228 0 -99.9534 0 58C0 215.953 128.047 344 286 344C443.953 344 572 215.953 572 58ZM82.4468 58C82.4468 -54.4193 173.581 -145.553 286 -145.553C398.419 -145.553 489.553 -54.4193 489.553 58C489.553 170.419 398.419 261.553 286 261.553C173.581 261.553 82.4468 170.419 82.4468 58Z\" fill=\"url(#paint0_linear_2329_1486)\"><\/path>\r\n                            <defs>\r\n                                <linearGradient id=\"paint0_linear_2329_1486\" x1=\"134.858\" y1=\"302.779\" x2=\"514.863\" y2=\"-180.333\" gradientUnits=\"userSpaceOnUse\">\r\n                                <stop offset=\"0.015\" stop-color=\"#010103\" stop-opacity=\"0\"><\/stop>\r\n                                <stop offset=\"1\" stop-color=\"#010103\" stop-opacity=\"0.1\"><\/stop>\r\n                                <\/linearGradient>\r\n                            <\/defs>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <div class=\"container container-1230\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-lg-12\">\r\n                                <div class=\"tp-breadcrumb-s1-content p-relative pb-120\">\r\n                                    <h1 class=\"tp-breadcrumb-s1-title tp_fade_anim\" data-delay=\".3\">  \r\n                                   \u0645\u0648\u0642\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 WordPress \r\n                                    <\/h1>\r\n                                    <div class=\"tp-breadcrumb-s1-wrap tp_fade_anim\" data-delay=\".5\">\r\n                                      \r\n                                        <div class=\"tp-breadcrumb-s1-text\">\r\n                                            <p>\r\n                         \u064a\u0644\u0639\u0628 \u0645\u0648\u0642\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0639\u0644\u0649 WordPress \u062f\u0648\u0631\u064b\u0627 \u062d\u0627\u0633\u0645\u064b\u0627 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629\u060c \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629. \u064a\u062c\u0645\u0639 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u0646 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u062b\u0644 Photoshop \u0648Figma \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0642\u0648\u064a\u0629 \u0645\u062b\u0644 HTML \u0648CSS \u0648JavaScript \u0648jQuery \u0648PHP \u0648AJAX \u0648WordPress REST API \u0644\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0631\u0642\u0645\u064a\u0629 \u0633\u0644\u0633\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644.\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tp-breadcrumb-s1-bottom\">\r\n                        <div class=\"container container-1510\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-12\">\r\n                                    <div class=\"tp-breadcrumb-s1-bottom-text text-md-end\">\r\n                                        <a href=\"https:\/\/www.behance.net\/gallery\/106192805\/Financial-Business-website-ui-ux\" target=\"_blank\" rel=\"noopener\">\r\n                                            \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- breadcrumb style 1 end -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44c42287 e-con-full e-flex e-con e-parent\" data-id=\"44c42287\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9cb332 elementor-widget elementor-widget-html\" data-id=\"f9cb332\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t                <!-- about banner area start -->\r\n                 <div class=\"tp-about-banner-ptb\">\r\n                    <div class=\"sa-banner-wrapper p-relative\">\r\n                        <img decoding=\"async\" width=\"100%\" data-speed=\".8\" src=\"https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/06\/pexels-burst-374023-scaled.jpg\" alt=\"nexwebdesigns\">\r\n                        <div class=\"tp-about-banner-slider\">\r\n                            <div class=\"dgm-portfolio-text-wrap\">\r\n                                <div class=\"swiper-container dgm-portfolio-text-active\">\r\n                              \r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                 <\/div>\r\n                <!-- about banner area end -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c20a950 element-container e-flex e-con-boxed e-con e-parent\" data-id=\"2c20a950\" 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-18d232b3 elementor-widget elementor-widget-image\" data-id=\"18d232b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1207\" height=\"582\" src=\"https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/06\/Finance-website-design-and-wordpress.jpg\" class=\"attachment-full size-full wp-image-1352\" alt=\"\" srcset=\"https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/06\/Finance-website-design-and-wordpress.jpg 1207w, https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/06\/Finance-website-design-and-wordpress-300x145.jpg 300w, https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/06\/Finance-website-design-and-wordpress-1024x494.jpg 1024w, https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/06\/Finance-website-design-and-wordpress-768x370.jpg 768w\" sizes=\"(max-width: 1207px) 100vw, 1207px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-56d4f22e element-container e-flex e-con-boxed e-con e-parent\" data-id=\"56d4f22e\" 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-3cac5a5 e-con-full e-flex e-con e-child\" data-id=\"3cac5a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b51e4db elementor-widget elementor-widget-text-editor\" data-id=\"4b51e4db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"107\" data-end=\"164\"><strong data-start=\"107\" data-end=\"118\">\u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/strong><br data-start=\"118\" data-end=\"121\" \/>\u0627\u0644\u062a\u0645\u0648\u064a\u0644 \/ \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \/ \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u2013 UI\/UX<\/p><p data-start=\"166\" data-end=\"232\"><strong data-start=\"166\" data-end=\"185\">\u0627\u0644\u0648\u0643\u0627\u0644\u0629 \/ \u0627\u0644\u0646\u0648\u0639<\/strong><br data-start=\"185\" data-end=\"188\" \/>\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/p><p data-start=\"234\" data-end=\"275\"><strong data-start=\"234\" data-end=\"244\">\u0627\u0644\u0645\u0648\u0642\u0639<\/strong><br data-start=\"244\" data-end=\"247\" \/>\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631 \u2013 behance.net<\/p><p data-start=\"277\" data-end=\"410\"><strong data-start=\"277\" data-end=\"298\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \/ \u0627\u0644\u0642\u0648\u0627\u0639\u062f<\/strong><br data-start=\"298\" data-end=\"301\" \/>\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0634\u0631\u0643\u0627\u062a \/ \u0623\u0639\u0645\u0627\u0644 \u0645\u0627\u0644\u064a\u0629 \u2013 behance.net<br data-start=\"345\" data-end=\"348\" \/>\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (UI) \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (UX) \u2013 behance.net<\/p><p data-start=\"412\" data-end=\"486\"><strong data-start=\"412\" data-end=\"429\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong><br data-start=\"429\" data-end=\"432\" \/><a href=\"https:\/\/www.behance.net\/gallery\/106192805\/Financial-Business-website-ui-ux\" target=\"_blank\" rel=\"noopener\">Behance \u2013 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0623\u0639\u0645\u0627\u0644 \u0645\u0627\u0644\u064a\u0629 UI\/UX \u2013 behance.net<\/a><\/p>\t\t\t\t\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-50c7c3e9 e-con-full e-flex e-con e-parent\" data-id=\"50c7c3e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-693e55d1 elementor-widget elementor-widget-html\" data-id=\"693e55d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t                <div class=\"sa-footer-top-wrap\">\r\n                    <div class=\"container container-1510\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-lg-12\">\r\n                                <div class=\"sa-footer-big-text-warp text-center hover-reveal-item p-relative\">\r\n                                    <h3 class=\"sa-footer-big-text\">\r\n                                        <a href=\"https:\/\/nexwebdesigns.com\/ar\/contact-us\/\">\r\n                                             \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n                                        <\/a>\r\n                                    <\/h3>\r\n                                    <div class=\"dgm-hero-text-circle sa-footer-text circle-btn-pos\">\r\n                                        <a class=\"p-relative\" href=\"#\">\r\n                                            <span class=\"dgm-hero-text-shape\">\r\n                                                <img decoding=\"async\" src=\"images\/hero-text-shape-3.png\" alt=\"\">\r\n                                            <\/span>\r\n                                            <span class=\"dgm-hero-icon\">\r\n                                                <img decoding=\"async\" src=\"images\/hero-text-shape-4.png\" alt=\"\">\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0642\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 WordPress \u064a\u0644\u0639\u0628 \u0645\u0648\u0642\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0639\u0644\u0649 WordPress \u062f\u0648\u0631\u064b\u0627 \u062d\u0627\u0633\u0645\u064b\u0627 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629\u060c \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629. \u064a\u062c\u0645\u0639 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u0646 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u062b\u0644 Photoshop \u0648Figma \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0642\u0648\u064a\u0629 \u0645\u062b\u0644 HTML \u0648CSS \u0648JavaScript \u0648jQuery \u0648PHP \u0648AJAX \u0648WordPress REST API \u0644\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0631\u0642\u0645\u064a\u0629 \u0633\u0644\u0633\u0629 [&hellip;]<\/p>\n","protected":false},"featured_media":2202,"template":"","tags":[],"casescat":[],"class_list":["post-2309","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case\/2309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/types\/case"}],"version-history":[{"count":4,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case\/2309\/revisions"}],"predecessor-version":[{"id":2682,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case\/2309\/revisions\/2682"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/media\/2202"}],"wp:attachment":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/media?parent=2309"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/tags?post=2309"},{"taxonomy":"casescat","embeddable":true,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/casescat?post=2309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}