{"id":780,"date":"2023-12-01T12:52:28","date_gmt":"2023-12-01T12:52:28","guid":{"rendered":"https:\/\/alaraby.dev\/?page_id=780"},"modified":"2025-05-21T13:27:16","modified_gmt":"2025-05-21T13:27:16","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/alaraby.dev\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<!-- start of hero section -->\n<div id=\"hero\" class=\"hero-section hide-in-preloading\" data-pan-effect>\n    <!-- hero image -->\n    <div class=\"hero__imgWrapper\">\n    <div class=\"hero__imgLayer\">\n      <img decoding=\"async\" class=\"hero__imgLayer__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2025\/05\/1747758939_772_430067_6b3ba4cf21664f7fb2bab8711706f3cb.png\" alt=\"User Name\" loading=\"lazy\">\n    <\/div>\n    <div class=\"hero__imgLayer\">\n      <img decoding=\"async\" class=\"hero__imgLayer__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2025\/05\/1747758939_772_430067_6b3ba4cf21664f7fb2bab8711706f3cb.png\" alt=\"User Name\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n  \n  <!-- hero text -->\n  <div class=\"hero__text\">\n    <h2 class=\"hero__text__title\">\n      \u0645\u0637\u0648\u0631 \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\n    <\/h2>\n            <a href=\"#contact\" target=\"\"\n      class=\"hero__text__btn w-btn w-btn--s2 w-btn--outline-light\">\u062a\u0648\u0627\u0635\u0644<\/a>\n      <\/div>\n\n  <!-- social icons -->\n    <div class=\"hero__social\">\n    <ul class=\"hero__social__list\">\n            <li class=\"hero__social__item\">\n                        <a href=\"https:\/\/linkedin.com\/in\/ma7moudal3raby\" target=\"\" rel=\"noreferrer\" data-tooltip='{ \"text\": \"\", \"dir\" : \"right\" }'>\n          <i class=\"fa-brands fa-linkedin-in\"><\/i>\n        <\/a>\n              <\/li>\n            <li class=\"hero__social__item\">\n                        <a href=\"https:\/\/wa.me\/201010301346\" target=\"\" rel=\"noreferrer\" data-tooltip='{ \"text\": \"\", \"dir\" : \"right\" }'>\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\n        <\/a>\n              <\/li>\n          <\/ul>\n  <\/div>\n  \n  <!-- scroll down button -->\n    <div class=\"hero__scrollDown\">\n    <a href=\"#about\" title=\"Scroll Down\">Scroll<\/a>\n  <\/div>\n  <\/div>\n<!-- end of hero section -->\n\n\n<!-- start of statistics section -->\n<div id=\"stats\" class=\"stats-section section hide-in-preloading\">\n  <div class=\"section-content\">\n    <div class=\"container\">\n      <ul class=\"stats__items\">\n                         <li class=\"stats__item\">\n          <a class=\"stats__link\" href=\"#experience\" target=\"\">\n            <!-- statistics icon -->\n            <div class=\"stats__iconWrapper\">\n              <svg class=\"stats__iconWrapper__icon\" width=\"40\" height=\"40\">\n                <use href=\"#emblem\" \/>\n              <\/svg>\n            <\/div>\n\n            <!-- statistics text -->\n            <div class=\"stats__text\">\n              <h3 class=\"stats__text__num\">5<\/h3>\n              <strong class=\"stats__text__title\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/strong>\n            <\/div>\n\n            <i class=\"stats__arrow fa-solid fa-angle-right\"><\/i>\n          <\/a>\n        <\/li>\n                 <li class=\"stats__item\">\n          <a class=\"stats__link\" href=\"#portfolio\" target=\"\">\n            <!-- statistics icon -->\n            <div class=\"stats__iconWrapper\">\n              <svg class=\"stats__iconWrapper__icon\" width=\"40\" height=\"40\">\n                <use href=\"#check-mark\" \/>\n              <\/svg>\n            <\/div>\n\n            <!-- statistics text -->\n            <div class=\"stats__text\">\n              <h3 class=\"stats__text__num\">10<\/h3>\n              <strong class=\"stats__text__title\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/strong>\n            <\/div>\n\n            <i class=\"stats__arrow fa-solid fa-angle-right\"><\/i>\n          <\/a>\n        <\/li>\n                 <li class=\"stats__item\">\n          <a class=\"stats__link\" href=\"#testimonials\" target=\"\">\n            <!-- statistics icon -->\n            <div class=\"stats__iconWrapper\">\n              <svg class=\"stats__iconWrapper__icon\" width=\"40\" height=\"40\">\n                <use href=\"#rating\" \/>\n              <\/svg>\n            <\/div>\n\n            <!-- statistics text -->\n            <div class=\"stats__text\">\n              <h3 class=\"stats__text__num\">6<\/h3>\n              <strong class=\"stats__text__title\">\u062a\u0648\u0635\u064a\u0627\u062a<\/strong>\n            <\/div>\n\n            <i class=\"stats__arrow fa-solid fa-angle-right\"><\/i>\n          <\/a>\n        <\/li>\n                      <\/ul>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- end of statistics section -->\n\n\n<!-- start of about section -->\n<div id=\"about\" class=\"about-section section hide-in-preloading\" tabindex=\"-1\">\n  <div class=\"container\">\n    <div class=\"section-content\">\n            <!-- about image -->\n            <div class=\"about__imgWrapper\">\n        <div class=\"about__imgLayer\">\n          <img decoding=\"async\" class=\"about__imgLayer__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702782114_225_171736_1702776026497removebgpreview.png\" alt=\"User Name\" loading=\"lazy\">\n        <\/div>\n        <div class=\"about__imgLayer\">\n          <img decoding=\"async\" class=\"about__imgLayer__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702782114_225_171736_1702776026497removebgpreview.png\" alt=\"User Name\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n      \n      <!-- about text -->\n      <div class=\"about__text\">\n        <div class=\"text-box-inline\">\n          <span class=\"subtitle\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0652\u0639\u064e\u0646\u0651\u0650\u064a<\/span>\n          <h2>\n            \u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0646\u062a\u062c \u0625\u0628\u062f\u0627\u0639\u064a\u061f \u0623\u0633\u062a\u0637\u064a\u0639 \u0645\u0633\u0627\u0639\u062f\u062a\u0643!\n          <\/h2>\n          <p>\n            <p>\u0623\u0647\u0644\u0627\u064b! \u0623\u0646\u0627 \u0645\u062d\u0645\u0648\u062f \u0639\u0631\u0628\u064a\u060c \u0648\u0623\u0646\u0627 \u0645\u0637\u0648\u0631 \u0648\u064a\u0628 \u0648\u0644\u062f\u064a \u0634\u063a\u0641 \u0644\u0628\u0646\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u064a\u0628 \u0646\u0638\u064a\u0641\u0629 \u0630\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0628\u062f\u064a\u0647\u064a\u0629. \u0623\u0646\u0627 \u0623\u0633\u062a\u0645\u062a\u0639 \u0628\u0639\u0645\u0644\u064a\u0629 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629. \u0623\u0634\u0639\u0631 \u062f\u0627\u0626\u0645\u064b\u0627 \u0628\u0627\u0644\u0641\u0636\u0648\u0644 \u0628\u0634\u0623\u0646 \u062a\u0639\u0644\u0645 \u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a \u0648\u0645\u0641\u0627\u0647\u064a\u0645 \u062c\u062f\u064a\u062f\u0629. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0641\u0631\u062f\u064a\u0629<\/p>\n\n          <\/p>\n          <div class=\"btns-container\">\n                        <a href=\"#contact\" target=\"\"\n              class=\"w-btn w-btn--s1 w-btn--primary\">\u0648\u0638\u0641\u0646\u064a<\/a>\n                                    <a download href=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2024\/03\/1711880011_245_374064_mahmoudarabyfrontend.pdf\" target=\"_self\"\n              class=\"w-btn w-btn--s1 w-btn--outline-dark\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\n                      <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- end of about section -->\n\n\n<!-- start of skills section -->\n<div id=\"skills\" class=\"skills-section section hide-in-preloading\" tabindex=\"-1\">\n  <div class=\"container\">\n    <!-- switcher button -->\n    <div class=\"section-content\">\n\n      <!-- skills text -->\n      <div class=\"skills__text\">\n        <div class=\"text-box-inline\">\n          <span class=\"subtitle\">\u0645\u0647\u0627\u0631\u0627\u062a\u064a<\/span>\n          <h2>\n            \u0645\u0627 \u0647\u064a \u0645\u0647\u0627\u0631\u0627\u062a\u064a \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u061f\n          <\/h2>\n          <p>\n            <p>\u0623\u0642\u0648\u0645 \u0628\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0633\u064a\u0637\u0629 \u0648\u0628\u062f\u064a\u0647\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0623\u0645\u0648\u0631 \u0628\u062c\u0647\u062f \u0648\u0648\u0642\u062a \u0623\u0642\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.<\/p>\n\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- skills items -->\n      <div class=\"skills__wrapper\">\n                        <!-- skills list -->\n\n        <ul class=\"skills__items\" data-stagger-delay=\"50\" data-type=\"all\" style=\"\">\n\n                                        <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Vue Js\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537680_211_9360_vue.webp\"\n                alt=\"Vue Js\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"HTML\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537678_407_12714_htmlwebp.webp\"\n                alt=\"HTML\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Css\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537677_134_12842_css.webp\"\n                alt=\"Css\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Javascript\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537678_521_12522_js.webp\"\n                alt=\"Javascript\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Nuxt js\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555110_987_3971_nuxt.png\"\n                alt=\"Nuxt js\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"PHP\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555111_787_61405_php.png\"\n                alt=\"PHP\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Laravel\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701893904_993_82690_laravel.webp\"\n                alt=\"Laravel\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Wordpress\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555112_233_17756_wordpress.webp\"\n                alt=\"Wordpress\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Figma\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555109_514_11516_figma.webp\"\n                alt=\"Figma\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Git\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555109_883_19056_git.webp\"\n                alt=\"Git\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                            <\/ul>\n                        <!-- skills list -->\n\n        <ul class=\"skills__items\" data-stagger-delay=\"50\" data-type=\"langs\" style=\"display: none;\">\n\n                                        <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"HTML\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537678_407_12714_htmlwebp.webp\"\n                alt=\"HTML\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Css\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537677_134_12842_css.webp\"\n                alt=\"Css\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Javascript\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537678_521_12522_js.webp\"\n                alt=\"Javascript\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"PHP\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555111_787_61405_php.png\"\n                alt=\"PHP\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                            <\/ul>\n                        <!-- skills list -->\n\n        <ul class=\"skills__items\" data-stagger-delay=\"50\" data-type=\"framework\" style=\"display: none;\">\n\n                                        <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Vue Js\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701537680_211_9360_vue.webp\"\n                alt=\"Vue Js\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"inertia\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702586303_278_5427_inertia.png\"\n                alt=\"inertia\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Nuxt js\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555110_987_3971_nuxt.png\"\n                alt=\"Nuxt js\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Laravel\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701893904_993_82690_laravel.webp\"\n                alt=\"Laravel\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                            <\/ul>\n                        <!-- skills list -->\n\n        <ul class=\"skills__items\" data-stagger-delay=\"50\" data-type=\"cms\" style=\"display: none;\">\n\n                                        <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Wordpress\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555112_233_17756_wordpress.webp\"\n                alt=\"Wordpress\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                            <\/ul>\n                        <!-- skills list -->\n\n        <ul class=\"skills__items\" data-stagger-delay=\"50\" data-type=\"tools\" style=\"display: none;\">\n\n                                        <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"git\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702754201_684_5138_git.png\"\n                alt=\"git\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Figma\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555109_514_11516_figma.webp\"\n                alt=\"Figma\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                    <li class=\"skills__item\" tabindex=\"0\" data-tooltip='{ \"text\": \"Git\", \"dir\": \"top\" }'>\n            <div class=\"skills__item__icon\">\n              <img decoding=\"async\" class=\"skills__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1701555109_883_19056_git.webp\"\n                alt=\"Git\" loading=\"lazy\">\n            <\/div>\n          <\/li>\n                            <\/ul>\n                        <div class=\"skills_container\">\n          <div class=\"toggle_switch_btn\">\n                        \n            \n            <label class=\"skills-list-btn active\" data-menu=\"all\"\n              class=\"active\" class=\"link-hover\">\u0627\u0644\u0643\u0644<\/label>\n                        \n            \n            <label class=\"skills-list-btn\" data-menu=\"langs\"\n              class=\"active\" class=\"link-hover\">\u0644\u063a\u0627\u062a<\/label>\n                        \n            \n            <label class=\"skills-list-btn\" data-menu=\"framework\"\n              class=\"active\" class=\"link-hover\">\u0625\u0637\u0627\u0631 \u0639\u0645\u0644<\/label>\n                        \n            \n            <label class=\"skills-list-btn\" data-menu=\"cms\"\n              class=\"active\" class=\"link-hover\">\u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0645\u062d\u062a\u0648\u0649<\/label>\n                        \n            \n            <label class=\"skills-list-btn\" data-menu=\"tools\"\n              class=\"active\" class=\"link-hover\">\u0627\u062f\u0648\u0627\u062a<\/label>\n                                  <\/div>\n        <\/div>\n\n      <\/div>\n      <!-- skills items -->\n\n    <\/div>\n\n            <div class=\"centerlize\">\n      <a href=\"https:\/\/alaraby.dev\/projects\" class=\"w-btn w-btn--s1 w-btn--primary\"\n        target=\"\">\u0639\u0631\u0636 \u0627\u0644\u0643\u0644<\/a>\n          <\/div>\n  <\/div>\n<\/div>\n<!-- end of skills section -->\n\n\n<!-- start of experience section -->\n<div id=\"experience\" class=\"experience-section section hide-in-preloading\" tabindex=\"-1\">\n  <div class=\"container\">\n    <div class=\"section-content\">\n      <!-- experience timeline -->\n            <div class=\"experience__timeline\">\n        <div class=\"experience__timePath\"><\/div>\n\n        <!-- experience items -->\n        <ul class=\"experience__timeline__items\">\n          \n          <li class=\"experience__timeline__item has-ultimate-tooltip\" tabindex=\"0\">\n            \n            <h3> <img decoding=\"async\" class=\"ex-img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702515279_143_80948_solusp.marketing.png\"\n                alt=\"Soluspot\"><\/h3>\n            <div class=\"ultimate-tooltip\">\n              <img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702515279_143_80948_solusp.marketing.png\"\n                alt=\"Soluspot\">\n              <h3 class=\"ultimate-tooltip-title\">Soluspot<\/h3>\n              <h5 class=\"ultimate-tooltip-subtitle\" style=\"margin: 5px auto\">\n              <\/h5>\n              <h6 class=\"ultimate-tooltip-title\">full-time<\/h6>\n            <\/div>\n            <div class=\"ultimate-tooltip-arrow\"><\/div>\n          <\/li>\n          \n          <li class=\"experience__timeline__item has-ultimate-tooltip\" tabindex=\"0\">\n            \n            <h3> <img decoding=\"async\" class=\"ex-img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702946095_999_6845_download1.png\"\n                alt=\"Solsupot Tech\"><\/h3>\n            <div class=\"ultimate-tooltip\">\n              <img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702946095_999_6845_download1.png\"\n                alt=\"Solsupot Tech\">\n              <h3 class=\"ultimate-tooltip-title\">Solsupot Tech<\/h3>\n              <h5 class=\"ultimate-tooltip-subtitle\" style=\"margin: 5px auto\">WordPress Developer\n              <\/h5>\n              <h6 class=\"ultimate-tooltip-title\">full-time<\/h6>\n            <\/div>\n            <div class=\"ultimate-tooltip-arrow\"><\/div>\n          <\/li>\n          \n          <li class=\"experience__timeline__item has-ultimate-tooltip\" tabindex=\"0\">\n            \n            <h3> <img decoding=\"async\" class=\"ex-img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702781070_573_67653_code95logoremovebgpreview.png\"\n                alt=\"Code95\"><\/h3>\n            <div class=\"ultimate-tooltip\">\n              <img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702781070_573_67653_code95logoremovebgpreview.png\"\n                alt=\"Code95\">\n              <h3 class=\"ultimate-tooltip-title\">Code95<\/h3>\n              <h5 class=\"ultimate-tooltip-subtitle\" style=\"margin: 5px auto\">Front End Developer\n              <\/h5>\n              <h6 class=\"ultimate-tooltip-title\">full-time<\/h6>\n            <\/div>\n            <div class=\"ultimate-tooltip-arrow\"><\/div>\n          <\/li>\n          \n          <li class=\"experience__timeline__item has-ultimate-tooltip\" tabindex=\"0\">\n            \n            <h3> <img decoding=\"async\" class=\"ex-img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1707756745_430_34747_spcommon.png\"\n                alt=\"Ministry of Justice - KSA\u00a0\"><\/h3>\n            <div class=\"ultimate-tooltip\">\n              <img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1707756745_430_34747_spcommon.png\"\n                alt=\"Ministry of Justice - KSA\u00a0\">\n              <h3 class=\"ultimate-tooltip-title\">Ministry of Justice &#8211; KSA\u00a0<\/h3>\n              <h5 class=\"ultimate-tooltip-subtitle\" style=\"margin: 5px auto\">Front-End Developer\n              <\/h5>\n              <h6 class=\"ultimate-tooltip-title\">full-time<\/h6>\n            <\/div>\n            <div class=\"ultimate-tooltip-arrow\"><\/div>\n          <\/li>\n          \n\n          \n        <\/ul>\n      <\/div>\n            <!-- experience text -->\n      <div class=\"experience__text\">\n        <div class=\"text-box-inline\">\n          <span class=\"subtitle\">\u0627\u0644\u062e\u0628\u0631\u0629<\/span>\n          <h2>\n            \u0623\u0643\u062b\u0631 \u0645\u0646 5 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \n          <\/h2>\n          <p><p>\u0644\u0642\u062f \u0642\u0645\u062a \u0628\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0644\u0645\u062f\u0629 5 \u0633\u0646\u0648\u0627\u062a \u0648\u0623\u0639\u0631\u0641 \u0639\u0644\u0649 \u0648\u062c\u0647 \u0627\u0644\u064a\u0642\u064a\u0646 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u0644\u0642\u062f \u0643\u0646\u062a \u0634\u0631\u064a\u0643\u064b\u0627 \u0635\u0627\u062d\u0628 \u0631\u0624\u064a\u0629 \u0648\u0634\u0631\u064a\u0643\u064b\u0627 \u0645\u0648\u062b\u0648\u0642\u064b\u0627 \u0641\u064a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0644\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u0633\u0648\u0641 \u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0646\u062a\u064a\u062c\u0629 \u0644\u0627\u0626\u0642\u0629 \u0643\u0645\u0627 \u062a\u062a\u0648\u0642\u0639.<\/p>\n<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- end of experience section -->\n\n\n<!-- start of portfolio section -->\n<div id=\"portfolio\" class=\"portfolio-section section hide-in-preloading\" tabindex=\"-1\">\n  <div class=\"container\">\n    <div class=\"section-content\">\n\n      <!-- portfolio items -->\n      <ul class=\"portfolio__items has-works\">\n\n        <!-- portfolio text -->\n        <li class=\"portfolio__text\">\n          <div class=\"text-box-inline\">\n            <span class=\"subtitle\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\n            <h2>\n              \u0623\u0644\u0642\u0650 \u0646\u0638\u0631\u0629 \u0639\u0644\u0649 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0631\u0627\u0626\u0639\u0629\n            <\/h2>\n            <p><\/p>\n            <!-- projects filter -->\n          <\/div>\n        <\/li>\n\n        <!-- start items list -->\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/mesned\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702596596_116_66406_logo.png\" alt=\"Mesned\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Mesned<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <script> Sfdump = window.Sfdump || (function (doc) { var refStyle = doc.createElement('style'), rxEsc = \/([.*+?^${}()|\\[\\]\\\/\\\\])\/g, idRx = \/\\bsf-dump-\\d+-ref[012]\\w+\\b\/, keyHint = 0 <= navigator.platform.toUpperCase().indexOf('MAC') ? 'Cmd' : 'Ctrl', addEventListener = function (e, n, cb) { e.addEventListener(n, cb, false); }; refStyle.innerHTML = 'pre.sf-dump .sf-dump-compact, .sf-dump-str-collapse .sf-dump-str-collapse, .sf-dump-str-expand .sf-dump-str-expand { display: none; }'; doc.head.appendChild(refStyle); refStyle = doc.createElement('style'); doc.head.appendChild(refStyle); if (!doc.addEventListener) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, function (e) { e.preventDefault = function () {e.returnValue = false;}; e.target = e.srcElement; callback(e); }); }; } function toggle(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className, arrow, newClass; if (\/\\bsf-dump-compact\\b\/.test(oldClass)) { arrow = '&#9660;'; newClass = 'sf-dump-expanded'; } else if (\/\\bsf-dump-expanded\\b\/.test(oldClass)) { arrow = '&#9654;'; newClass = 'sf-dump-compact'; } else { return false; } if (doc.createEvent &#038;&#038; s.dispatchEvent) { var event = doc.createEvent('Event'); event.initEvent('sf-dump-expanded' === newClass ? 'sfbeforedumpexpand' : 'sfbeforedumpcollapse', true, false); s.dispatchEvent(event); } a.lastChild.innerHTML = arrow; s.className = s.className.replace(\/\\bsf-dump-(compact|expanded)\\b\/, newClass); if (recursive) { try { a = s.querySelectorAll('.'+oldClass); for (s = 0; s < a.length; ++s) { if (-1 == a[s].className.indexOf(newClass)) { a[s].className = newClass; a[s].previousSibling.lastChild.innerHTML = arrow; } } } catch (e) { } } return true; }; function collapse(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className; if (\/\\bsf-dump-expanded\\b\/.test(oldClass)) { toggle(a, recursive); return true; } return false; }; function expand(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className; if (\/\\bsf-dump-compact\\b\/.test(oldClass)) { toggle(a, recursive); return true; } return false; }; function collapseAll(root) { var a = root.querySelector('a.sf-dump-toggle'); if (a) { collapse(a, true); expand(a); return true; } return false; } function reveal(node) { var previous, parents = []; while ((node = node.parentNode || {}) &#038;&#038; (previous = node.previousSibling) &#038;&#038; 'A' === previous.tagName) { parents.push(previous); } if (0 !== parents.length) { parents.forEach(function (parent) { expand(parent); }); return true; } return false; } function highlight(root, activeNode, nodes) { resetHighlightedNodes(root); Array.from(nodes||[]).forEach(function (node) { if (!\/\\bsf-dump-highlight\\b\/.test(node.className)) { node.className = node.className + ' sf-dump-highlight'; } }); if (!\/\\bsf-dump-highlight-active\\b\/.test(activeNode.className)) { activeNode.className = activeNode.className + ' sf-dump-highlight-active'; } } function resetHighlightedNodes(root) { Array.from(root.querySelectorAll('.sf-dump-str, .sf-dump-key, .sf-dump-public, .sf-dump-protected, .sf-dump-private')).forEach(function (strNode) { strNode.className = strNode.className.replace(\/\\bsf-dump-highlight\\b\/, ''); strNode.className = strNode.className.replace(\/\\bsf-dump-highlight-active\\b\/, ''); }); } return function (root, x) { root = doc.getElementById(root); var indentRx = new RegExp('^('+(root.getAttribute('data-indent-pad') || ' ').replace(rxEsc, '\\\\$1')+')+', 'm'), options = {\"maxDepth\":1,\"maxStringLength\":160,\"fileLinkFormat\":false}, elt = root.getElementsByTagName('A'), len = elt.length, i = 0, s, h, t = []; while (i < len) t.push(elt[i++]); for (i in x) { options[i] = x[i]; } function a(e, f) { addEventListener(root, e, function (e, n) { if ('A' == e.target.tagName) { f(e.target, e); } else if ('A' == e.target.parentNode.tagName) { f(e.target.parentNode, e); } else { n = \/\\bsf-dump-ellipsis\\b\/.test(e.target.className) ? e.target.parentNode : e.target; if ((n = n.nextElementSibling) &#038;&#038; 'A' == n.tagName) { if (!\/\\bsf-dump-toggle\\b\/.test(n.className)) { n = n.nextElementSibling || n; } f(n, e, true); } } }); }; function isCtrlKey(e) { return e.ctrlKey || e.metaKey; } function xpathString(str) { var parts = str.match(\/[^'\"]+|['\"]\/g).map(function (part) { if (\"'\" == part) { return '\"\\'\"'; } if ('\"' == part) { return \"'\\\"'\"; } return \"'\" + part + \"'\"; }); return \"concat(\" + parts.join(\",\") + \", '')\"; } function xpathHasClass(className) { return \"contains(concat(' ', normalize-space(@class), ' '), ' \" + className +\" ')\"; } addEventListener(root, 'mouseover', function (e) { if ('' != refStyle.innerHTML) { refStyle.innerHTML = ''; } }); a('mouseover', function (a, e, c) { if (c) { e.target.style.cursor = \"pointer\"; } else if (a = idRx.exec(a.className)) { try { refStyle.innerHTML = 'pre.sf-dump .'+a[0]+'{background-color: #B729D9; color: #FFF !important; border-radius: 2px}'; } catch (e) { } } }); a('click', function (a, e, c) { if (\/\\bsf-dump-toggle\\b\/.test(a.className)) { e.preventDefault(); if (!toggle(a, isCtrlKey(e))) { var r = doc.getElementById(a.getAttribute('href').slice(1)), s = r.previousSibling, f = r.parentNode, t = a.parentNode; t.replaceChild(r, a); f.replaceChild(a, s); t.insertBefore(s, r); f = f.firstChild.nodeValue.match(indentRx); t = t.firstChild.nodeValue.match(indentRx); if (f &#038;&#038; t &#038;&#038; f[0] !== t[0]) { r.innerHTML = r.innerHTML.replace(new RegExp('^'+f[0].replace(rxEsc, '\\\\$1'), 'mg'), t[0]); } if (\/\\bsf-dump-compact\\b\/.test(r.className)) { toggle(s, isCtrlKey(e)); } } if (c) { } else if (doc.getSelection) { try { doc.getSelection().removeAllRanges(); } catch (e) { doc.getSelection().empty(); } } else { doc.selection.empty(); } } else if (\/\\bsf-dump-str-toggle\\b\/.test(a.className)) { e.preventDefault(); e = a.parentNode.parentNode; e.className = e.className.replace(\/\\bsf-dump-str-(expand|collapse)\\b\/, a.parentNode.className); } }); elt = root.getElementsByTagName('SAMP'); len = elt.length; i = 0; while (i < len) t.push(elt[i++]); len = t.length; for (i = 0; i < len; ++i) { elt = t[i]; if ('SAMP' == elt.tagName) { a = elt.previousSibling || {}; if ('A' != a.tagName) { a = doc.createElement('A'); a.className = 'sf-dump-ref'; elt.parentNode.insertBefore(a, elt); } else { a.innerHTML += ' '; } a.title = (a.title ? a.title+'\\n[' : '[')+keyHint+'+click] Expand all children'; a.innerHTML += elt.className == 'sf-dump-compact' ? '<span>&#9654;<\/span>' : '<span>&#9660;<\/span>'; a.className += ' sf-dump-toggle'; x = 1; if ('sf-dump' != elt.parentNode.className) { x += elt.parentNode.getAttribute('data-depth')\/1; } } else if (\/\\bsf-dump-ref\\b\/.test(elt.className) && (a = elt.getAttribute('href'))) { a = a.slice(1); elt.className += ' '+a; if (\/[\\[{]$\/.test(elt.previousSibling.nodeValue)) { a = a != elt.nextSibling.id && doc.getElementById(a); try { s = a.nextSibling; elt.appendChild(a); s.parentNode.insertBefore(a, s); if (\/^[@#]\/.test(elt.innerHTML)) { elt.innerHTML += ' <span>&#9654;<\/span>'; } else { elt.innerHTML = '<span>&#9654;<\/span>'; elt.className = 'sf-dump-ref'; } elt.className += ' sf-dump-toggle'; } catch (e) { if ('&' == elt.innerHTML.charAt(0)) { elt.innerHTML = '&#8230;'; elt.className = 'sf-dump-ref'; } } } } } if (doc.evaluate && Array.from && root.children.length > 1) { root.setAttribute('tabindex', 0); SearchState = function () { this.nodes = []; this.idx = 0; }; SearchState.prototype = { next: function () { if (this.isEmpty()) { return this.current(); } this.idx = this.idx < (this.nodes.length - 1) ? this.idx + 1 : 0; return this.current(); }, previous: function () { if (this.isEmpty()) { return this.current(); } this.idx = this.idx > 0 ? this.idx - 1 : (this.nodes.length - 1); return this.current(); }, isEmpty: function () { return 0 === this.count(); }, current: function () { if (this.isEmpty()) { return null; } return this.nodes[this.idx]; }, reset: function () { this.nodes = []; this.idx = 0; }, count: function () { return this.nodes.length; }, }; function showCurrent(state) { var currentNode = state.current(), currentRect, searchRect; if (currentNode) { reveal(currentNode); highlight(root, currentNode, state.nodes); if ('scrollIntoView' in currentNode) { currentNode.scrollIntoView(true); currentRect = currentNode.getBoundingClientRect(); searchRect = search.getBoundingClientRect(); if (currentRect.top < (searchRect.top + searchRect.height)) { window.scrollBy(0, -(searchRect.top + searchRect.height + 5)); } } } counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count(); } var search = doc.createElement('div'); search.className = 'sf-dump-search-wrapper sf-dump-search-hidden'; search.innerHTML = ' <input type=\"text\" class=\"sf-dump-search-input\"> <span class=\"sf-dump-search-count\">0 of 0<\\\/span> <button type=\"button\" class=\"sf-dump-search-input-previous\" tabindex=\"-1\"> <svg viewBox=\"0 0 1792 1792\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1683 1331l-166 165q-19 19-45 19t-45-19L896 965l-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z\"\\\/><\\\/svg> <\\\/button> <button type=\"button\" class=\"sf-dump-search-input-next\" tabindex=\"-1\"> <svg viewBox=\"0 0 1792 1792\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1683 808l-742 741q-19 19-45 19t-45-19L109 808q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z\"\\\/><\\\/svg> <\\\/button> '; root.insertBefore(search, root.firstChild); var state = new SearchState(); var searchInput = search.querySelector('.sf-dump-search-input'); var counter = search.querySelector('.sf-dump-search-count'); var searchInputTimer = 0; var previousSearchQuery = ''; addEventListener(searchInput, 'keyup', function (e) { var searchQuery = e.target.value; \/* Don't perform anything if the pressed key didn't change the query *\/ if (searchQuery === previousSearchQuery) { return; } previousSearchQuery = searchQuery; clearTimeout(searchInputTimer); searchInputTimer = setTimeout(function () { state.reset(); collapseAll(root); resetHighlightedNodes(root); if ('' === searchQuery) { counter.textContent = '0 of 0'; return; } var classMatches = [ \"sf-dump-str\", \"sf-dump-key\", \"sf-dump-public\", \"sf-dump-protected\", \"sf-dump-private\", ].map(xpathHasClass).join(' or '); var xpathResult = doc.evaluate('.\/\/span[' + classMatches + '][contains(translate(child::text(), ' + xpathString(searchQuery.toUpperCase()) + ', ' + xpathString(searchQuery.toLowerCase()) + '), ' + xpathString(searchQuery.toLowerCase()) + ')]', root, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null); while (node = xpathResult.iterateNext()) state.nodes.push(node); showCurrent(state); }, 400); }); Array.from(search.querySelectorAll('.sf-dump-search-input-next, .sf-dump-search-input-previous')).forEach(function (btn) { addEventListener(btn, 'click', function (e) { e.preventDefault(); -1 !== e.target.className.indexOf('next') ? state.next() : state.previous(); searchInput.focus(); collapseAll(root); showCurrent(state); }) }); addEventListener(root, 'keydown', function (e) { var isSearchActive = !\/\\bsf-dump-search-hidden\\b\/.test(search.className); if ((114 === e.keyCode && !isSearchActive) || (isCtrlKey(e) && 70 === e.keyCode)) { \/* F3 or CMD\/CTRL + F *\/ if (70 === e.keyCode && document.activeElement === searchInput) { \/* * If CMD\/CTRL + F is hit while having focus on search input, * the user probably meant to trigger browser search instead. * Let the browser execute its behavior: *\/ return; } e.preventDefault(); search.className = search.className.replace(\/\\bsf-dump-search-hidden\\b\/, ''); searchInput.focus(); } else if (isSearchActive) { if (27 === e.keyCode) { \/* ESC key *\/ search.className += ' sf-dump-search-hidden'; e.preventDefault(); resetHighlightedNodes(root); searchInput.value = ''; } else if ( (isCtrlKey(e) && 71 === e.keyCode) \/* CMD\/CTRL + G *\/ || 13 === e.keyCode \/* Enter *\/ || 114 === e.keyCode \/* F3 *\/ ) { e.preventDefault(); e.shiftKey ? state.previous() : state.next(); collapseAll(root); showCurrent(state); } } }); } if (0 >= options.maxStringLength) { return; } try { elt = root.querySelectorAll('.sf-dump-str'); len = elt.length; i = 0; t = []; while (i < len) t.push(elt[i++]); len = t.length; for (i = 0; i < len; ++i) { elt = t[i]; s = elt.innerText || elt.textContent; x = s.length - options.maxStringLength; if (0 < x) { h = elt.innerHTML; elt[elt.innerText ? 'innerText' : 'textContent'] = s.substring(0, options.maxStringLength); elt.className += ' sf-dump-str-collapse'; elt.innerHTML = '<span class=sf-dump-str-collapse>'+h+'<a class=\"sf-dump-ref sf-dump-str-toggle\" title=\"Collapse\"> &#9664;<\/a><\/span>'+ '<span class=sf-dump-str-expand>'+elt.innerHTML+'<a class=\"sf-dump-ref sf-dump-str-toggle\" title=\"'+x+' remaining characters\"> &#9654;<\/a><\/span>'; } } } catch (e) { } }; })(document); <\/script><style> pre.sf-dump { display: block; white-space: pre; padding: 5px; overflow: initial !important; } pre.sf-dump:after { content: \"\"; visibility: hidden; display: block; height: 0; clear: both; } pre.sf-dump span { display: inline; } pre.sf-dump a { text-decoration: none; cursor: pointer; border: 0; outline: none; color: inherit; } pre.sf-dump img { max-width: 50em; max-height: 50em; margin: .5em 0 0 0; padding: 0; background: url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAHUlEQVQY02O8zAABilCaiQEN0EeA8QuUcX9g3QEAAjcC5piyhyEAAAAASUVORK5CYII=) #D3D3D3; } pre.sf-dump .sf-dump-ellipsis { display: inline-block; overflow: visible; text-overflow: ellipsis; max-width: 5em; white-space: nowrap; overflow: hidden; vertical-align: top; } pre.sf-dump .sf-dump-ellipsis+.sf-dump-ellipsis { max-width: none; } pre.sf-dump code { display:inline; padding:0; background:none; } .sf-dump-public.sf-dump-highlight, .sf-dump-protected.sf-dump-highlight, .sf-dump-private.sf-dump-highlight, .sf-dump-str.sf-dump-highlight, .sf-dump-key.sf-dump-highlight { background: rgba(111, 172, 204, 0.3); border: 1px solid #7DA0B1; border-radius: 3px; } .sf-dump-public.sf-dump-highlight-active, .sf-dump-protected.sf-dump-highlight-active, .sf-dump-private.sf-dump-highlight-active, .sf-dump-str.sf-dump-highlight-active, .sf-dump-key.sf-dump-highlight-active { background: rgba(253, 175, 0, 0.4); border: 1px solid #ffa500; border-radius: 3px; } pre.sf-dump .sf-dump-search-hidden { display: none !important; } pre.sf-dump .sf-dump-search-wrapper { font-size: 0; white-space: nowrap; margin-bottom: 5px; display: flex; position: -webkit-sticky; position: sticky; top: 5px; } pre.sf-dump .sf-dump-search-wrapper > * { vertical-align: top; box-sizing: border-box; height: 21px; font-weight: normal; border-radius: 0; background: #FFF; color: #757575; border: 1px solid #BBB; } pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input { padding: 3px; height: 21px; font-size: 12px; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #000; min-width: 15px; width: 100%; } pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next, pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous { background: #F2F2F2; outline: none; border-left: none; font-size: 0; line-height: 0; } pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg, pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg { pointer-events: none; width: 12px; height: 12px; } pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count { display: inline-block; padding: 0 5px; margin: 0; border-left: none; line-height: 21px; font-size: 12px; }pre.sf-dump, pre.sf-dump .sf-dump-default{background-color:#18171B; color:#FF8400; line-height:1.2em; font:12px Menlo, Monaco, Consolas, monospace; word-wrap: break-word; white-space: pre-wrap; position:relative; z-index:99999; word-break: break-all}pre.sf-dump .sf-dump-num{font-weight:bold; color:#1299DA}pre.sf-dump .sf-dump-const{font-weight:bold}pre.sf-dump .sf-dump-str{font-weight:bold; color:#56DB3A}pre.sf-dump .sf-dump-note{color:#1299DA}pre.sf-dump .sf-dump-ref{color:#A0A0A0}pre.sf-dump .sf-dump-public{color:#FFFFFF}pre.sf-dump .sf-dump-protected{color:#FFFFFF}pre.sf-dump .sf-dump-private{color:#FFFFFF}pre.sf-dump .sf-dump-meta{color:#B729D9}pre.sf-dump .sf-dump-key{color:#56DB3A}pre.sf-dump .sf-dump-index{color:#1299DA}pre.sf-dump .sf-dump-ellipsis{color:#FF8400}pre.sf-dump .sf-dump-ns{user-select:none;}pre.sf-dump .sf-dump-ellipsis-note{color:#1299DA}<\/style><pre class=sf-dump id=sf-dump-118921535 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"19 characters\">Visit Mened website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"18 characters\">https:\/\/mesned.com<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-118921535\")<\/script>\n                <a href=\"https:\/\/mesned.com\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Mened website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/code95-website\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702781070_573_67653_code95logoremovebgpreview.png\" alt=\"Code95 Website\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Code95 Website<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-1207115827 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"20 characters\">Visit Code95 website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"18 characters\">https:\/\/code95.com<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-1207115827\")<\/script>\n                <a href=\"https:\/\/code95.com\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Code95 website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/toyota-egypt\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702581958_474_15858_logo.png\" alt=\"Toyota Egypt\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Toyota Egypt<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-1166662281 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"20 characters\">Visit Toyota Website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"21 characters\">https:\/\/toyota.com.eg<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-1166662281\")<\/script>\n                <a href=\"https:\/\/toyota.com.eg\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Toyota Website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/abdal-website\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702582041_540_275082_logo.png\" alt=\"Abdal Website\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Abdal Website<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-561734676 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"20 characters\">Visits Abdal Website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"16 characters\">https:\/\/abdal.sa<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-561734676\")<\/script>\n                <a href=\"https:\/\/abdal.sa\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"\">Visits Abdal Website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/pharaohsgate\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702779618_804_26738_logo.webp\" alt=\"Pharaohsgate\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Pharaohsgate<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-1093030591 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"26 characters\">Visit Pharaohsgate Website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"24 characters\">https:\/\/pharaohsgate.com<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-1093030591\")<\/script>\n                <a href=\"https:\/\/pharaohsgate.com\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Pharaohsgate Website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/e-colleagues\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702783809_322_13949_logo.png\" alt=\"e-colleagues\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">e-colleagues<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-1769719439 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"25 characters\">Visit ecolleagues website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"25 characters\">https:\/\/e-colleagues.com\/<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-1769719439\")<\/script>\n                <a href=\"https:\/\/e-colleagues.com\/\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit ecolleagues website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/abdal-business\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2024\/01\/1704848088_146_85619_logo.png\" alt=\"Abdal Business\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Abdal Business<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-764185072 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"20 characters\">Visit Abdal Business<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"25 characters\">https:\/\/business.abdal.sa<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-764185072\")<\/script>\n                <a href=\"https:\/\/business.abdal.sa\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"\">Visit Abdal Business<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/alwatania\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2024\/01\/1704806581_597_45430_logo.png\" alt=\"Alwatania\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Alwatania<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-2141394020 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"23 characters\">Visit Alwatania Website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"25 characters\">https:\/\/alwatania-egy.com<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-2141394020\")<\/script>\n                <a href=\"https:\/\/alwatania-egy.com\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Alwatania Website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/alandaloscarton\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702594463_953_58106_1616210092_184_88080_alandoloslogo.png\" alt=\"Alandaloscarton\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Alandaloscarton<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-819254542 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"29 characters\">Visit Alandaloscarton Website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"27 characters\">https:\/\/alandaloscarton.com<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-819254542\")<\/script>\n                <a href=\"https:\/\/alandaloscarton.com\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Alandaloscarton Website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/taxi-and-guide\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2024\/01\/1704808201_796_5957_download.png\" alt=\"Taxi and Guide\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Taxi and Guide<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-548852825 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"20 characters\">Visit Taxi And Guide<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"24 characters\">https:\/\/taxiandguide.com<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-548852825\")<\/script>\n                <a href=\"https:\/\/taxiandguide.com\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"\">Visit Taxi And Guide<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                        <li class=\"portfolio__item\" data-filter=\"html\">\n          <a class=\"portfolio__link\" href=\"https:\/\/alaraby.dev\/ar\/projects\/jish\/\">\n\n            <!-- item image -->\n            <div class=\"portfolio__imgWrapper\">\n              <img decoding=\"async\" class=\"portfolio__imgWrapper__img\"\n                src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702785062_285_89387_logo.png\" alt=\"Jish\"\n                loading=\"lazy\">\n            <\/div>\n\n            <div class=\"portfolio__details\">\n              <h3 class=\"portfolio__details__title\">Jish<\/h3>\n              <div class=\"portfolio__details__date\">\n                                <pre class=sf-dump id=sf-dump-1406248936 data-indent-pad=\"  \"><span class=sf-dump-default>^<\/span><span class=sf-dump-default> <\/span><span class=sf-dump-note>array:3<\/span> [<samp data-depth=1 class=sf-dump-expanded>\n  \"<span class=sf-dump-key>title<\/span>\" => \"<span class=sf-dump-str title=\"18 characters\">Visit Jish website<\/span>\"\n  \"<span class=sf-dump-key>url<\/span>\" => \"<span class=sf-dump-str title=\"20 characters\">https:\/\/jish.med.sa\/<\/span>\"\n  \"<span class=sf-dump-key>target<\/span>\" => \"<span class=sf-dump-str title=\"6 characters\">_blank<\/span>\"\n<\/samp>]\n<\/pre><script>Sfdump(\"sf-dump-1406248936\")<\/script>\n                <a href=\"https:\/\/jish.med.sa\/\" class=\"w-btn w-btn--s1 w-btn--primary\"\n                  target=\"_blank\">Visit Jish website<\/a>\n                              <\/div>\n            <\/div>\n          <\/a>\n        <\/li>\n                <!-- load more button -->\n\n      <\/ul>\n    <\/div>\n            <div class=\"centerlize\">\n      <a href=\"https:\/\/alaraby.dev\/projects\" class=\"w-btn w-btn--s1 inline-block mx-auto w-btn--primary\"\n        target=\"\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/div>\n  <\/div>\n<\/div>\n<!-- end of portfolio section -->\n\n\n<!-- start of testimonials section -->\n<div id=\"pops\" class=\"pop-section recommendations section hide-in-preloading\" tabindex=\"-1\">\n\n  <!-- testimonials title -->\n  <div class=\"container\">\n    <div class=\"section-title\">\n      <span class=\"subtitle\">\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a<\/span>\n      <h2 class=\"title\">\n        \u062a\u062d\u0642\u0642 \u0645\u0645\u0627 \u064a\u0642\u0648\u0644\u0648\u0646\u0647 \u0639\u0646\u064a\n      <\/h2>\n    <\/div>\n  <\/div>\n\n  <!-- testimonials items -->\n  <div class=\"section-content\">\n    <ul class=\"pop__items\" data-stagger-delay=\"500\">\n            <li class=\"has-ultimate-tooltip\" tabindex=\"0\">\n        <div class=\"pop__item\">\n          <div class=\"pop__item__avatar\">\n            <img decoding=\"async\" class=\"pop__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702600041_344_572543_zizo.png\"\n              alt=\"Ahmed Abdelaziz Rabea\" loading=\"lazy\">\n          <\/div>\n          <div class=\"ultimate-tooltip\">\n            <div class=\"r-content\">\n              <!-- wp:paragraph -->\n<p>I have had the pleasure of working with Mahmoud, a talented front-end developer whom I had the opportunity to manage. Mahmoud has consistently showcased his exceptional skills and has proven to be one of the best developers I have worked with.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Mahmoud possesses a strong command of front-end development technologies and frameworks. His ability to transform design concepts into functional and visually appealing websites is truly impressive. Mahmoud pays great attention to detail, ensuring that every element of a website is implemented with precision and accuracy.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>One of Mahmoud&#8217;s greatest strengths is his problem-solving ability. He approaches challenges with a logical and analytical mindset, quickly identifying solutions and implementing them effectively. Mahmoud&#8217;s expertise in troubleshooting and debugging has been invaluable in resolving complex issues and ensuring the smooth functioning of web applications.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Furthermore, Mahmoud is a highly dedicated and proactive team member. He consistently demonstrates a strong work ethic and takes initiative to contribute to the success of projects. Mahmoud communicates effectively, both within the development team and with stakeholders, ensuring clear understanding of projects requirements and goals.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>I have been consistently impressed by Mahmoud&#8217;s professionalism, reliability, and commitment to delivering high-quality work. He consistently meets deadlines and goes above and beyond to exceed expectations. His positive attitude and willingness to learn and grow have made him a valuable asset to our team.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>I highly recommend Mahmoud for any front-end development positions or projects. His technical skills, problem-solving abilities, and strong work ethic make him an outstanding professional in his field. I am confident that Mahmoud will continue to excel and contribute significantly wherever his career takes him.<\/p>\n<!-- \/wp:paragraph -->\n            <\/div>\n            <h4 class=\"ultimate-tooltip-title\">Ahmed Abdelaziz Rabea<\/h4>\n            <h5 class=\"ultimate-tooltip-subtitle\">Front-End Team Lead<\/h5>\n          <\/div>\n          <div class=\"ultimate-tooltip-arrow\"><\/div>\n        <\/div>\n      <\/li>\n            <li class=\"has-ultimate-tooltip\" tabindex=\"0\">\n        <div class=\"pop__item\">\n          <div class=\"pop__item__avatar\">\n            <img decoding=\"async\" class=\"pop__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702600297_177_61496_aa.jpeg\"\n              alt=\"Ahmed Abdel Aal\" loading=\"lazy\">\n          <\/div>\n          <div class=\"ultimate-tooltip\">\n            <div class=\"r-content\">\n              <!-- wp:paragraph -->\n<p>is one of the most valuable people I have ever met. Both smart and professional. Experienced, deadline oriented, and intelligent person. Good luck Mahmoud<\/p>\n<!-- \/wp:paragraph -->\n            <\/div>\n            <h4 class=\"ultimate-tooltip-title\">Ahmed Abdel Aal<\/h4>\n            <h5 class=\"ultimate-tooltip-subtitle\">Senior Quality Control Engineer<\/h5>\n          <\/div>\n          <div class=\"ultimate-tooltip-arrow\"><\/div>\n        <\/div>\n      <\/li>\n            <li class=\"has-ultimate-tooltip\" tabindex=\"0\">\n        <div class=\"pop__item\">\n          <div class=\"pop__item__avatar\">\n            <img decoding=\"async\" class=\"pop__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702600175_307_44211_tarek.jpg\"\n              alt=\"Mohamed Tarek\" loading=\"lazy\">\n          <\/div>\n          <div class=\"ultimate-tooltip\">\n            <div class=\"r-content\">\n              <!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Mahmoud is one of the people that bring real value to the team. He&#8217;s smart and professional, and he&#8217;s also an excellent team player. He&#8217;s hungry for learning and eager to grow. I admire his dedication and hard work. I would totally recommend him for your team.<\/p>\n<!-- \/wp:paragraph -->\n            <\/div>\n            <h4 class=\"ultimate-tooltip-title\">Mohamed Tarek<\/h4>\n            <h5 class=\"ultimate-tooltip-subtitle\">Frontend Web Developer<\/h5>\n          <\/div>\n          <div class=\"ultimate-tooltip-arrow\"><\/div>\n        <\/div>\n      <\/li>\n            <li class=\"has-ultimate-tooltip\" tabindex=\"0\">\n        <div class=\"pop__item\">\n          <div class=\"pop__item__avatar\">\n            <img decoding=\"async\" class=\"pop__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702600586_315_78916_1679777142934.jpeg\"\n              alt=\"Ahmed Mansour\" loading=\"lazy\">\n          <\/div>\n          <div class=\"ultimate-tooltip\">\n            <div class=\"r-content\">\n              <!-- wp:paragraph -->\n<p>Mahmoud and I worked together on several projects for around a year and a half. He has proved that he is more than ready to give whatever it takes to get the work done.<br>He has the perfect skill set that any company needs and is always ready to grow whenever the business needs it.<br>He was a good friend, a perfect teammate, and a professional colleague.<br>I couldn&#8217;t recommend him more for any company looking for a software developer.<\/p>\n<!-- \/wp:paragraph -->\n            <\/div>\n            <h4 class=\"ultimate-tooltip-title\">Ahmed Mansour<\/h4>\n            <h5 class=\"ultimate-tooltip-subtitle\">Software Developer<\/h5>\n          <\/div>\n          <div class=\"ultimate-tooltip-arrow\"><\/div>\n        <\/div>\n      <\/li>\n            <li class=\"has-ultimate-tooltip\" tabindex=\"0\">\n        <div class=\"pop__item\">\n          <div class=\"pop__item__avatar\">\n            <img decoding=\"async\" class=\"pop__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702600422_226_170544_1646984711746.jpeg\"\n              alt=\"Mohammed Naguib\" loading=\"lazy\">\n          <\/div>\n          <div class=\"ultimate-tooltip\">\n            <div class=\"r-content\">\n              <!-- wp:paragraph -->\n<p>Mahmoud is one of the most hardworking colleagues I have ever known, his eagerness to learn and his hunger for knowledge is a win-win situation for any employer thinking about hiring Mahmoud, truly not because he is a friend of mine, I truly admire his passion and commitment for work<br>a really dedicated and hardworking man.<\/p>\n<!-- \/wp:paragraph -->\n            <\/div>\n            <h4 class=\"ultimate-tooltip-title\">Mohammed Naguib<\/h4>\n            <h5 class=\"ultimate-tooltip-subtitle\">Project Manager<\/h5>\n          <\/div>\n          <div class=\"ultimate-tooltip-arrow\"><\/div>\n        <\/div>\n      <\/li>\n            <li class=\"has-ultimate-tooltip\" tabindex=\"0\">\n        <div class=\"pop__item\">\n          <div class=\"pop__item__avatar\">\n            <img decoding=\"async\" class=\"pop__item__img\" src=\"https:\/\/alaraby.dev\/wp-content\/uploads\/2023\/12\/1702599612_916_45673_waleed.jpeg\"\n              alt=\"Waleed Saeed\" loading=\"lazy\">\n          <\/div>\n          <div class=\"ultimate-tooltip\">\n            <div class=\"r-content\">\n              <!-- wp:paragraph -->\n<p>I have had the pleasure of working with Mohamed Araby on several projects, and I can confidently say that he is an exceptional Front-End Developer, he is able to deliver high-quality work on time, and he is always willing to collaborate with others and share his expertise, and his positive attitude and professionalism make him a pleasure to work with. Based on his skills, and experience.<\/p>\n<!-- \/wp:paragraph -->\n            <\/div>\n            <h4 class=\"ultimate-tooltip-title\">Waleed Saeed<\/h4>\n            <h5 class=\"ultimate-tooltip-subtitle\">Front-End Developer<\/h5>\n          <\/div>\n          <div class=\"ultimate-tooltip-arrow\"><\/div>\n        <\/div>\n      <\/li>\n          <\/ul>\n  <\/div>\n<\/div>\n<!-- end of testimonials section -->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/pages\/780"}],"collection":[{"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":30,"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/pages\/780\/revisions"}],"predecessor-version":[{"id":1043,"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/pages\/780\/revisions\/1043"}],"wp:attachment":[{"href":"https:\/\/alaraby.dev\/ar\/wp-json\/wp\/v2\/media?parent=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}