{"id":178,"date":"2026-07-09T01:53:12","date_gmt":"2026-07-09T01:53:12","guid":{"rendered":"https:\/\/webitjo.com\/?page_id=178"},"modified":"2026-08-23T20:04:36","modified_gmt":"2026-08-23T17:04:36","slug":"about","status":"publish","type":"page","link":"https:\/\/webitjo.com\/ar\/about\/","title":{"rendered":"\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"178\" class=\"elementor elementor-178\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b24c24 e-con-full e-flex e-con e-parent\" data-id=\"7b24c24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d49044a elementor-widget elementor-widget-html\" data-id=\"d49044a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>About Us | WEBIT<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n.translatepress-ar .process * {\r\n    text-align: start;\r\n}\r\n\r\n .proc-step:not(:first-child)::before{\r\n\r\ndisplay:none;\r\n\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:16px;\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{font-family:'Inter',sans-serif; background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden;}\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; font-size:12.5px; font-weight:600;\r\n    letter-spacing:.14em; text-transform:uppercase; color:var(--teal-dark);\r\n    display:inline-flex; align-items:center; gap:8px;\r\n  }\r\n  .eyebrow::before{content:\"\"; width:7px; height:7px; background:var(--teal); border-radius:50%; box-shadow:0 0 0 4px var(--teal-tint);}\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);}\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  [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  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  }\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-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\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:.14; pointer-events:none;}\r\n  .hero .inner{max-width:680px; position:relative; z-index:1;}\r\n  .hero h1{font-size:clamp(32px,4.4vw,52px); margin:18px 0 20px; font-weight:700;}\r\n  .hero h1 .hl{color:var(--teal-dark);}\r\n  .hero p.lead{font-size:17.5px; color:var(--ink-soft); line-height:1.65; max-width:560px;}\r\n\r\n  .divider{display:block; width:100%; height:56px;}\r\n  .divider.flip{transform:scaleY(-1);}\r\n\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  \/* ---------- story ---------- *\/\r\n  .story-wrap{display:grid; grid-template-columns:1fr .9fr; gap:64px; align-items:start;}\r\n  .story-copy p{color:var(--ink-soft); font-size:16px; line-height:1.8; margin-bottom:18px;}\r\n  .founder-card{background:var(--white); border:1px solid rgba(20,22,26,.08); border-radius:var(--radius); padding:28px; margin-top:6px;}\r\n  .founder-top{display:flex; align-items:center; gap:14px; margin-bottom:16px;}\r\n  .founder-top .av{width:52px; height:52px; 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:18px; flex-shrink:0;}\r\n  .founder-top h3{font-size:17px; font-weight:600;}\r\n  .founder-top small{font-family:'JetBrains Mono',monospace; color:var(--ink-soft); font-size:12px;}\r\n  .founder-quote{font-size:15px; color:var(--ink-soft); line-height:1.7; font-style:italic; border-left:3px solid var(--teal); padding-left:16px;}\r\n\r\n  \/* ---------- values ---------- *\/\r\n  .values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}\r\n  .val-card{background:var(--white); border:1px solid rgba(20,22,26,.07); border-radius:var(--radius); padding:28px 24px; transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;}\r\n  .val-card:hover{transform:translateY(-8px); box-shadow:0 26px 44px -20px rgba(11,110,99,.30); border-color:var(--teal);}\r\n  .val-icon{width:46px; height:46px; border-radius:12px; background:var(--teal-tint); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}\r\n  .val-icon svg{width:22px; height:22px; stroke:var(--teal-dark);}\r\n  .val-card h3{font-size:16.5px; font-weight:600; margin-bottom:8px;}\r\n  .val-card p{font-size:13.8px; color:var(--ink-soft); line-height:1.55;}\r\n\r\n  \/* ---------- process ---------- *\/\r\n  .process{background:var(--paper-dim); padding:88px 0;}\r\n  .process-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative;}\r\n  .proc-step{position:relative; padding:0 18px; text-align:left;}\r\n  .proc-step:not(:first-child)::before{\r\n    content:\"\"; position:absolute; left:-1px; top:22px; width:calc(100% + 2px); height:2px;\r\n    background:repeating-linear-gradient(to right, var(--teal) 0 6px, transparent 6px 12px);\r\n  }\r\n  .proc-num{\r\n    width:44px; height:44px; border-radius:50%; background:var(--ink); color:var(--white);\r\n    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:16px;\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:18px; position:relative; z-index:1;\r\n  }\r\n  .proc-step h3{font-size:16px; font-weight:600; margin-bottom:8px;}\r\n  .proc-step p{font-size:13.5px; color:var(--ink-soft); line-height:1.55;}\r\n\r\n  \/* ---------- timeline ---------- *\/\r\n  .timeline{position:relative; padding-left:26px; max-width:720px; margin:0 auto;}\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:38px;}\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:17px; 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  \/* ---------- 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  \/* ---------- 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:32px; flex-wrap:wrap; position:relative; z-index:1;}\r\n  .cta-band h2{color:var(--white); font-size:clamp(22px,2.8vw,32px); max-width:500px;}\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:320px; opacity:.5;}\r\n\r\n  \/* ---------- footer ---------- *\/\r\n  footer{background:var(--ink); color:#B9BEC4; padding:64px 0 28px;}\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    .story-wrap{grid-template-columns:1fr; gap:40px;}\r\n    .values-grid{grid-template-columns:repeat(2,1fr);}\r\n    .process-grid{grid-template-columns:repeat(2,1fr); row-gap:36px;}\r\n    .proc-step:nth-child(2n+1)::before{display:none;}\r\n    .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:28px;}\r\n    .foot-grid{grid-template-columns:1fr 1fr;}\r\n    .hero-peak-wm{display:none;}\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    .values-grid{grid-template-columns:1fr;}\r\n    .process-grid{grid-template-columns:1fr;}\r\n    .proc-step::before{display:none !important;}\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<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NOTE: adjust hrefs below to match your real WordPress page slugs\/anchors -->\r\n<header id=\"siteHeader\">\r\n  <nav class=\"wrap\">\r\n        <a href=\"#top\" 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=\"\/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\">Home<\/a><\/li\r\n      <li><a href=\"\/services\">Services<\/a><\/li>\r\n      <li><a href=\"\/projects\">Work<\/a><\/li>\r\n            <li>  <a href=\"\/products\">Products<\/a><\/li>\r\n\r\n      <li><a href=\"#top\" class=\"active\">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=\"\/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\">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=\"#top\">About<\/a>\r\n    <a href=\"\/contact\">Contact<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ============ HERO ============ -->\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 inner\" data-reveal>\r\n    <span class=\"eyebrow\">About WEBIT<\/span>\r\n    <h1>A small studio behind <span class=\"hl\">100+ live websites.<\/span><\/h1>\r\n    <p class=\"lead\">WEBIT is a Jordan-based web studio, founded in 2021, built on a simple idea: businesses deserve a website that actually works \u2014 fast to launch, easy to run, and backed by people who stick around after it goes live.<\/p>\r\n  <\/div>\r\n<\/section>\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<!-- ============ STATS ============ -->\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>100+<\/b><span>Live websites shipped<\/span><\/div>\r\n    <div class=\"stat\"><b>2021<\/b><span>Year we were founded<\/span><\/div>\r\n    <div class=\"stat\"><b>3+<\/b><span>Countries served<\/span><\/div>\r\n    <div class=\"stat\"><b>4<\/b><span>Services, one roof<\/span><\/div>\r\n  <\/div>\r\n<\/section>\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=\"#FAF9F6\"\/><\/svg>\r\n\r\n<!-- ============ STORY ============ -->\r\n<section class=\"section\">\r\n  <div class=\"wrap story-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 24px;\">Why we started, and why we're still small on purpose.<\/h2>\r\n      <div class=\"story-copy\">\r\n        <p>WEBIT began with a simple frustration. Too many good businesses were stuck choosing between two bad options \u2014 an overpriced agency quote with a six-month timeline, or a cheap template site that looked fine on day one and broke by month three. Ali Ghabin started WEBIT in Jordan in 2021 to be the option in between: real development work, done properly, at a price a growing business could actually justify.<\/p>\r\n        <p>What started as one founder building single sites has grown into a full studio behind more than 100 live projects \u2014 online stores, learning platforms, booking systems, portfolios and blogs \u2014 for clients across Jordan and, eventually, the USA and Kuwait.<\/p>\r\n        <p>We've kept the team deliberately small. Small enough that your project never gets lost in a queue or handed off between account managers. Big enough to cover development, hosting, domains, email, Google Business and social media \u2014 everything a business actually needs to stay visible online, under one roof.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div data-reveal>\r\n      <div class=\"founder-card\">\r\n        <div class=\"founder-top\">\r\n          <div class=\"av\">AG<\/div>\r\n          <div>\r\n            <h3>Ali Ghabin<\/h3>\r\n            <small>Founder, WEBIT \u2014 est. 2021<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"founder-quote\">\"We don't disappear after the invoice is paid. If your site is live, it's still ours to look after.\"<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ VALUES ============ -->\r\n<section class=\"section\" style=\"padding-top:0;\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\" data-reveal>\r\n      <span class=\"eyebrow\">How we work<\/span>\r\n      <h2>What you get when you work with us.<\/h2>\r\n      <p>No jargon, no disappearing act, no juggling five different vendors for one website.<\/p>\r\n    <\/div>\r\n    <div class=\"values-grid\" data-reveal=\"stagger\">\r\n      <div class=\"val-card\">\r\n        <div class=\"val-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 4v5\"\/><\/svg><\/div>\r\n        <h3>One team, everything<\/h3>\r\n        <p>Development, hosting, domain, email, Google Business and social \u2014 one point of contact instead of five different vendors.<\/p>\r\n      <\/div>\r\n      <div class=\"val-card\">\r\n        <div class=\"val-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg><\/div>\r\n        <h3>Built to launch fast<\/h3>\r\n        <p>We scope tightly and build in focused sprints \u2014 no six-month timelines for a site that should take weeks.<\/p>\r\n      <\/div>\r\n      <div class=\"val-card\">\r\n        <div class=\"val-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\"\/><\/svg><\/div>\r\n        <h3>Still here after launch<\/h3>\r\n        <p>Hosting and support don't end at handover. If something breaks, you call the same people who built it.<\/p>\r\n      <\/div>\r\n      <div class=\"val-card\">\r\n        <div class=\"val-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 1 1-4.4-7.4M21 4v5h-5\"\/><\/svg><\/div>\r\n        <h3>Straight talk<\/h3>\r\n        <p>Plain answers about timelines, cost and what's realistic \u2014 even when it's not what you were hoping to hear.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PROCESS ============ -->\r\n<section class=\"process\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\" data-reveal>\r\n      <span class=\"eyebrow\">Our process<\/span>\r\n      <h2>From first message to live site.<\/h2>\r\n      <p>The same five steps for every project, whether it's a simple portfolio or a full ecommerce build.<\/p>\r\n    <\/div>\r\n    <div class=\"process-grid\" data-reveal=\"stagger\">\r\n      <div class=\"proc-step\">\r\n        <div class=\"proc-num\">1<\/div>\r\n        <h3>Discover<\/h3>\r\n        <p>We learn about your business, your customers, and what the site actually needs to do.<\/p>\r\n      <\/div>\r\n      <div class=\"proc-step\">\r\n        <div class=\"proc-num\">2<\/div>\r\n        <h3>Design<\/h3>\r\n        <p>A look and structure built around your brand \u2014 not a recycled template.<\/p>\r\n      <\/div>\r\n      <div class=\"proc-step\">\r\n        <div class=\"proc-num\">3<\/div>\r\n        <h3>Build<\/h3>\r\n        <p>Development, content and testing happen in tight, visible sprints \u2014 no black-box silence.<\/p>\r\n      <\/div>\r\n      <div class=\"proc-step\">\r\n        <div class=\"proc-num\">4<\/div>\r\n        <h3>Launch<\/h3>\r\n        <p>Hosting, domain and email get set up right, and the site goes live without drama.<\/p>\r\n      <\/div>\r\n      <div class=\"proc-step\">\r\n        <div class=\"proc-num\">5<\/div>\r\n        <h3>Support<\/h3>\r\n        <p>We stay on for hosting, updates and the occasional \"can we change this\" message.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TIMELINE ============ -->\r\n<section class=\"section\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\" style=\"margin-left:auto; margin-right:auto; text-align:center;\" data-reveal>\r\n      <span class=\"eyebrow\">Milestones<\/span>\r\n      <h2>Four years, one growing studio.<\/h2>\r\n    <\/div>\r\n    <div class=\"timeline\" data-reveal>\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 a single goal: build websites businesses actually deserve, without the agency markup or the template shortcuts.<\/p>\r\n      <\/div>\r\n      <div class=\"t-item\">\r\n        <span class=\"t-year\">2022<\/span>\r\n        <h3>Beyond simple sites<\/h3>\r\n        <p>The work grows from portfolios and small business sites into full ecommerce stores and booking systems.<\/p>\r\n      <\/div>\r\n      <div class=\"t-item\">\r\n        <span class=\"t-year\">2023<\/span>\r\n        <h3>The service list rounds out<\/h3>\r\n        <p>Hosting, domains, email, Google Business and social media management join web development under one roof \u2014 so clients stop needing five different vendors.<\/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 and counting<\/h3>\r\n        <p>Stores, schools, studios and services \u2014 all running on platforms WEBIT built, hosts, and still supports.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CTA ============ -->\r\n<section style=\"padding:0 0 90px;\">\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;\">Want to be the next site on this list?<\/h2>\r\n      <\/div>\r\n      <div style=\"display:flex; gap:14px; flex-wrap:wrap;\">\r\n        <a href=\"https:\/\/wa.me\/962779080305\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-light\">WhatsApp us<\/a>\r\n        <a href=\"mailto:info@webit.jo\" class=\"btn btn-outline\" style=\"border-color:rgba(255,255,255,.25); color:#fff;\">Email us<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FOOTER ============ -->\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 &amp; 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\" style=\"color:#16A596\">About<\/a>\r\n        <a href=\"\/Projects\">Our Work<\/a>\r\n                <a href=\"\/products\">Products<\/a>\r\n\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:info@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  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  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  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<\/script>\r\n<\/body>\r\n<\/html>\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>About Us | WEBIT Home<\/p>","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-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/178","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=178"}],"version-history":[{"count":49,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":868,"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/pages\/178\/revisions\/868"}],"wp:attachment":[{"href":"https:\/\/webitjo.com\/ar\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}