{"id":12,"date":"2026-07-10T14:38:35","date_gmt":"2026-07-10T14:38:35","guid":{"rendered":"https:\/\/arifithouse.com\/?page_id=12"},"modified":"2026-07-15T07:37:32","modified_gmt":"2026-07-15T07:37:32","slug":"home","status":"publish","type":"page","link":"https:\/\/arifithouse.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t \r\n\r\n\r\n \r\n\r\n\r\nArif IT House \u2014 Banner<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n :root{\r\n --bg-0:#f5f7fb;\r\n --bg-1:#eaeff8;\r\n --navy-900:#193661;\r\n --navy-700:#2b579a;\r\n --blue-600:#2b579a;\r\n --blue-500:#185abd;\r\n --neon:#4a90d9;\r\n --gold-500:#c09a3e;\r\n --slate-600:#4c6178;\r\n --slate-500:#6b8299;\r\n --line:rgba(43,87,154,0.16);\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html,body{background:var(--bg-0);}\r\n body{\r\n font-family:'Inter', sans-serif;\r\n color:var(--navy-900);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n a{text-decoration:none;}\r\n\r\n .banner{\r\n position:relative;\r\n background:\r\n radial-gradient(ellipse 900px 500px at 82% 10%, rgba(74,144,217,0.16) 0%, transparent 60%),\r\n linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 100%);\r\n overflow:hidden;\r\n padding:64px 6vw 70px;\r\n }\r\n .banner-grid{\r\n position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(43,87,154,0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(43,87,154,0.05) 1px, transparent 1px);\r\n background-size:44px 44px;\r\n mask-image:radial-gradient(ellipse 1100px 650px at 60% 30%, black, transparent 78%);\r\n pointer-events:none;\r\n }\r\n\r\n .topline{\r\n position:relative; z-index:2;\r\n display:flex; align-items:center; justify-content:space-between;\r\n max-width:1240px; margin:0 auto 54px;\r\n }\r\n .brand-mark{\r\n display:flex; align-items:center; gap:11px;\r\n font-family:'Sora', sans-serif; font-weight:700; font-size:17px;\r\n color:var(--navy-900);\r\n }\r\n .brand-mark .mk{\r\n width:38px;height:38px;border-radius:10px;\r\n background:linear-gradient(135deg, var(--blue-600), var(--neon));\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:15px;\r\n box-shadow:0 8px 18px rgba(43,87,154,0.35);\r\n }\r\n .brand-mark span{color:var(--blue-600);}\r\n .badge-pill{\r\n display:inline-flex; align-items:center; gap:8px;\r\n background:#ffffff; border:1px solid var(--line);\r\n padding:8px 16px; border-radius:999px;\r\n font-size:12px; font-weight:600; color:var(--blue-600);\r\n box-shadow:0 6px 16px rgba(43,87,154,0.08);\r\n }\r\n .badge-pill i{color:var(--gold-500);}\r\n\r\n .hero-grid{\r\n position:relative; z-index:2;\r\n max-width:1240px; margin:0 auto;\r\n display:grid; grid-template-columns:1.05fr 0.95fr;\r\n gap:40px; align-items:center;\r\n }\r\n\r\n \/* -------- LEFT: copy -------- *\/\r\n .kicker{\r\n font-family:'Sora', sans-serif; font-weight:700; font-size:12px;\r\n letter-spacing:0.16em; text-transform:uppercase;\r\n color:var(--gold-500); margin-bottom:18px;\r\n display:flex; align-items:center; gap:10px;\r\n }\r\n .kicker .rule{width:30px;height:2px;background:var(--gold-500);border-radius:2px;}\r\n\r\n h1.brand-name{\r\n font-family:'Sora', sans-serif; font-weight:800;\r\n font-size:clamp(38px, 5vw, 64px);\r\n line-height:1.04; letter-spacing:-0.01em;\r\n color:var(--navy-900); margin-bottom:18px;\r\n }\r\n h1.brand-name .glow{\r\n background:linear-gradient(90deg, var(--blue-600), var(--neon));\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n }\r\n\r\n .subtitle{\r\n font-family:'Inter', sans-serif; font-weight:500; font-size:16px;\r\n color:var(--slate-600); margin-bottom:22px;\r\n }\r\n\r\n .lead{\r\n font-size:15.5px; color:var(--slate-600); line-height:1.8;\r\n max-width:480px; margin-bottom:32px;\r\n }\r\n .lead strong{color:var(--navy-900);}\r\n\r\n .cta-row{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:40px;}\r\n .btn-primary, .btn-ghost{\r\n padding:14px 26px; border-radius:9px; font-size:13px; font-weight:700;\r\n display:inline-flex; align-items:center; gap:9px;\r\n transition:transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n .btn-primary{\r\n background:linear-gradient(135deg, var(--blue-600), var(--neon));\r\n color:#fff; box-shadow:0 12px 26px rgba(74,144,217,0.32);\r\n }\r\n .btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(74,144,217,0.42);}\r\n .btn-ghost{\r\n background:#ffffff; color:var(--navy-700);\r\n border:1px solid var(--line);\r\n }\r\n .btn-ghost:hover{background:rgba(74,144,217,0.06); transform:translateY(-2px);}\r\n\r\n .mini-stats{display:flex; gap:34px; flex-wrap:wrap;}\r\n .mstat{display:flex; flex-direction:column;}\r\n .mstat b{font-family:'Sora', sans-serif; font-size:22px; font-weight:800; color:var(--navy-900);}\r\n .mstat b span{color:var(--blue-500);}\r\n .mstat small{font-size:10.5px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--slate-500); margin-top:2px;}\r\n\r\n \/* -------- RIGHT: orbit signature -------- *\/\r\n .orbit-wrap{\r\n position:relative;\r\n width:100%; max-width:460px; aspect-ratio:1\/1; margin:0 auto;\r\n }\r\n .ring{\r\n position:absolute; border-radius:50%;\r\n border:1px dashed rgba(43,87,154,0.22);\r\n }\r\n .ring-1{inset:0;}\r\n .ring-2{inset:13%;}\r\n .ring-3{inset:26%; border-style:solid; border-color:rgba(74,144,217,0.14);}\r\n\r\n .core{\r\n position:absolute; inset:38%;\r\n border-radius:50%;\r\n background:\r\n radial-gradient(circle at 32% 30%, rgba(74,144,217,0.30), transparent 60%),\r\n #ffffff;\r\n box-shadow:0 0 0 8px rgba(74,144,217,0.07), 0 20px 45px rgba(43,87,154,0.20);\r\n display:flex; align-items:center; justify-content:center;\r\n }\r\n .core i{\r\n font-size:34px;\r\n background:linear-gradient(120deg, var(--blue-600), var(--neon));\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n }\r\n\r\n .spin-slow{ animation:spin 26s linear infinite; }\r\n .spin-slow-rev{ animation:spin-rev 34s linear infinite; }\r\n @keyframes spin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\r\n @keyframes spin-rev{ from{transform:rotate(360deg);} to{transform:rotate(0deg);} }\r\n\r\n .node{\r\n position:absolute; width:52px; height:52px; border-radius:13px;\r\n background:#ffffff; border:1px solid var(--line);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:18px; color:var(--blue-600);\r\n box-shadow:0 10px 22px rgba(43,87,154,0.14);\r\n top:50%; left:50%;\r\n }\r\n .node i{ display:block; }\r\n .node.gold{ color:var(--gold-500); }\r\n\r\n \/* positions placed via transform: translate to ring radius then counter-rotate icon upright *\/\r\n .n1{ transform:translate(-50%,-50%) rotate(0deg) translate(230px) rotate(0deg); }\r\n .n2{ transform:translate(-50%,-50%) rotate(60deg) translate(230px) rotate(-60deg); }\r\n .n3{ transform:translate(-50%,-50%) rotate(120deg) translate(230px) rotate(-120deg); }\r\n .n4{ transform:translate(-50%,-50%) rotate(180deg) translate(230px) rotate(-180deg); }\r\n .n5{ transform:translate(-50%,-50%) rotate(240deg) translate(230px) rotate(-240deg); }\r\n .n6{ transform:translate(-50%,-50%) rotate(300deg) translate(230px) rotate(-300deg); }\r\n\r\n .n7{ transform:translate(-50%,-50%) rotate(30deg) translate(150px) rotate(-30deg); }\r\n .n8{ transform:translate(-50%,-50%) rotate(150deg) translate(150px) rotate(-150deg); }\r\n .n9{ transform:translate(-50%,-50%) rotate(270deg) translate(150px) rotate(-270deg); }\r\n\r\n @media(max-width:960px){\r\n .hero-grid{grid-template-columns:1fr; text-align:center;}\r\n .lead{margin-left:auto; margin-right:auto;}\r\n .cta-row{justify-content:center;}\r\n .mini-stats{justify-content:center;}\r\n .orbit-wrap{max-width:340px; margin-top:20px;}\r\n .n1,.n2,.n3,.n4,.n5,.n6{transform-origin:center;}\r\n }\r\n @media(max-width:960px){\r\n .n1{ transform:translate(-50%,-50%) rotate(0deg) translate(160px) rotate(0deg); }\r\n .n2{ transform:translate(-50%,-50%) rotate(60deg) translate(160px) rotate(-60deg); }\r\n .n3{ transform:translate(-50%,-50%) rotate(120deg) translate(160px) rotate(-120deg); }\r\n .n4{ transform:translate(-50%,-50%) rotate(180deg) translate(160px) rotate(-180deg); }\r\n .n5{ transform:translate(-50%,-50%) rotate(240deg) translate(160px) rotate(-240deg); }\r\n .n6{ transform:translate(-50%,-50%) rotate(300deg) translate(160px) rotate(-300deg); }\r\n .n7{ transform:translate(-50%,-50%) rotate(30deg) translate(105px) rotate(-30deg); }\r\n .n8{ transform:translate(-50%,-50%) rotate(150deg) translate(105px) rotate(-150deg); }\r\n .n9{ transform:translate(-50%,-50%) rotate(270deg) translate(105px) rotate(-270deg); }\r\n .node{width:42px;height:42px;font-size:15px;}\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .spin-slow, .spin-slow-rev{ animation:none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"banner\">\r\n <div class=\"banner-grid\"><\/div>\r\n\r\n <div class=\"topline\">\r\n <div class=\"brand-mark\">\r\n <div class=\"mk\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n Arif <span>IT House<\/span>\r\n <\/div>\r\n <div class=\"badge-pill\"><i class=\"fa-solid fa-star\"><\/i> Chakwal's #1 rated institute<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-grid\">\r\n\r\n \r\n <div class=\"hero-copy\">\r\n <div class=\"kicker\"><span class=\"rule\"><\/span> Since 2009 \u00b7 Chakwal, Pakistan<\/div>\r\n <h1 class=\"brand-name\">Best Computer Institute in <span class=\"glow\">Chakwal<\/span><\/h1>\r\n <p class=\"subtitle\">For IT, Freelancing & Professional Computer Courses<\/p>\r\n <p class=\"lead\">\r\n Hands-on IT, design and freelancing courses at <strong>Arif IT House<\/strong> \u2014 built to take you from student to earning on Fiverr, Upwork and beyond.\r\n <\/p>\r\n <div class=\"cta-row\">\r\n <a href=\"#\" class=\"btn-primary\"><i class=\"fa-solid fa-graduation-cap\"><\/i> Explore courses<\/a>\r\n <a href=\"#\" class=\"btn-ghost\"><i class=\"fa-solid fa-phone\"><\/i> Book free consultation<\/a>\r\n <\/div>\r\n <div class=\"mini-stats\">\r\n <div class=\"mstat\"><b>15<span>+<\/span><\/b><small>Years experience<\/small><\/div>\r\n <div class=\"mstat\"><b>5000<span>+<\/span><\/b><small>Students trained<\/small><\/div>\r\n <div class=\"mstat\"><b>50<span>+<\/span><\/b><small>Courses offered<\/small><\/div>\r\n <div class=\"mstat\"><b>4.9<span>\u2605<\/span><\/b><small>Student rating<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"orbit-wrap\">\r\n <div class=\"ring ring-1 spin-slow\"><\/div>\r\n <div class=\"ring ring-2 spin-slow-rev\"><\/div>\r\n <div class=\"ring ring-3\"><\/div>\r\n\r\n <div class=\"core\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n\r\n <div class=\"spin-slow\" style=\"position:absolute; inset:0;\">\r\n <div class=\"node n1\"><i class=\"fa-solid fa-code\"><\/i><\/div>\r\n <div class=\"node n2 gold\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n <div class=\"node n3\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\r\n <div class=\"node n4\"><i class=\"fa-brands fa-wordpress\"><\/i><\/div>\r\n <div class=\"node n5 gold\"><i class=\"fa-solid fa-film\"><\/i><\/div>\r\n <div class=\"node n6\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"spin-slow-rev\" style=\"position:absolute; inset:0;\">\r\n <div class=\"node n7\"><i class=\"fa-solid fa-robot\"><\/i><\/div>\r\n <div class=\"node n8 gold\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n <div class=\"node n9\"><i class=\"fa-solid fa-cart-shopping\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Arif IT House \u2014 Banner Arif IT House Chakwal’s #1 rated institute Since 2009 \u00b7 Chakwal, Pakistan Best Computer Institute in Chakwal For IT, Freelancing & Professional Computer Courses Hands-on IT, design and freelancing courses at Arif IT House \u2014 built to take you from student to earning on Fiverr, Upwork and beyond. Explore courses […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arifithouse.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arifithouse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arifithouse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arifithouse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arifithouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":52,"href":"https:\/\/arifithouse.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/arifithouse.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/arifithouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a5738dddb888a21a8e9ad53. Config Timestamp: 2026-07-15 07:38:04 UTC, Cached Timestamp: 2026-07-16 06:03:18 UTC -->