WEBIT \u2014 We build the web your business stands on<\/title>\r\n\r\n<style>\r\n\r\n :root{\r\n --teal:#16A596;\r\n --teal-dark:#0B6E63;\r\n --teal-tint:#E4F5F2;\r\n --ink:#14161A;\r\n --ink-soft:#4A4F55;\r\n --paper:#FAF9F6;\r\n --paper-dim:#F0EFEA;\r\n --white:#FFFFFF;\r\n --radius:14px;\r\n --ease:cubic-bezier(.16,.8,.3,1);\r\n }\r\n *{box-sizing:border-box; margin:0; padding:0;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n font-family:'Inter',sans-serif;\r\n background:var(--paper);\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n img,svg{display:block; max-width:100%;}\r\n a{color:inherit; text-decoration:none;}\r\n ul{list-style:none;}\r\n .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}\r\n h1,h2,h3{font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em; line-height:1.05;}\r\n .eyebrow{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:12.5px;\r\n font-weight:600;\r\n letter-spacing:.14em;\r\n text-transform:uppercase;\r\n color:var(--teal-dark);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:7px; height:7px;\r\n background:var(--teal);\r\n border-radius:50%;\r\n box-shadow:0 0 0 4px var(--teal-tint);\r\n }\r\n .btn{\r\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\r\n font-family:'Inter',sans-serif; font-weight:600; font-size:15px;\r\n padding:14px 26px; border-radius:999px; border:1.5px solid transparent;\r\n cursor:pointer; transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s, color .3s, border-color .3s;\r\n white-space:nowrap;\r\n }\r\n .btn-solid{background:var(--ink); color:var(--white);}\r\n .btn-solid:hover{background:var(--teal-dark); transform:translateY(-2px); box-shadow:0 12px 24px -8px rgba(11,110,99,.55); color:white;}\r\n .btn-outline{border-color:rgba(20,22,26,.18); color:var(--ink); background:transparent;}\r\n .btn-outline:hover{border-color:var(--ink); transform:translateY(-2px);}\r\n .btn-light{background:var(--white); color:var(--ink);}\r\n .btn-light:hover{background:var(--teal); color:var(--white); transform:translateY(-2px);}\r\n\r\n \/* ---------- reveal on scroll ---------- *\/\r\n [data-reveal]{opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease);}\r\n [data-reveal].in-view{opacity:1; transform:translateY(0);}\r\n [data-reveal=\"stagger\"] > *{opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .7s var(--ease);}\r\n [data-reveal=\"stagger\"].in-view > *{opacity:1; transform:translateY(0);}\r\n [data-reveal=\"stagger\"] > *:nth-child(1){transition-delay:.02s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(2){transition-delay:.10s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(3){transition-delay:.18s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(4){transition-delay:.26s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(5){transition-delay:.34s;}\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n [data-reveal], [data-reveal=\"stagger\"] > *{opacity:1 !important; transform:none !important; transition:none !important;}\r\n *{animation:none !important;}\r\n }\r\n\r\n \/* ---------- nav ---------- *\/\r\n .nav-links{display:flex; align-items:center; gap:34px;}\r\n .nav-links a{font-size:14.5px; font-weight:500; color:var(--ink-soft); position:relative; padding:4px 0;}\r\n .nav-links a::after{content:\"\";position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--teal); transition:width .3s var(--ease);}\r\n .nav-links a:hover{color:var(--ink);}\r\n .nav-links a:hover::after{width:100%;}\r\n .nav-links a.active{color:var(--ink);}\r\n .nav-links a.active::after{width:100%;}\r\n .nav-cta{display:flex; align-items:center; gap:18px;}\r\n .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:0; padding:6px;}\r\n .burger span{width:22px; height:2px; background:var(--ink); border-radius:2px; transition:transform .3s, opacity .3s;}\r\n .mobile-panel{display:none; position:fixed; inset:0 0 auto 0; top:64px; background:var(--paper); border-bottom:1px solid rgba(20,22,26,.08); padding:20px 24px 28px; z-index:99;}\r\n .mobile-panel a{display:block; padding:12px 0; font-size:16px; font-weight:600; border-bottom:1px solid rgba(20,22,26,.06);}\r\n .mobile-panel.open{display:block;}\r\n header{\r\n position:sticky; top:0; z-index:100;\r\n background:rgba(250,249,246,.82);\r\n backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);\r\n border-bottom:1px solid rgba(20,22,26,.07);\r\n transition:padding .3s var(--ease);\r\n }\r\n nav.wrap{display:flex; align-items:center; justify-content:space-between; padding-top:18px; padding-bottom:18px; transition:padding .3s var(--ease);}\r\n header.shrink nav.wrap{padding-top:11px; padding-bottom:11px;}\r\n .logo{display:flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:21px;}\r\n .logo .mark{width:26px; height:26px;}\r\n .logo b{color:var(--teal-dark);}\r\n .nav-links{display:flex; align-items:center; gap:34px;}\r\n .nav-links a{font-size:14.5px; font-weight:500; color:var(--ink-soft); position:relative; padding:4px 0;}\r\n .nav-links a::after{content:\"\";position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--teal); transition:width .3s var(--ease);}\r\n .nav-links a:hover{color:var(--ink);}\r\n .nav-links a:hover::after{width:100%;}\r\n .nav-cta{display:flex; align-items:center; gap:18px;}\r\n .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:0; padding:6px;}\r\n .burger span{width:22px; height:2px; background:var(--ink); border-radius:2px; transition:transform .3s, opacity .3s;}\r\n .mobile-panel{display:none; position:fixed; inset:0 0 auto 0; top:64px; background:var(--paper); border-bottom:1px solid rgba(20,22,26,.08); padding:20px 24px 28px; z-index:99;}\r\n .mobile-panel a{display:block; padding:12px 0; font-size:16px; font-weight:600; border-bottom:1px solid rgba(20,22,26,.06);}\r\n .mobile-panel.open{display:block;}\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{position:relative; padding:96px 0 60px; overflow:hidden;}\r\n .hero-peak-wm{position:absolute; top:-40px; right:-140px; width:640px; opacity:.16; pointer-events:none;}\r\n .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; position:relative; z-index:1;}\r\n .hero h1{font-size:clamp(34px,4.6vw,58px); margin:18px 0 22px; font-weight:700;}\r\n .hero h1 .hl{color:var(--teal-dark); position:relative; white-space:nowrap;}\r\n .hero p.lead{font-size:18px; color:var(--ink-soft); max-width:520px; margin-bottom:32px; line-height:1.6;}\r\n .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:38px;}\r\n .trust-row{display:flex; flex-wrap:wrap; gap:10px;}\r\n .trust-chip{\r\n font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600;\r\n background:var(--white); border:1px solid rgba(20,22,26,.08);\r\n padding:8px 14px; border-radius:999px; color:var(--ink-soft);\r\n display:flex; align-items:center; gap:7px;\r\n }\r\n .trust-chip::before{content:\"\u25b2\"; color:var(--teal); font-size:9px;}\r\n\r\n \/* hero visual: code-card *\/\r\n .code-card{\r\n background:var(--ink); border-radius:18px; padding:0; overflow:hidden;\r\n box-shadow:0 40px 80px -30px rgba(20,22,26,.45);\r\n transform:rotate(1.2deg);\r\n transition:transform .5s var(--ease);\r\n }\r\n .code-card:hover{transform:rotate(0deg) translateY(-4px);}\r\n .code-top{display:flex; align-items:center; gap:8px; padding:14px 18px; background:#0F1114; border-bottom:1px solid rgba(255,255,255,.06);}\r\n .code-top span{width:11px; height:11px; border-radius:50%;}\r\n .code-top span:nth-child(1){background:#FF5F57;}\r\n .code-top span:nth-child(2){background:#FEBC2E;}\r\n .code-top span:nth-child(3){background:#28C840;}\r\n .code-top small{margin-left:auto; font-family:'JetBrains Mono',monospace; color:#7D8590; font-size:11.5px;}\r\n .code-body{padding:26px 24px 30px; font-family:'JetBrains Mono',monospace; font-size:13.5px; line-height:1.9; color:#B7C4D0;}\r\n .code-body .ln{color:#4F5860; display:inline-block; width:22px; user-select:none;}\r\n .code-body .tag{color:var(--teal);}\r\n .code-body .attr{color:#E4B76A;}\r\n .code-body .str{color:#8CD7C6;}\r\n .code-body .cursor{display:inline-block; width:7px; height:15px; background:var(--teal); vertical-align:middle; animation:blink 1s steps(1) infinite;}\r\n @keyframes blink{50%{opacity:0;}}\r\n\r\n \/* ---------- jagged divider ---------- *\/\r\n .divider{display:block; width:100%; height:56px;}\r\n .divider.flip{transform:scaleY(-1);}\r\n\r\n \/* ---------- marquee ---------- *\/\r\n .marquee-band{background:var(--ink); overflow:hidden; padding:16px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);}\r\n .marquee-track{display:flex; width:max-content; animation:scroll-left 26s linear infinite;}\r\n .marquee-band:hover .marquee-track{animation-play-state:paused;}\r\n .marquee-track span{\r\n font-family:'JetBrains Mono',monospace; font-weight:600; font-size:14px;\r\n color:#8B949E; letter-spacing:.08em; padding:0 22px; white-space:nowrap;\r\n }\r\n .marquee-track span.on{color:var(--teal);}\r\n @keyframes scroll-left{from{transform:translateX(0);} to{transform:translateX(-50%);}}\r\n\r\n \/* ---------- stats ---------- *\/\r\n .stats{background:var(--teal); position:relative; padding:64px 0 44px; overflow:hidden;}\r\n .stats-skyline{position:absolute; bottom:0; left:0; width:100%; opacity:.25;}\r\n .stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; z-index:1;}\r\n .stat b{font-family:'Space Grotesk',sans-serif; font-size:clamp(30px,3.6vw,44px); color:var(--white); display:block; font-weight:700;}\r\n .stat span{font-family:'JetBrains Mono',monospace; font-size:12.5px; color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.08em;}\r\n\r\n \/* ---------- section heading ---------- *\/\r\n .section{padding:88px 0;}\r\n .section-head{max-width:620px; margin-bottom:52px;}\r\n .section-head h2{font-size:clamp(26px,3.2vw,38px); margin-top:14px; font-weight:700;}\r\n .section-head p{color:var(--ink-soft); font-size:16px; margin-top:14px; line-height:1.65;}\r\n\r\n \/* ---------- services ---------- *\/\r\n .services-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}\r\n .svc-card{\r\n background:var(--white); border:1px solid rgba(20,22,26,.07); border-radius:var(--radius);\r\n padding:26px 20px; transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;\r\n }\r\n .svc-card:hover{transform:translateY(-8px); box-shadow:0 26px 44px -20px rgba(11,110,99,.30);}\r\n .svc-icon{width:44px; height:44px; border-radius:11px; background:var(--teal-tint); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}\r\n .svc-icon svg{width:22px; height:22px; stroke:var(--teal-dark);}\r\n .svc-card h3{font-size:16.5px; font-weight:600; margin-bottom:8px;}\r\n .svc-card p{font-size:13.8px; color:var(--ink-soft); line-height:1.55;}\r\n\r\n \/* ---------- work showcase ---------- *\/\r\n .work-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:18px;}\r\n .work-card{border-radius:var(--radius); overflow:hidden; background:var(--white); border:1px solid rgba(20,22,26,.07); transition:transform .4s var(--ease), box-shadow .4s var(--ease);}\r\n .work-card:hover{ border-color:var(--teal);transform:translateY(-8px); box-shadow:0 26px 44px -20px rgba(20,22,26,.22);}\r\n .work-chrome{background:#EDECE7; padding:9px 10px; display:flex; align-items:center; gap:5px; border-bottom:1px solid rgba(20,22,26,.06);}\r\n .work-chrome span{width:7px; height:7px; border-radius:50%; background:rgba(20,22,26,.18);}\r\n .work-screen{height:118px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}\r\n .work-screen svg{width:56%; height:56%;}\r\n .work-info{padding:16px 16px 20px;}\r\n .work-tag{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; color:var(--teal-dark); text-transform:uppercase; letter-spacing:.07em;}\r\n .work-info h3{font-size:15px; margin-top:6px; font-weight:600;}\r\n\r\n \/* ---------- about \/ timeline ---------- *\/\r\n .about-wrap{display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:start;}\r\n .about-copy p{color:var(--ink-soft); font-size:16px; line-height:1.75; margin-bottom:16px;}\r\n .founder-tag{display:inline-flex; align-items:center; gap:10px; margin-top:8px; padding:8px 16px 8px 8px; background:var(--white); border:1px solid rgba(20,22,26,.08); border-radius:999px;}\r\n .founder-tag .av{width:34px; height:34px; border-radius:50%; background:var(--ink); color:var(--teal); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px;}\r\n .founder-tag small{font-family:'JetBrains Mono',monospace; color:var(--ink-soft); font-size:12px;}\r\n\r\n .timeline{position:relative; padding-left:26px;}\r\n .timeline::before{content:\"\"; position:absolute; left:5px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--teal), var(--teal-tint));}\r\n .t-item{position:relative; padding-bottom:34px;}\r\n .t-item:last-child{padding-bottom:0;}\r\n .t-item::before{content:\"\"; position:absolute; left:-26px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 4px var(--teal-tint);}\r\n .t-year{font-family:'JetBrains Mono',monospace; font-weight:600; color:var(--teal-dark); font-size:13px;}\r\n .t-item h3{font-size:16.5px; margin:6px 0 6px; font-weight:600;}\r\n .t-item p{font-size:14.5px; color:var(--ink-soft); line-height:1.6;}\r\n\r\n \/* ---------- CTA band ---------- *\/\r\n .cta-band{background:var(--ink); border-radius:26px; margin:0 24px; padding:64px 48px; position:relative; overflow:hidden;}\r\n .cta-inner{max-width:1132px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; position:relative; z-index:1;}\r\n .cta-band h2{color:var(--white); font-size:clamp(24px,3vw,34px); max-width:520px;}\r\n .cta-band .eyebrow{color:var(--teal);}\r\n .cta-band .eyebrow::before{box-shadow:0 0 0 4px rgba(22,165,150,.25);}\r\n .cta-peak{position:absolute; bottom:-2px; right:-2px; width:340px; opacity:.5;}\r\n\r\n \/* ---------- footer ---------- *\/\r\n footer{background:var(--ink); color:#B9BEC4; padding:64px 0 28px; margin-top:0;}\r\n .foot-grid{display:grid; grid-template-columns:1.4fr .8fr .8fr 1fr; gap:40px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.08);}\r\n .foot-logo{display:flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:20px; color:var(--white); margin-bottom:14px;}\r\n .foot-logo .mark{width:24px; height:24px;}\r\n .foot-about p{font-size:14px; line-height:1.65; max-width:280px;}\r\n .foot-col h4{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#7D8590; margin-bottom:16px;}\r\n .foot-col a{display:block; font-size:14.5px; margin-bottom:11px; color:#B9BEC4; transition:color .25s;}\r\n .foot-col a:hover{color:var(--teal);}\r\n .socials{display:flex; gap:10px; margin-top:16px;}\r\n .socials a{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; transition:background .3s, transform .3s;}\r\n .socials a:hover{background:var(--teal); transform:translateY(-3px);}\r\n .socials svg{width:16px; height:16px; stroke:#fff;}\r\n .foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:24px; font-size:13px; flex-wrap:wrap; gap:10px;}\r\n\r\n \/* ---------- responsive ---------- *\/\r\n @media (max-width:980px){\r\n .hero-grid{grid-template-columns:1fr;}\r\n .hero-peak-wm{display:none;}\r\n .services-grid{grid-template-columns:repeat(3,1fr);}\r\n .work-grid{grid-template-columns:repeat(3,1fr);}\r\n .about-wrap{grid-template-columns:1fr; gap:40px;}\r\n .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:28px;}\r\n .foot-grid{grid-template-columns:1fr 1fr;}\r\n }\r\n @media (max-width:720px){\r\n .nav-links, .nav-cta .btn-outline{display:none;}\r\n .burger{display:flex;}\r\n .services-grid{grid-template-columns:repeat(2,1fr);}\r\n .work-grid{grid-template-columns:repeat(2,1fr);}\r\n .cta-band{margin:0 14px; padding:48px 24px;}\r\n .cta-inner{justify-content:center; text-align:center;}\r\n .foot-grid{grid-template-columns:1fr;}\r\n }\r\n @media (max-width:480px){\r\n .services-grid, .work-grid{grid-template-columns:1fr 1fr;}\r\n .hero{padding:34px 0 40px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header id=\"siteHeader\">\r\n <nav class=\"wrap\">\r\n <a href=\"\/webit-web-development-hosting-digital-marketing-agency-in-jordan-\u0648\u064a\u0628-\u0625\u062a-\u0634\u0631\u0643\u0629-\u062a\u0635\u0645\u064a\u0645-\u0648\u062a\u0637\u0648\u064a\u0631\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/webitjo.com\/wp-content\/uploads\/2024\/04\/WEBIT-JO-Logo-e1714165813669.png\" alt=\"WEBIT JO Logo\">\r\n<\/a>\r\n\r\n<style>\r\n.logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n}\r\n\r\n.logo img {\r\n width: 170px;\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .logo img {\r\n width: 130px;\r\n }\r\n}\r\n<\/style>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"\/Services\">Services<\/a><\/li>\r\n <li><a href=\"m\/Projects\">Work<\/a><\/li>\r\n <li><a href=\"\/products\">Products<\/a> <\/li>\r\n <li><a href=\"\/about\">About<\/a><\/li>\r\n <li><a href=\"\/contact-us\" >Contact<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-cta\">\r\n <a href=\"\/contact-us\" class=\"btn btn-outline\" style=\"padding:10px 18px; font-size:14px;\">Get a quote<\/a>\r\n <button class=\"burger\" id=\"burgerBtn\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/nav>\r\n <div class=\"mobile-panel\" id=\"mobilePanel\">\r\n <a href=\"#\" class=\"active\">Home<\/a>\r\n <a href=\"\/Services\">Services<\/a>\r\n <a href=\"\/Projects\">Work<\/a>\r\n <a href=\"\/products\">Products<\/a>\r\n <a href=\"\/about\">About<\/a>\r\n <a href=\"\/contact-us\">Contact<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\" id=\"top\">\r\n <svg class=\"hero-peak-wm\" viewBox=\"0 0 100 100\" fill=\"none\">\r\n <path d=\"M8 22 L30 78 L50 34 L70 78 L92 22\" stroke=\"#16A596\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <div class=\"wrap hero-grid\">\r\n <div data-reveal>\r\n <span class=\"eyebrow\">Jordan \u2192 USA \u2192 Kuwait \u2192 Palestine<\/span>\r\n <h1>We build the web your <span class=\"hl\">business<\/span> stands on.<\/h1>\r\n <p class=\"lead\">Since 2021, WEBIT has designed, built and hosted 100+ live websites and stores, learning portals, booking systems and more for businesses across the Middle East and beyond.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"https:\/\/wa.me\/962779080305\" class=\"btn btn-solid\" target=\"_blank\" rel=\"noopener\">Start a project \u2192<\/a>\r\n <a href=\"#work\" class=\"btn btn-outline\">See our work<\/a>\r\n <\/div>\r\n <div class=\"trust-row\">\r\n <span class=\"trust-chip\">100+ live sites<\/span>\r\n <span class=\"trust-chip\">5+ countries<\/span>\r\n <span class=\"trust-chip\">Founded 2021<\/span>\r\n <span class=\"trust-chip\">5 services, 1 team<\/span>\r\n <\/div>\r\n <\/div>\r\n <div data-reveal>\r\n <div class=\"code-card\">\r\n <div class=\"code-top\"><span><\/span><span><\/span><span><\/span><small>project.build<\/small><\/div>\r\n <div class=\"code-body\">\r\n<div><span class=\"ln\">01<\/span><span class=\"tag\"><client<\/span> <span class=\"attr\">industry<\/span>=<span class=\"str\">\"retail\"<\/span><span class=\"tag\">><\/span><\/div>\r\n<div><span class=\"ln\">02<\/span> <span class=\"tag\"><site<\/span> <span class=\"attr\">type<\/span>=<span class=\"str\">\"ecommerce\"<\/span> <span class=\"attr\">status<\/span>=<span class=\"str\">\"live\"<\/span> <span class=\"tag\">\/><\/span><\/div>\r\n<div><span class=\"ln\">03<\/span> <span class=\"tag\"><hosting<\/span> <span class=\"attr\">uptime<\/span>=<span class=\"str\">\"99.9%\"<\/span> <span class=\"tag\">\/><\/span><\/div>\r\n<div><span class=\"ln\">04<\/span> <span class=\"tag\"><support<\/span> <span class=\"attr\">team<\/span>=<span class=\"str\">\"webit\"<\/span> <span class=\"tag\">\/><\/span><\/div>\r\n<div><span class=\"ln\">05<\/span><span class=\"tag\"><\/client><\/span><\/div>\r\n<div><span class=\"ln\">06<\/span><span class=\"cursor\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<svg class=\"divider\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\"><path d=\"M0 60 L0 30 L60 45 L120 15 L180 40 L240 10 L300 35 L360 8 L420 32 L480 12 L540 38 L600 18 L660 42 L720 14 L780 36 L840 6 L900 30 L960 20 L1020 44 L1080 16 L1140 34 L1200 22 L1200 60 Z\" fill=\"#14161A\"\/><\/svg>\r\n\r\n\r\n<div class=\"marquee-band\">\r\n <div class=\"marquee-track\">\r\n <span class=\"on\">ECOMMERCE<\/span><span>\u2022<\/span><span>LMS<\/span><span>\u2022<\/span><span class=\"on\">PORTFOLIO<\/span><span>\u2022<\/span><span>BOOKING<\/span><span>\u2022<\/span><span class=\"on\">BLOGGING<\/span><span>\u2022<\/span>\r\n <span class=\"on\">ECOMMERCE<\/span><span>\u2022<\/span><span>LMS<\/span><span>\u2022<\/span><span class=\"on\">PORTFOLIO<\/span><span>\u2022<\/span><span>BOOKING<\/span><span>\u2022<\/span><span class=\"on\">BLOGGING<\/span><span>\u2022<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"stats\">\r\n <svg class=\"stats-skyline\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\"><path d=\"M0 60 L0 40 L60 50 L120 20 L180 45 L240 15 L300 42 L360 12 L420 38 L480 18 L540 44 L600 22 L660 46 L720 16 L780 40 L840 8 L900 34 L960 24 L1020 48 L1080 20 L1140 38 L1200 26 L1200 60 Z\" fill=\"#0B6E63\"\/><\/svg>\r\n <div class=\"wrap stats-grid\" data-reveal=\"stagger\">\r\n <div class=\"stat\"><b data-count=\"100\" data-suffix=\"+\">0<\/b><span>Live websites shipped<\/span><\/div>\r\n <div class=\"stat\"><b data-count=\"2021\" data-suffix=\"\">0<\/b><span>Year we started climbing<\/span><\/div>\r\n <div class=\"stat\"><b data-count=\"5\" data-suffix=\"+\">0<\/b><span>Countries served<\/span><\/div>\r\n <div class=\"stat\"><b data-count=\"4\" data-suffix=\"\">0<\/b><span>Services, one roof<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<svg class=\"divider flip\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\"><path d=\"M0 60 L0 40 L60 50 L120 20 L180 45 L240 15 L300 42 L360 12 L420 38 L480 18 L540 44 L600 22 L660 46 L720 16 L780 40 L840 8 L900 34 L960 24 L1020 48 L1080 20 L1140 38 L1200 26 L1200 60 Z\" fill=\"#16A596\"\/><\/svg>\r\n\r\n\r\n<section class=\"section\" id=\"services\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\" data-reveal>\r\n <span class=\"eyebrow\">What we do<\/span>\r\n <h2>Everything your business needs online, under one roof.<\/h2>\r\n <p>From the first line of code to the domain renewal five years later \u2014 we handle it, so you can run your business instead of your website.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\" data-reveal=\"stagger\">\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3 3 12l5 9M16 3l5 9-5 9M13 3l-2 18\"\/><\/svg><\/div>\r\n <h3>Web Development<\/h3>\r\n <p>Custom stores, LMS platforms, booking systems and portfolios, built to convert and easy to manage.<\/p>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/><path d=\"M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"\/><\/svg><\/div>\r\n <h3>Web Hosting<\/h3>\r\n <p>Fast, secure servers with real uptime and a team that answers when something needs attention.<\/p>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/div>\r\n <h3>Email & Domain<\/h3>\r\n <p>Your name, your inbox. We register, connect and maintain the domain and email that make you official.<\/p>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-5.2-9.5-9.5C.8 8 2.2 4.5 5.6 3.8c2-.4 3.7.4 4.9 1.9 1.2-1.5 2.9-2.3 4.9-1.9 3.4.7 4.8 4.2 3.1 7.7C19 15.8 12 21 12 21Z\" opacity=\"0\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9 12h6M12 9v6\"\/><\/svg><\/div>\r\n <h3>Google Business<\/h3>\r\n <p>Get found on Search and Maps with a profile that's set up right and kept up to date.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\" id=\"work\" style=\"background:var(--paper-dim); padding-top:88px;\">\r\n <style>\r\n \/* Ensure cards act cleanly as layout anchors *\/\r\n a.work-card {\r\n display: block;\r\n text-decoration: none !important;\r\n color: inherit !important;\r\n cursor: pointer;\r\n transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;\r\n }\r\n \r\n \/* Elegant hover elevation effect *\/\r\n a.work-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Keep svgs crisp inside anchors *\/\r\n a.work-card svg {\r\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n \r\n a.work-card:hover .work-screen svg {\r\n transform: scale(1.05);\r\n }\r\n <\/style>\r\n\r\n <div class=\"wrap\">\r\n <div class=\"section-head\" data-reveal>\r\n <span class=\"eyebrow\">What we've launched<\/span>\r\n <h2>100+ sites, six kinds of business problems solved.<\/h2>\r\n <p>Every project starts from one of these \u2014 then gets shaped around what your business actually needs.<\/p>\r\n <\/div>\r\n \r\n <div class=\"work-grid\" data-reveal=\"stagger\">\r\n \r\n \r\n <a href=\"\/projects\/?project_cat=e-commerce\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#E4F5F2;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0B6E63\" stroke-width=\"1.8\"><rect x=\"8\" y=\"14\" width=\"32\" height=\"24\" rx=\"2\"\/><path d=\"M16 14v-3a8 8 0 0 1 16 0v3\"\/><circle cx=\"18\" cy=\"24\" r=\"1.4\" fill=\"#0B6E63\"\/><circle cx=\"30\" cy=\"24\" r=\"1.4\" fill=\"#0B6E63\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Ecommerce<\/span><h3>Online stores that sell<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=lms\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#EFEDE6;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#14161A\" stroke-width=\"1.8\"><path d=\"M24 12 6 18l18 6 18-6-18-6Z\"\/><path d=\"M12 21v9c0 2 5.4 4 12 4s12-2 12-4v-9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">LMS<\/span><h3>Learning platforms<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=portfolio\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#E4F5F2;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0B6E63\" stroke-width=\"1.8\"><circle cx=\"24\" cy=\"17\" r=\"6\"\/><path d=\"M12 39c0-7 5.4-12 12-12s12 5 12 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Portfolio<\/span><h3>Personal & agency sites<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=booking\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#EFEDE6;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#14161A\" stroke-width=\"1.8\"><rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"2\"\/><path d=\"M8 18h32M16 6v8M32 6v8\"\/><rect x=\"15\" y=\"24\" width=\"6\" height=\"6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Booking<\/span><h3>Reservation systems<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=multi-vendor\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#FDF2EC;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#D95D16\" stroke-width=\"1.8\"><rect x=\"6\" y=\"22\" width=\"14\" height=\"18\" rx=\"1\"\/><rect x=\"28\" y=\"22\" width=\"14\" height=\"18\" rx=\"1\"\/><path d=\"M6 22l4-8h6l4 8M28 22l4-8h6l4 8M24 6v8M13 6h22\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Marketplace<\/span><h3>Multi-vendor platforms<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=blogging\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#E4F5F2;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0B6E63\" stroke-width=\"1.8\"><path d=\"M12 8h20l4 4v28H12z\"\/><path d=\"M18 20h12M18 26h12M18 32h8\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Blogging<\/span><h3>Content & publishing<\/h3><\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<svg class=\"divider\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\" style=\"background:var(--paper-dim);\"><path d=\"M0 0 L0 20 L60 10 L120 40 L180 15 L240 45 L300 18 L360 48 L420 22 L480 42 L540 16 L600 38 L660 14 L720 44 L780 20 L840 52 L900 26 L960 36 L1020 12 L1080 40 L1140 22 L1200 34 L1200 0 Z\" fill=\"#FAF9F6\"\/><\/svg>\r\n\r\n\r\n<section class=\"section\" id=\"about\">\r\n <div class=\"wrap about-wrap\">\r\n <div data-reveal>\r\n <span class=\"eyebrow\">Our story<\/span>\r\n <h2 style=\"font-size:clamp(24px,3vw,34px); margin:14px 0 20px;\">Built in Jordan, shipped to three countries.<\/h2>\r\n <div class=\"about-copy\">\r\n <p>WEBIT started as one founder's answer to a simple problem: too many good businesses had bad, slow, or nonexistent websites. Four years later, that's grown into a full studio behind more than 100 live projects.<\/p>\r\n <p>We keep the team small on purpose \u2014 small enough that your project doesn't get lost, big enough to cover development, hosting, and everything that keeps a business visible online.<\/p>\r\n <\/div>\r\n <div class=\"founder-tag\">\r\n <div class=\"av\">AG<\/div>\r\n <div>\r\n <div style=\"font-weight:600; font-size:14.5px;\">Ali Ghabin<\/div>\r\n <small>Founder, WEBIT \u2014 est. 2021<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div data-reveal>\r\n <div class=\"timeline\">\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">2021<\/span>\r\n <h3>WEBIT is founded in Jordan<\/h3>\r\n <p>Ali Ghabin starts WEBIT with one goal: build websites businesses actually deserve.<\/p>\r\n <\/div>\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">2022\u20132023<\/span>\r\n <h3>The service list grows<\/h3>\r\n <p>Hosting, domains, email, Google Business and social media join web development under one roof.<\/p>\r\n <\/div>\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">2024\u20132025<\/span>\r\n <h3>Crossing borders<\/h3>\r\n <p>Clients in the USA and Kuwait join the roster alongside a growing base back home in Jordan.<\/p>\r\n <\/div>\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">Today<\/span>\r\n <h3>100+ live websites<\/h3>\r\n <p>Stores, schools, studios and services \u2014 all running on platforms WEBIT built and still supports.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section style=\"padding:0 0 90px;\" id=\"contact\">\r\n <div class=\"cta-band\" data-reveal>\r\n <svg class=\"cta-peak\" viewBox=\"0 0 100 100\" fill=\"none\"><path d=\"M8 22 L30 78 L50 34 L70 78 L92 22\" stroke=\"#16A596\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <div class=\"cta-inner\">\r\n <div>\r\n <span class=\"eyebrow\">Let's talk<\/span>\r\n <h2 style=\"margin-top:14px;\">Ready to build the site your business actually deserves?<\/h2>\r\n <\/div>\r\n <div style=\"display:flex; gap:14px; flex-wrap:wrap;\">\r\n <a href=\"https:\/\/wa.me\/962779080305\" class=\"btn btn-light\" target=\"_blank\" rel=\"noopener\">Get a free quote<\/a>\r\n <a href=\"https:\/\/wa.me\/962779080305\" class=\"btn btn-outline\" style=\"border-color:rgba(255,255,255,.25); color:#fff;\" target=\"_blank\" rel=\"noopener\">WhatsApp us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"foot-grid\">\r\n <div class=\"foot-about\">\r\n<div class=\"foot-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/webitjo.com\/wp-content\/uploads\/2026\/07\/WEBIT-2-1.png\" alt=\"WEBIT Logo\">\r\n<\/div>\r\n <p>A web developmentcompany based in Jordan, building and hosting websites for businesses across the Middle East and the US since 2021.<\/p>\r\n <div class=\"socials\">\r\n <a href=\"https:\/\/www.instagram.com\/webitjo\/\r\n\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/company\/webitjo\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M7 10v7M7 7v.01M11 17v-4.5c0-1.4 1-2.5 2.5-2.5S16 11.1 16 12.5V17\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/wa.me\/962779080305\" aria-label=\"WhatsApp\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M4 20l1.4-4A8 8 0 1 1 9 19l-5 1Z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-col\">\r\n <h4>Services<\/h4>\r\n <a href=\"#services\">Web Development<\/a>\r\n <a href=\"#services\">Web Hosting<\/a>\r\n <a href=\"#services\">Email & Domain<\/a>\r\n <a href=\"https:\/\/wa.me\/962779080305\" target=\"_blank\" rel=\"noopener\">Social Media<\/a>\r\n <\/div>\r\n <div class=\"foot-col\">\r\n <h4>Company<\/h4>\r\n <a href=\"\/Services\">Services<\/a>\r\n <a href=\"\/about\">About<\/a>\r\n <a href=\"\/Projects\">Our Work<\/a>\r\n <a href=\"\/products\">Products<\/a>\r\n <a href=\"\/contact-us\">Contact<\/a>\r\n <\/div>\r\n <div class=\"foot-col\">\r\n <h4>Get in touch<\/h4>\r\n <a href=\"mailto:hello@webit.jo\">info@webitjo.com<\/a>\r\n <a href=\"tel:00962779080305\">00962779080305<\/a>\r\n <a href=\"#\">Amman, Jordan<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span>\u00a9 2021 - 2026 WEBIT. All rights reserved.<\/span>\r\n <span>Founded by Ali Ghabin \u00b7 Jordan \ud83c\uddef\ud83c\uddf4<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ sticky header shrink\r\n const header = document.getElementById('siteHeader');\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('shrink', window.scrollY > 30);\r\n }, {passive:true});\r\n\r\n \/\/ mobile menu\r\n const burger = document.getElementById('burgerBtn');\r\n const panel = document.getElementById('mobilePanel');\r\n burger.addEventListener('click', () => panel.classList.toggle('open'));\r\n panel.querySelectorAll('a').forEach(a => a.addEventListener('click', () => panel.classList.remove('open')));\r\n\r\n \/\/ scroll reveal\r\n const revealEls = document.querySelectorAll('[data-reveal]');\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, {threshold:0.15});\r\n revealEls.forEach(el => io.observe(el));\r\n\r\n \/\/ count-up stats\r\n const counters = document.querySelectorAll('[data-count]');\r\n const countIO = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) return;\r\n const el = entry.target;\r\n const target = parseInt(el.getAttribute('data-count'), 10);\r\n const suffix = el.getAttribute('data-suffix') || '';\r\n const dur = 1400;\r\n const start = performance.now();\r\n function tick(now){\r\n const p = Math.min(1, (now - start) \/ dur);\r\n const eased = 1 - Math.pow(1 - p, 3);\r\n el.textContent = Math.round(target * eased) + suffix;\r\n if (p < 1) requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n countIO.unobserve(el);\r\n });\r\n }, {threshold:0.4});\r\n counters.forEach(el => countIO.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>WEBIT \u2014 We build the web your business stands on Home Services Work Products About Contact Get a quote Home Services Work Products About Contact Jordan \u2192 USA \u2192 Kuwait \u2192 Palestine We build the web your business stands on. Since 2021, WEBIT has designed, built and hosted 100+ live websites and stores, learning portals, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":86,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":880,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/90\/revisions\/880"}],"wp:attachment":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nWEBIT \u2014 We build the web your business stands on<\/title>\r\n\r\n<style>\r\n\r\n :root{\r\n --teal:#16A596;\r\n --teal-dark:#0B6E63;\r\n --teal-tint:#E4F5F2;\r\n --ink:#14161A;\r\n --ink-soft:#4A4F55;\r\n --paper:#FAF9F6;\r\n --paper-dim:#F0EFEA;\r\n --white:#FFFFFF;\r\n --radius:14px;\r\n --ease:cubic-bezier(.16,.8,.3,1);\r\n }\r\n *{box-sizing:border-box; margin:0; padding:0;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n font-family:'Inter',sans-serif;\r\n background:var(--paper);\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n img,svg{display:block; max-width:100%;}\r\n a{color:inherit; text-decoration:none;}\r\n ul{list-style:none;}\r\n .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}\r\n h1,h2,h3{font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em; line-height:1.05;}\r\n .eyebrow{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:12.5px;\r\n font-weight:600;\r\n letter-spacing:.14em;\r\n text-transform:uppercase;\r\n color:var(--teal-dark);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:7px; height:7px;\r\n background:var(--teal);\r\n border-radius:50%;\r\n box-shadow:0 0 0 4px var(--teal-tint);\r\n }\r\n .btn{\r\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\r\n font-family:'Inter',sans-serif; font-weight:600; font-size:15px;\r\n padding:14px 26px; border-radius:999px; border:1.5px solid transparent;\r\n cursor:pointer; transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s, color .3s, border-color .3s;\r\n white-space:nowrap;\r\n }\r\n .btn-solid{background:var(--ink); color:var(--white);}\r\n .btn-solid:hover{background:var(--teal-dark); transform:translateY(-2px); box-shadow:0 12px 24px -8px rgba(11,110,99,.55); color:white;}\r\n .btn-outline{border-color:rgba(20,22,26,.18); color:var(--ink); background:transparent;}\r\n .btn-outline:hover{border-color:var(--ink); transform:translateY(-2px);}\r\n .btn-light{background:var(--white); color:var(--ink);}\r\n .btn-light:hover{background:var(--teal); color:var(--white); transform:translateY(-2px);}\r\n\r\n \/* ---------- reveal on scroll ---------- *\/\r\n [data-reveal]{opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease);}\r\n [data-reveal].in-view{opacity:1; transform:translateY(0);}\r\n [data-reveal=\"stagger\"] > *{opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .7s var(--ease);}\r\n [data-reveal=\"stagger\"].in-view > *{opacity:1; transform:translateY(0);}\r\n [data-reveal=\"stagger\"] > *:nth-child(1){transition-delay:.02s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(2){transition-delay:.10s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(3){transition-delay:.18s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(4){transition-delay:.26s;}\r\n [data-reveal=\"stagger\"] > *:nth-child(5){transition-delay:.34s;}\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n [data-reveal], [data-reveal=\"stagger\"] > *{opacity:1 !important; transform:none !important; transition:none !important;}\r\n *{animation:none !important;}\r\n }\r\n\r\n \/* ---------- nav ---------- *\/\r\n .nav-links{display:flex; align-items:center; gap:34px;}\r\n .nav-links a{font-size:14.5px; font-weight:500; color:var(--ink-soft); position:relative; padding:4px 0;}\r\n .nav-links a::after{content:\"\";position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--teal); transition:width .3s var(--ease);}\r\n .nav-links a:hover{color:var(--ink);}\r\n .nav-links a:hover::after{width:100%;}\r\n .nav-links a.active{color:var(--ink);}\r\n .nav-links a.active::after{width:100%;}\r\n .nav-cta{display:flex; align-items:center; gap:18px;}\r\n .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:0; padding:6px;}\r\n .burger span{width:22px; height:2px; background:var(--ink); border-radius:2px; transition:transform .3s, opacity .3s;}\r\n .mobile-panel{display:none; position:fixed; inset:0 0 auto 0; top:64px; background:var(--paper); border-bottom:1px solid rgba(20,22,26,.08); padding:20px 24px 28px; z-index:99;}\r\n .mobile-panel a{display:block; padding:12px 0; font-size:16px; font-weight:600; border-bottom:1px solid rgba(20,22,26,.06);}\r\n .mobile-panel.open{display:block;}\r\n header{\r\n position:sticky; top:0; z-index:100;\r\n background:rgba(250,249,246,.82);\r\n backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);\r\n border-bottom:1px solid rgba(20,22,26,.07);\r\n transition:padding .3s var(--ease);\r\n }\r\n nav.wrap{display:flex; align-items:center; justify-content:space-between; padding-top:18px; padding-bottom:18px; transition:padding .3s var(--ease);}\r\n header.shrink nav.wrap{padding-top:11px; padding-bottom:11px;}\r\n .logo{display:flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:21px;}\r\n .logo .mark{width:26px; height:26px;}\r\n .logo b{color:var(--teal-dark);}\r\n .nav-links{display:flex; align-items:center; gap:34px;}\r\n .nav-links a{font-size:14.5px; font-weight:500; color:var(--ink-soft); position:relative; padding:4px 0;}\r\n .nav-links a::after{content:\"\";position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--teal); transition:width .3s var(--ease);}\r\n .nav-links a:hover{color:var(--ink);}\r\n .nav-links a:hover::after{width:100%;}\r\n .nav-cta{display:flex; align-items:center; gap:18px;}\r\n .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:0; padding:6px;}\r\n .burger span{width:22px; height:2px; background:var(--ink); border-radius:2px; transition:transform .3s, opacity .3s;}\r\n .mobile-panel{display:none; position:fixed; inset:0 0 auto 0; top:64px; background:var(--paper); border-bottom:1px solid rgba(20,22,26,.08); padding:20px 24px 28px; z-index:99;}\r\n .mobile-panel a{display:block; padding:12px 0; font-size:16px; font-weight:600; border-bottom:1px solid rgba(20,22,26,.06);}\r\n .mobile-panel.open{display:block;}\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{position:relative; padding:96px 0 60px; overflow:hidden;}\r\n .hero-peak-wm{position:absolute; top:-40px; right:-140px; width:640px; opacity:.16; pointer-events:none;}\r\n .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; position:relative; z-index:1;}\r\n .hero h1{font-size:clamp(34px,4.6vw,58px); margin:18px 0 22px; font-weight:700;}\r\n .hero h1 .hl{color:var(--teal-dark); position:relative; white-space:nowrap;}\r\n .hero p.lead{font-size:18px; color:var(--ink-soft); max-width:520px; margin-bottom:32px; line-height:1.6;}\r\n .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:38px;}\r\n .trust-row{display:flex; flex-wrap:wrap; gap:10px;}\r\n .trust-chip{\r\n font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600;\r\n background:var(--white); border:1px solid rgba(20,22,26,.08);\r\n padding:8px 14px; border-radius:999px; color:var(--ink-soft);\r\n display:flex; align-items:center; gap:7px;\r\n }\r\n .trust-chip::before{content:\"\u25b2\"; color:var(--teal); font-size:9px;}\r\n\r\n \/* hero visual: code-card *\/\r\n .code-card{\r\n background:var(--ink); border-radius:18px; padding:0; overflow:hidden;\r\n box-shadow:0 40px 80px -30px rgba(20,22,26,.45);\r\n transform:rotate(1.2deg);\r\n transition:transform .5s var(--ease);\r\n }\r\n .code-card:hover{transform:rotate(0deg) translateY(-4px);}\r\n .code-top{display:flex; align-items:center; gap:8px; padding:14px 18px; background:#0F1114; border-bottom:1px solid rgba(255,255,255,.06);}\r\n .code-top span{width:11px; height:11px; border-radius:50%;}\r\n .code-top span:nth-child(1){background:#FF5F57;}\r\n .code-top span:nth-child(2){background:#FEBC2E;}\r\n .code-top span:nth-child(3){background:#28C840;}\r\n .code-top small{margin-left:auto; font-family:'JetBrains Mono',monospace; color:#7D8590; font-size:11.5px;}\r\n .code-body{padding:26px 24px 30px; font-family:'JetBrains Mono',monospace; font-size:13.5px; line-height:1.9; color:#B7C4D0;}\r\n .code-body .ln{color:#4F5860; display:inline-block; width:22px; user-select:none;}\r\n .code-body .tag{color:var(--teal);}\r\n .code-body .attr{color:#E4B76A;}\r\n .code-body .str{color:#8CD7C6;}\r\n .code-body .cursor{display:inline-block; width:7px; height:15px; background:var(--teal); vertical-align:middle; animation:blink 1s steps(1) infinite;}\r\n @keyframes blink{50%{opacity:0;}}\r\n\r\n \/* ---------- jagged divider ---------- *\/\r\n .divider{display:block; width:100%; height:56px;}\r\n .divider.flip{transform:scaleY(-1);}\r\n\r\n \/* ---------- marquee ---------- *\/\r\n .marquee-band{background:var(--ink); overflow:hidden; padding:16px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);}\r\n .marquee-track{display:flex; width:max-content; animation:scroll-left 26s linear infinite;}\r\n .marquee-band:hover .marquee-track{animation-play-state:paused;}\r\n .marquee-track span{\r\n font-family:'JetBrains Mono',monospace; font-weight:600; font-size:14px;\r\n color:#8B949E; letter-spacing:.08em; padding:0 22px; white-space:nowrap;\r\n }\r\n .marquee-track span.on{color:var(--teal);}\r\n @keyframes scroll-left{from{transform:translateX(0);} to{transform:translateX(-50%);}}\r\n\r\n \/* ---------- stats ---------- *\/\r\n .stats{background:var(--teal); position:relative; padding:64px 0 44px; overflow:hidden;}\r\n .stats-skyline{position:absolute; bottom:0; left:0; width:100%; opacity:.25;}\r\n .stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; z-index:1;}\r\n .stat b{font-family:'Space Grotesk',sans-serif; font-size:clamp(30px,3.6vw,44px); color:var(--white); display:block; font-weight:700;}\r\n .stat span{font-family:'JetBrains Mono',monospace; font-size:12.5px; color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.08em;}\r\n\r\n \/* ---------- section heading ---------- *\/\r\n .section{padding:88px 0;}\r\n .section-head{max-width:620px; margin-bottom:52px;}\r\n .section-head h2{font-size:clamp(26px,3.2vw,38px); margin-top:14px; font-weight:700;}\r\n .section-head p{color:var(--ink-soft); font-size:16px; margin-top:14px; line-height:1.65;}\r\n\r\n \/* ---------- services ---------- *\/\r\n .services-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}\r\n .svc-card{\r\n background:var(--white); border:1px solid rgba(20,22,26,.07); border-radius:var(--radius);\r\n padding:26px 20px; transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;\r\n }\r\n .svc-card:hover{transform:translateY(-8px); box-shadow:0 26px 44px -20px rgba(11,110,99,.30);}\r\n .svc-icon{width:44px; height:44px; border-radius:11px; background:var(--teal-tint); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}\r\n .svc-icon svg{width:22px; height:22px; stroke:var(--teal-dark);}\r\n .svc-card h3{font-size:16.5px; font-weight:600; margin-bottom:8px;}\r\n .svc-card p{font-size:13.8px; color:var(--ink-soft); line-height:1.55;}\r\n\r\n \/* ---------- work showcase ---------- *\/\r\n .work-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:18px;}\r\n .work-card{border-radius:var(--radius); overflow:hidden; background:var(--white); border:1px solid rgba(20,22,26,.07); transition:transform .4s var(--ease), box-shadow .4s var(--ease);}\r\n .work-card:hover{ border-color:var(--teal);transform:translateY(-8px); box-shadow:0 26px 44px -20px rgba(20,22,26,.22);}\r\n .work-chrome{background:#EDECE7; padding:9px 10px; display:flex; align-items:center; gap:5px; border-bottom:1px solid rgba(20,22,26,.06);}\r\n .work-chrome span{width:7px; height:7px; border-radius:50%; background:rgba(20,22,26,.18);}\r\n .work-screen{height:118px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}\r\n .work-screen svg{width:56%; height:56%;}\r\n .work-info{padding:16px 16px 20px;}\r\n .work-tag{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; color:var(--teal-dark); text-transform:uppercase; letter-spacing:.07em;}\r\n .work-info h3{font-size:15px; margin-top:6px; font-weight:600;}\r\n\r\n \/* ---------- about \/ timeline ---------- *\/\r\n .about-wrap{display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:start;}\r\n .about-copy p{color:var(--ink-soft); font-size:16px; line-height:1.75; margin-bottom:16px;}\r\n .founder-tag{display:inline-flex; align-items:center; gap:10px; margin-top:8px; padding:8px 16px 8px 8px; background:var(--white); border:1px solid rgba(20,22,26,.08); border-radius:999px;}\r\n .founder-tag .av{width:34px; height:34px; border-radius:50%; background:var(--ink); color:var(--teal); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px;}\r\n .founder-tag small{font-family:'JetBrains Mono',monospace; color:var(--ink-soft); font-size:12px;}\r\n\r\n .timeline{position:relative; padding-left:26px;}\r\n .timeline::before{content:\"\"; position:absolute; left:5px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--teal), var(--teal-tint));}\r\n .t-item{position:relative; padding-bottom:34px;}\r\n .t-item:last-child{padding-bottom:0;}\r\n .t-item::before{content:\"\"; position:absolute; left:-26px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 4px var(--teal-tint);}\r\n .t-year{font-family:'JetBrains Mono',monospace; font-weight:600; color:var(--teal-dark); font-size:13px;}\r\n .t-item h3{font-size:16.5px; margin:6px 0 6px; font-weight:600;}\r\n .t-item p{font-size:14.5px; color:var(--ink-soft); line-height:1.6;}\r\n\r\n \/* ---------- CTA band ---------- *\/\r\n .cta-band{background:var(--ink); border-radius:26px; margin:0 24px; padding:64px 48px; position:relative; overflow:hidden;}\r\n .cta-inner{max-width:1132px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; position:relative; z-index:1;}\r\n .cta-band h2{color:var(--white); font-size:clamp(24px,3vw,34px); max-width:520px;}\r\n .cta-band .eyebrow{color:var(--teal);}\r\n .cta-band .eyebrow::before{box-shadow:0 0 0 4px rgba(22,165,150,.25);}\r\n .cta-peak{position:absolute; bottom:-2px; right:-2px; width:340px; opacity:.5;}\r\n\r\n \/* ---------- footer ---------- *\/\r\n footer{background:var(--ink); color:#B9BEC4; padding:64px 0 28px; margin-top:0;}\r\n .foot-grid{display:grid; grid-template-columns:1.4fr .8fr .8fr 1fr; gap:40px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.08);}\r\n .foot-logo{display:flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:20px; color:var(--white); margin-bottom:14px;}\r\n .foot-logo .mark{width:24px; height:24px;}\r\n .foot-about p{font-size:14px; line-height:1.65; max-width:280px;}\r\n .foot-col h4{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#7D8590; margin-bottom:16px;}\r\n .foot-col a{display:block; font-size:14.5px; margin-bottom:11px; color:#B9BEC4; transition:color .25s;}\r\n .foot-col a:hover{color:var(--teal);}\r\n .socials{display:flex; gap:10px; margin-top:16px;}\r\n .socials a{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; transition:background .3s, transform .3s;}\r\n .socials a:hover{background:var(--teal); transform:translateY(-3px);}\r\n .socials svg{width:16px; height:16px; stroke:#fff;}\r\n .foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:24px; font-size:13px; flex-wrap:wrap; gap:10px;}\r\n\r\n \/* ---------- responsive ---------- *\/\r\n @media (max-width:980px){\r\n .hero-grid{grid-template-columns:1fr;}\r\n .hero-peak-wm{display:none;}\r\n .services-grid{grid-template-columns:repeat(3,1fr);}\r\n .work-grid{grid-template-columns:repeat(3,1fr);}\r\n .about-wrap{grid-template-columns:1fr; gap:40px;}\r\n .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:28px;}\r\n .foot-grid{grid-template-columns:1fr 1fr;}\r\n }\r\n @media (max-width:720px){\r\n .nav-links, .nav-cta .btn-outline{display:none;}\r\n .burger{display:flex;}\r\n .services-grid{grid-template-columns:repeat(2,1fr);}\r\n .work-grid{grid-template-columns:repeat(2,1fr);}\r\n .cta-band{margin:0 14px; padding:48px 24px;}\r\n .cta-inner{justify-content:center; text-align:center;}\r\n .foot-grid{grid-template-columns:1fr;}\r\n }\r\n @media (max-width:480px){\r\n .services-grid, .work-grid{grid-template-columns:1fr 1fr;}\r\n .hero{padding:34px 0 40px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header id=\"siteHeader\">\r\n <nav class=\"wrap\">\r\n <a href=\"\/webit-web-development-hosting-digital-marketing-agency-in-jordan-\u0648\u064a\u0628-\u0625\u062a-\u0634\u0631\u0643\u0629-\u062a\u0635\u0645\u064a\u0645-\u0648\u062a\u0637\u0648\u064a\u0631\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/webitjo.com\/wp-content\/uploads\/2024\/04\/WEBIT-JO-Logo-e1714165813669.png\" alt=\"WEBIT JO Logo\">\r\n<\/a>\r\n\r\n<style>\r\n.logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n}\r\n\r\n.logo img {\r\n width: 170px;\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .logo img {\r\n width: 130px;\r\n }\r\n}\r\n<\/style>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"\/Services\">Services<\/a><\/li>\r\n <li><a href=\"m\/Projects\">Work<\/a><\/li>\r\n <li><a href=\"\/products\">Products<\/a> <\/li>\r\n <li><a href=\"\/about\">About<\/a><\/li>\r\n <li><a href=\"\/contact-us\" >Contact<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-cta\">\r\n <a href=\"\/contact-us\" class=\"btn btn-outline\" style=\"padding:10px 18px; font-size:14px;\">Get a quote<\/a>\r\n <button class=\"burger\" id=\"burgerBtn\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/nav>\r\n <div class=\"mobile-panel\" id=\"mobilePanel\">\r\n <a href=\"#\" class=\"active\">Home<\/a>\r\n <a href=\"\/Services\">Services<\/a>\r\n <a href=\"\/Projects\">Work<\/a>\r\n <a href=\"\/products\">Products<\/a>\r\n <a href=\"\/about\">About<\/a>\r\n <a href=\"\/contact-us\">Contact<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\" id=\"top\">\r\n <svg class=\"hero-peak-wm\" viewBox=\"0 0 100 100\" fill=\"none\">\r\n <path d=\"M8 22 L30 78 L50 34 L70 78 L92 22\" stroke=\"#16A596\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <div class=\"wrap hero-grid\">\r\n <div data-reveal>\r\n <span class=\"eyebrow\">Jordan \u2192 USA \u2192 Kuwait \u2192 Palestine<\/span>\r\n <h1>We build the web your <span class=\"hl\">business<\/span> stands on.<\/h1>\r\n <p class=\"lead\">Since 2021, WEBIT has designed, built and hosted 100+ live websites and stores, learning portals, booking systems and more for businesses across the Middle East and beyond.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"https:\/\/wa.me\/962779080305\" class=\"btn btn-solid\" target=\"_blank\" rel=\"noopener\">Start a project \u2192<\/a>\r\n <a href=\"#work\" class=\"btn btn-outline\">See our work<\/a>\r\n <\/div>\r\n <div class=\"trust-row\">\r\n <span class=\"trust-chip\">100+ live sites<\/span>\r\n <span class=\"trust-chip\">5+ countries<\/span>\r\n <span class=\"trust-chip\">Founded 2021<\/span>\r\n <span class=\"trust-chip\">5 services, 1 team<\/span>\r\n <\/div>\r\n <\/div>\r\n <div data-reveal>\r\n <div class=\"code-card\">\r\n <div class=\"code-top\"><span><\/span><span><\/span><span><\/span><small>project.build<\/small><\/div>\r\n <div class=\"code-body\">\r\n<div><span class=\"ln\">01<\/span><span class=\"tag\"><client<\/span> <span class=\"attr\">industry<\/span>=<span class=\"str\">\"retail\"<\/span><span class=\"tag\">><\/span><\/div>\r\n<div><span class=\"ln\">02<\/span> <span class=\"tag\"><site<\/span> <span class=\"attr\">type<\/span>=<span class=\"str\">\"ecommerce\"<\/span> <span class=\"attr\">status<\/span>=<span class=\"str\">\"live\"<\/span> <span class=\"tag\">\/><\/span><\/div>\r\n<div><span class=\"ln\">03<\/span> <span class=\"tag\"><hosting<\/span> <span class=\"attr\">uptime<\/span>=<span class=\"str\">\"99.9%\"<\/span> <span class=\"tag\">\/><\/span><\/div>\r\n<div><span class=\"ln\">04<\/span> <span class=\"tag\"><support<\/span> <span class=\"attr\">team<\/span>=<span class=\"str\">\"webit\"<\/span> <span class=\"tag\">\/><\/span><\/div>\r\n<div><span class=\"ln\">05<\/span><span class=\"tag\"><\/client><\/span><\/div>\r\n<div><span class=\"ln\">06<\/span><span class=\"cursor\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<svg class=\"divider\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\"><path d=\"M0 60 L0 30 L60 45 L120 15 L180 40 L240 10 L300 35 L360 8 L420 32 L480 12 L540 38 L600 18 L660 42 L720 14 L780 36 L840 6 L900 30 L960 20 L1020 44 L1080 16 L1140 34 L1200 22 L1200 60 Z\" fill=\"#14161A\"\/><\/svg>\r\n\r\n\r\n<div class=\"marquee-band\">\r\n <div class=\"marquee-track\">\r\n <span class=\"on\">ECOMMERCE<\/span><span>\u2022<\/span><span>LMS<\/span><span>\u2022<\/span><span class=\"on\">PORTFOLIO<\/span><span>\u2022<\/span><span>BOOKING<\/span><span>\u2022<\/span><span class=\"on\">BLOGGING<\/span><span>\u2022<\/span>\r\n <span class=\"on\">ECOMMERCE<\/span><span>\u2022<\/span><span>LMS<\/span><span>\u2022<\/span><span class=\"on\">PORTFOLIO<\/span><span>\u2022<\/span><span>BOOKING<\/span><span>\u2022<\/span><span class=\"on\">BLOGGING<\/span><span>\u2022<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"stats\">\r\n <svg class=\"stats-skyline\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\"><path d=\"M0 60 L0 40 L60 50 L120 20 L180 45 L240 15 L300 42 L360 12 L420 38 L480 18 L540 44 L600 22 L660 46 L720 16 L780 40 L840 8 L900 34 L960 24 L1020 48 L1080 20 L1140 38 L1200 26 L1200 60 Z\" fill=\"#0B6E63\"\/><\/svg>\r\n <div class=\"wrap stats-grid\" data-reveal=\"stagger\">\r\n <div class=\"stat\"><b data-count=\"100\" data-suffix=\"+\">0<\/b><span>Live websites shipped<\/span><\/div>\r\n <div class=\"stat\"><b data-count=\"2021\" data-suffix=\"\">0<\/b><span>Year we started climbing<\/span><\/div>\r\n <div class=\"stat\"><b data-count=\"5\" data-suffix=\"+\">0<\/b><span>Countries served<\/span><\/div>\r\n <div class=\"stat\"><b data-count=\"4\" data-suffix=\"\">0<\/b><span>Services, one roof<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<svg class=\"divider flip\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\"><path d=\"M0 60 L0 40 L60 50 L120 20 L180 45 L240 15 L300 42 L360 12 L420 38 L480 18 L540 44 L600 22 L660 46 L720 16 L780 40 L840 8 L900 34 L960 24 L1020 48 L1080 20 L1140 38 L1200 26 L1200 60 Z\" fill=\"#16A596\"\/><\/svg>\r\n\r\n\r\n<section class=\"section\" id=\"services\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\" data-reveal>\r\n <span class=\"eyebrow\">What we do<\/span>\r\n <h2>Everything your business needs online, under one roof.<\/h2>\r\n <p>From the first line of code to the domain renewal five years later \u2014 we handle it, so you can run your business instead of your website.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\" data-reveal=\"stagger\">\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3 3 12l5 9M16 3l5 9-5 9M13 3l-2 18\"\/><\/svg><\/div>\r\n <h3>Web Development<\/h3>\r\n <p>Custom stores, LMS platforms, booking systems and portfolios, built to convert and easy to manage.<\/p>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/><path d=\"M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"\/><\/svg><\/div>\r\n <h3>Web Hosting<\/h3>\r\n <p>Fast, secure servers with real uptime and a team that answers when something needs attention.<\/p>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/div>\r\n <h3>Email & Domain<\/h3>\r\n <p>Your name, your inbox. We register, connect and maintain the domain and email that make you official.<\/p>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-5.2-9.5-9.5C.8 8 2.2 4.5 5.6 3.8c2-.4 3.7.4 4.9 1.9 1.2-1.5 2.9-2.3 4.9-1.9 3.4.7 4.8 4.2 3.1 7.7C19 15.8 12 21 12 21Z\" opacity=\"0\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9 12h6M12 9v6\"\/><\/svg><\/div>\r\n <h3>Google Business<\/h3>\r\n <p>Get found on Search and Maps with a profile that's set up right and kept up to date.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\" id=\"work\" style=\"background:var(--paper-dim); padding-top:88px;\">\r\n <style>\r\n \/* Ensure cards act cleanly as layout anchors *\/\r\n a.work-card {\r\n display: block;\r\n text-decoration: none !important;\r\n color: inherit !important;\r\n cursor: pointer;\r\n transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;\r\n }\r\n \r\n \/* Elegant hover elevation effect *\/\r\n a.work-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Keep svgs crisp inside anchors *\/\r\n a.work-card svg {\r\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n \r\n a.work-card:hover .work-screen svg {\r\n transform: scale(1.05);\r\n }\r\n <\/style>\r\n\r\n <div class=\"wrap\">\r\n <div class=\"section-head\" data-reveal>\r\n <span class=\"eyebrow\">What we've launched<\/span>\r\n <h2>100+ sites, six kinds of business problems solved.<\/h2>\r\n <p>Every project starts from one of these \u2014 then gets shaped around what your business actually needs.<\/p>\r\n <\/div>\r\n \r\n <div class=\"work-grid\" data-reveal=\"stagger\">\r\n \r\n \r\n <a href=\"\/projects\/?project_cat=e-commerce\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#E4F5F2;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0B6E63\" stroke-width=\"1.8\"><rect x=\"8\" y=\"14\" width=\"32\" height=\"24\" rx=\"2\"\/><path d=\"M16 14v-3a8 8 0 0 1 16 0v3\"\/><circle cx=\"18\" cy=\"24\" r=\"1.4\" fill=\"#0B6E63\"\/><circle cx=\"30\" cy=\"24\" r=\"1.4\" fill=\"#0B6E63\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Ecommerce<\/span><h3>Online stores that sell<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=lms\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#EFEDE6;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#14161A\" stroke-width=\"1.8\"><path d=\"M24 12 6 18l18 6 18-6-18-6Z\"\/><path d=\"M12 21v9c0 2 5.4 4 12 4s12-2 12-4v-9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">LMS<\/span><h3>Learning platforms<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=portfolio\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#E4F5F2;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0B6E63\" stroke-width=\"1.8\"><circle cx=\"24\" cy=\"17\" r=\"6\"\/><path d=\"M12 39c0-7 5.4-12 12-12s12 5 12 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Portfolio<\/span><h3>Personal & agency sites<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=booking\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#EFEDE6;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#14161A\" stroke-width=\"1.8\"><rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"2\"\/><path d=\"M8 18h32M16 6v8M32 6v8\"\/><rect x=\"15\" y=\"24\" width=\"6\" height=\"6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Booking<\/span><h3>Reservation systems<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=multi-vendor\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#FDF2EC;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#D95D16\" stroke-width=\"1.8\"><rect x=\"6\" y=\"22\" width=\"14\" height=\"18\" rx=\"1\"\/><rect x=\"28\" y=\"22\" width=\"14\" height=\"18\" rx=\"1\"\/><path d=\"M6 22l4-8h6l4 8M28 22l4-8h6l4 8M24 6v8M13 6h22\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Marketplace<\/span><h3>Multi-vendor platforms<\/h3><\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"\/projects\/?project_cat=blogging\" class=\"work-card\">\r\n <div class=\"work-chrome\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"work-screen\" style=\"background:#E4F5F2;\">\r\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0B6E63\" stroke-width=\"1.8\"><path d=\"M12 8h20l4 4v28H12z\"\/><path d=\"M18 20h12M18 26h12M18 32h8\"\/><\/svg>\r\n <\/div>\r\n <div class=\"work-info\"><span class=\"work-tag\">Blogging<\/span><h3>Content & publishing<\/h3><\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<svg class=\"divider\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\" style=\"background:var(--paper-dim);\"><path d=\"M0 0 L0 20 L60 10 L120 40 L180 15 L240 45 L300 18 L360 48 L420 22 L480 42 L540 16 L600 38 L660 14 L720 44 L780 20 L840 52 L900 26 L960 36 L1020 12 L1080 40 L1140 22 L1200 34 L1200 0 Z\" fill=\"#FAF9F6\"\/><\/svg>\r\n\r\n\r\n<section class=\"section\" id=\"about\">\r\n <div class=\"wrap about-wrap\">\r\n <div data-reveal>\r\n <span class=\"eyebrow\">Our story<\/span>\r\n <h2 style=\"font-size:clamp(24px,3vw,34px); margin:14px 0 20px;\">Built in Jordan, shipped to three countries.<\/h2>\r\n <div class=\"about-copy\">\r\n <p>WEBIT started as one founder's answer to a simple problem: too many good businesses had bad, slow, or nonexistent websites. Four years later, that's grown into a full studio behind more than 100 live projects.<\/p>\r\n <p>We keep the team small on purpose \u2014 small enough that your project doesn't get lost, big enough to cover development, hosting, and everything that keeps a business visible online.<\/p>\r\n <\/div>\r\n <div class=\"founder-tag\">\r\n <div class=\"av\">AG<\/div>\r\n <div>\r\n <div style=\"font-weight:600; font-size:14.5px;\">Ali Ghabin<\/div>\r\n <small>Founder, WEBIT \u2014 est. 2021<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div data-reveal>\r\n <div class=\"timeline\">\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">2021<\/span>\r\n <h3>WEBIT is founded in Jordan<\/h3>\r\n <p>Ali Ghabin starts WEBIT with one goal: build websites businesses actually deserve.<\/p>\r\n <\/div>\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">2022\u20132023<\/span>\r\n <h3>The service list grows<\/h3>\r\n <p>Hosting, domains, email, Google Business and social media join web development under one roof.<\/p>\r\n <\/div>\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">2024\u20132025<\/span>\r\n <h3>Crossing borders<\/h3>\r\n <p>Clients in the USA and Kuwait join the roster alongside a growing base back home in Jordan.<\/p>\r\n <\/div>\r\n <div class=\"t-item\">\r\n <span class=\"t-year\">Today<\/span>\r\n <h3>100+ live websites<\/h3>\r\n <p>Stores, schools, studios and services \u2014 all running on platforms WEBIT built and still supports.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section style=\"padding:0 0 90px;\" id=\"contact\">\r\n <div class=\"cta-band\" data-reveal>\r\n <svg class=\"cta-peak\" viewBox=\"0 0 100 100\" fill=\"none\"><path d=\"M8 22 L30 78 L50 34 L70 78 L92 22\" stroke=\"#16A596\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <div class=\"cta-inner\">\r\n <div>\r\n <span class=\"eyebrow\">Let's talk<\/span>\r\n <h2 style=\"margin-top:14px;\">Ready to build the site your business actually deserves?<\/h2>\r\n <\/div>\r\n <div style=\"display:flex; gap:14px; flex-wrap:wrap;\">\r\n <a href=\"https:\/\/wa.me\/962779080305\" class=\"btn btn-light\" target=\"_blank\" rel=\"noopener\">Get a free quote<\/a>\r\n <a href=\"https:\/\/wa.me\/962779080305\" class=\"btn btn-outline\" style=\"border-color:rgba(255,255,255,.25); color:#fff;\" target=\"_blank\" rel=\"noopener\">WhatsApp us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"foot-grid\">\r\n <div class=\"foot-about\">\r\n<div class=\"foot-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/webitjo.com\/wp-content\/uploads\/2026\/07\/WEBIT-2-1.png\" alt=\"WEBIT Logo\">\r\n<\/div>\r\n <p>A web developmentcompany based in Jordan, building and hosting websites for businesses across the Middle East and the US since 2021.<\/p>\r\n <div class=\"socials\">\r\n <a href=\"https:\/\/www.instagram.com\/webitjo\/\r\n\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/company\/webitjo\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M7 10v7M7 7v.01M11 17v-4.5c0-1.4 1-2.5 2.5-2.5S16 11.1 16 12.5V17\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/wa.me\/962779080305\" aria-label=\"WhatsApp\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M4 20l1.4-4A8 8 0 1 1 9 19l-5 1Z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-col\">\r\n <h4>Services<\/h4>\r\n <a href=\"#services\">Web Development<\/a>\r\n <a href=\"#services\">Web Hosting<\/a>\r\n <a href=\"#services\">Email & Domain<\/a>\r\n <a href=\"https:\/\/wa.me\/962779080305\" target=\"_blank\" rel=\"noopener\">Social Media<\/a>\r\n <\/div>\r\n <div class=\"foot-col\">\r\n <h4>Company<\/h4>\r\n <a href=\"\/Services\">Services<\/a>\r\n <a href=\"\/about\">About<\/a>\r\n <a href=\"\/Projects\">Our Work<\/a>\r\n <a href=\"\/products\">Products<\/a>\r\n <a href=\"\/contact-us\">Contact<\/a>\r\n <\/div>\r\n <div class=\"foot-col\">\r\n <h4>Get in touch<\/h4>\r\n <a href=\"mailto:hello@webit.jo\">info@webitjo.com<\/a>\r\n <a href=\"tel:00962779080305\">00962779080305<\/a>\r\n <a href=\"#\">Amman, Jordan<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span>\u00a9 2021 - 2026 WEBIT. All rights reserved.<\/span>\r\n <span>Founded by Ali Ghabin \u00b7 Jordan \ud83c\uddef\ud83c\uddf4<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ sticky header shrink\r\n const header = document.getElementById('siteHeader');\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('shrink', window.scrollY > 30);\r\n }, {passive:true});\r\n\r\n \/\/ mobile menu\r\n const burger = document.getElementById('burgerBtn');\r\n const panel = document.getElementById('mobilePanel');\r\n burger.addEventListener('click', () => panel.classList.toggle('open'));\r\n panel.querySelectorAll('a').forEach(a => a.addEventListener('click', () => panel.classList.remove('open')));\r\n\r\n \/\/ scroll reveal\r\n const revealEls = document.querySelectorAll('[data-reveal]');\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, {threshold:0.15});\r\n revealEls.forEach(el => io.observe(el));\r\n\r\n \/\/ count-up stats\r\n const counters = document.querySelectorAll('[data-count]');\r\n const countIO = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) return;\r\n const el = entry.target;\r\n const target = parseInt(el.getAttribute('data-count'), 10);\r\n const suffix = el.getAttribute('data-suffix') || '';\r\n const dur = 1400;\r\n const start = performance.now();\r\n function tick(now){\r\n const p = Math.min(1, (now - start) \/ dur);\r\n const eased = 1 - Math.pow(1 - p, 3);\r\n el.textContent = Math.round(target * eased) + suffix;\r\n if (p < 1) requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n countIO.unobserve(el);\r\n });\r\n }, {threshold:0.4});\r\n counters.forEach(el => countIO.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>WEBIT \u2014 We build the web your business stands on Home Services Work Products About Contact Get a quote Home Services Work Products About Contact Jordan \u2192 USA \u2192 Kuwait \u2192 Palestine We build the web your business stands on. Since 2021, WEBIT has designed, built and hosted 100+ live websites and stores, learning portals, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":86,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":880,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/90\/revisions\/880"}],"wp:attachment":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}