{"id":7,"date":"2026-06-06T11:52:41","date_gmt":"2026-06-06T11:52:41","guid":{"rendered":"https:\/\/main.angelscollege.edu.pk\/?page_id=7"},"modified":"2026-06-06T12:48:34","modified_gmt":"2026-06-06T12:48:34","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/main.angelscollege.edu.pk\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd85d2 e-con e-atomic-element e-flexbox-base e-e649647 \" data-id=\"1bd85d2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1bd85d2\">\n    \t\t<div class=\"elementor-element elementor-element-af928d3 elementor-widget elementor-widget-html\" data-id=\"af928d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AIC Campus Portal Widget \u2014 3 Campuses \u2014 WordPress Safe -->\r\n<!-- Paste into Elementor HTML widget \/ Gutenberg Custom HTML block -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Outfit:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#aic-portal,#aic-portal *,#aic-portal *::before,#aic-portal *::after{box-sizing:border-box;margin:0;padding:0;}\r\n#aic-portal-wrap{width:100%;padding:0;margin:0;max-width:100%!important;}\r\n#aic-portal{\r\n  --g:#c9a84c;--gl:#e8c97a;--nv:#06101e;\r\n  --dur:0.7s;--ease:cubic-bezier(0.76,0,0.24,1);\r\n  display:flex;width:100%;height:100vh;min-height:520px;\r\n  position:relative;overflow:hidden;font-family:'Outfit',sans-serif;\r\n}\r\n\r\n\/* \u2500\u2500 PANELS \u2500\u2500 *\/\r\n.ap{position:relative;flex:1;overflow:hidden;cursor:pointer;transition:flex var(--dur) var(--ease);}\r\n.ap:hover{flex:2;}\r\n#aic-portal.has-hover .ap:not(.hover){flex:0.35;}\r\n\r\n.ap-bg{\r\n  position:absolute;inset:-5%;background-size:cover;background-position:center;\r\n  transition:transform var(--dur) var(--ease),filter var(--dur);will-change:transform;\r\n}\r\n.ap:hover .ap-bg{transform:scale(1.06);}\r\n.ap:not(:hover) .ap-bg{filter:brightness(0.38) saturate(0.45);}\r\n\r\n.ap-tint{position:absolute;inset:0;pointer-events:none;z-index:1;transition:opacity var(--dur);}\r\n.ap1 .ap-tint{background:linear-gradient(155deg,rgba(6,16,30,.65) 0%,rgba(14,36,68,.5) 50%,rgba(6,16,30,.8) 100%);}\r\n.ap2 .ap-tint{background:linear-gradient(155deg,rgba(4,12,24,.7) 0%,rgba(10,28,58,.5) 50%,rgba(4,12,24,.82) 100%);}\r\n.ap3 .ap-tint{background:linear-gradient(155deg,rgba(8,14,26,.72) 0%,rgba(16,30,54,.52) 50%,rgba(8,14,26,.85) 100%);}\r\n.ap:not(:hover) .ap-tint{opacity:1.5;}\r\n\r\n.ap-grid{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity var(--dur);\r\n  background-image:linear-gradient(rgba(201,168,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.03) 1px,transparent 1px);\r\n  background-size:55px 55px;}\r\n.ap:hover .ap-grid{opacity:1;}\r\n\r\n.ap-ov{position:absolute;inset:0;z-index:2;transition:background var(--dur);}\r\n.ap1 .ap-ov{background:linear-gradient(to right,rgba(6,16,30,.18),rgba(6,16,30,.52));}\r\n.ap2 .ap-ov{background:linear-gradient(180deg,rgba(4,12,24,.15),rgba(4,12,24,.55));}\r\n.ap3 .ap-ov{background:linear-gradient(to left,rgba(8,14,26,.18),rgba(8,14,26,.52));}\r\n.ap:not(:hover) .ap-ov{background:rgba(6,16,30,.52)!important;}\r\n\r\n.ap-glow{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;\r\n  background:radial-gradient(circle at 50% 50%,rgba(201,168,76,.08) 0%,transparent 55%);}\r\n.ap:hover .ap-glow{opacity:1;}\r\n\r\n\/* dividers *\/\r\n.ap-div{\r\n  position:absolute;top:0;bottom:0;width:1px;\r\n  background:linear-gradient(to bottom,transparent 4%,rgba(201,168,76,.4) 28%,rgba(201,168,76,.62) 50%,rgba(201,168,76,.4) 72%,transparent 96%);\r\n  z-index:10;pointer-events:none;transition:opacity var(--dur);\r\n}\r\n.ap-div1{left:33.333%;}\r\n.ap-div2{left:66.666%;}\r\n#aic-portal.has-hover .ap-div{opacity:.18;}\r\n\r\n\/* big number *\/\r\n.ap-num{\r\n  position:absolute;top:2.5rem;\r\n  font-family:'Cormorant Garamond',serif;font-size:clamp(4.5rem,10vw,9rem);\r\n  font-weight:300;line-height:1;color:rgba(255,255,255,.04);\r\n  user-select:none;z-index:4;pointer-events:none;transition:color var(--dur);\r\n}\r\n.ap1 .ap-num{right:2rem;}\r\n.ap2 .ap-num{right:2rem;}\r\n.ap3 .ap-num{left:2rem;}\r\n.ap:hover .ap-num{color:rgba(201,168,76,.07);}\r\n\r\n\/* corner brackets *\/\r\n.ctl,.cbr{position:absolute;width:40px;height:40px;z-index:4;opacity:0;pointer-events:none;transition:opacity .4s;}\r\n.ctl{top:1.6rem;left:1.6rem;border-top:1px solid rgba(201,168,76,.5);border-left:1px solid rgba(201,168,76,.5);border-radius:3px 0 0 0;}\r\n.cbr{bottom:1.6rem;right:1.6rem;border-bottom:1px solid rgba(201,168,76,.5);border-right:1px solid rgba(201,168,76,.5);border-radius:0 0 3px 0;}\r\n.ap3 .ctl{left:auto;right:1.6rem;border-left:none;border-right:1px solid rgba(201,168,76,.5);border-radius:0 3px 0 0;}\r\n.ap3 .cbr{right:auto;left:1.6rem;border-right:none;border-left:1px solid rgba(201,168,76,.5);border-radius:0 0 0 3px;}\r\n.ap:hover .ctl,.ap:hover .cbr{opacity:1;}\r\n\r\n\/* top flourish line *\/\r\n.ap-fl{position:absolute;top:0;left:0;right:0;height:2px;\r\n  background:linear-gradient(to right,transparent,var(--g),transparent);\r\n  opacity:0;transition:opacity .4s;z-index:4;}\r\n.ap:hover .ap-fl{opacity:1;}\r\n\r\n\/* panel-top logo *\/\r\n.ap-plogo{position:absolute;top:1.9rem;left:2rem;z-index:5;display:inline-block;text-decoration:none;color:inherit;\r\n  opacity:0;transform:translateY(-8px);transition:opacity .38s .06s,transform .38s .06s;}\r\n.ap:hover .ap-plogo{opacity:1;transform:translateY(0);}\r\n.ap-plogo img{height:70px;width:auto;display:block;}\r\n\r\n\/* content *\/\r\n.ap-con{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(1.6rem,3.5vw,3.8rem);z-index:5;}\r\n\r\n.ap-tag{display:inline-flex;align-items:center;gap:.5rem;\r\n  font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--g);\r\n  margin-bottom:1rem;opacity:1;transform:translateY(0);\r\n  transition:opacity .38s .08s,transform .38s .08s;}\r\n.ap-tag::before{content:'';width:20px;height:1px;background:var(--g);flex-shrink:0;}\r\n.ap:hover .ap-tag{opacity:1;transform:translateY(0);}\r\n\r\n.ap-title{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(1.7rem,3.2vw,3.2rem);\r\n  font-weight:400;line-height:1.1;color:#fff;margin-bottom:1.4rem;\r\n  opacity:.78;transform:translateY(7px);\r\n  transition:transform var(--dur) var(--ease),opacity .38s;\r\n}\r\n.ap:hover .ap-title{opacity:1;transform:translateY(0);}\r\n.ap-title span{display:block;font-weight:300;font-size:.7em;color:rgba(255,255,255,.45);letter-spacing:.02em;margin-bottom:.1em;}\r\n\r\n.ap-desc{font-size:clamp(.74rem,1vw,.88rem);color:rgba(255,255,255,.48);line-height:1.68;\r\n  max-width:280px;font-weight:300;margin-bottom:1.6rem;\r\n  opacity:1;transform:translateY(0);transition:opacity .42s .13s,transform .42s .13s;}\r\n.ap:hover .ap-desc{opacity:1;transform:translateY(0);}\r\n\r\n\/* button *\/\r\n.ap-btn{\r\n  display:inline-flex;align-items:center;justify-content:center;gap:.85rem;\r\n  padding:1.35rem 3rem;border-radius:999px;width:auto;min-width:220px;\r\n  font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\r\n  text-decoration:none;cursor:pointer;border:none;\r\n  background:linear-gradient(135deg,var(--g),var(--gl));\r\n  color:var(--nv);box-shadow:0 8px 30px rgba(201,168,76,.22);\r\n  opacity:0;transform:translateY(13px) translateX(-5px);\r\n  transition:opacity .42s .2s,transform .42s .2s;\r\n  position:relative;overflow:hidden;\r\n}\r\n.ap-btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .25s;}\r\n.ap-btn:hover::after{background:rgba(255,255,255,.1);}\r\n.ap:hover .ap-btn{opacity:1;transform:translateY(0) translateX(0);}\r\n.ap-cs{background:rgba(255,255,255,.07)!important;border:1px solid rgba(201,168,76,.28)!important;\r\n  color:rgba(255,255,255,.5)!important;box-shadow:none!important;cursor:default!important;}\r\n.ap-cs::after{display:none!important;}\r\n.ap-arr{width:18px;height:18px;border-radius:50%;background:rgba(6,16,30,.15);\r\n  display:grid;place-items:center;flex-shrink:0;transition:transform .3s;}\r\n.ap-btn:hover .ap-arr{transform:translateX(3px);}\r\n.ap-cs .ap-arr{background:rgba(255,255,255,.07)!important;}\r\n\r\n\/* coming soon badge *\/\r\n.cs-badge{position:absolute;top:1.6rem;right:1.6rem;z-index:5;\r\n  padding:.3rem .85rem;border-radius:100px;\r\n  background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);\r\n  font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gl);\r\n  opacity:0;transition:opacity .38s .06s;}\r\n.ap:hover .cs-badge{opacity:1;}\r\n\r\n\/* CENTER LOGO *\/\r\n.ap-clogo{\r\n  position:absolute;top:2rem;left:50%;transform:translate(-50%,0);\r\n  z-index:20;display:flex;flex-direction:column;align-items:center;gap:.65rem;\r\n  pointer-events:none;transition:opacity var(--dur),transform var(--dur) var(--ease);\r\n}\r\n#aic-portal.has-hover .ap-clogo{opacity:0;transform:translate(-50%,-44%);}\r\n.ap-lcard{padding:.5rem .9rem;background:rgba(6,16,30,.8);border-radius:11px;\r\n  border:1px solid rgba(201,168,76,.22);\r\n  box-shadow:0 0 0 5px rgba(201,168,76,.055),0 8px 32px rgba(0,0,0,.5);\r\n  animation:apGlow 3s ease-in-out infinite;}\r\n.ap-lcard img{height:70px;width:auto;display:block;}\r\n@keyframes apGlow{\r\n  0%,100%{box-shadow:0 0 0 5px rgba(201,168,76,.055),0 8px 32px rgba(0,0,0,.5);}\r\n  50%{box-shadow:0 0 0 10px rgba(201,168,76,.035),0 8px 42px rgba(201,168,76,.16);}\r\n}\r\n.ap-clabel{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;\r\n  color:rgba(255,255,255,.32);white-space:nowrap;\r\n  background:rgba(6,16,30,.65);padding:.26rem .85rem;\r\n  border-radius:100px;border:1px solid rgba(201,168,76,.14);}\r\n\r\n\/* hint *\/\r\n.ap-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);\r\n  z-index:30;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;\r\n  color:rgba(255,255,255,.18);white-space:nowrap;\r\n  display:flex;align-items:center;gap:.65rem;pointer-events:none;transition:opacity .4s;}\r\n#aic-portal.has-hover .ap-hint{opacity:0;}\r\n.ap-hint::before,.ap-hint::after{content:'';width:24px;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.13));}\r\n.ap-hint::after{transform:scaleX(-1);}\r\n\r\n\/* particles *\/\r\n.ap-pts{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden;}\r\n.ap-pt{position:absolute;border-radius:50%;background:rgba(201,168,76,.55);animation:ptUp linear infinite;opacity:0;}\r\n@keyframes ptUp{0%{transform:translateY(100%) scale(0);opacity:0;}10%{opacity:.55;}90%{opacity:.1;}100%{transform:translateY(-120%) scale(1);opacity:0;}}\r\n\r\n\/* bottom bar *\/\r\n.ap-bar{position:absolute;bottom:0;left:0;right:0;z-index:30;\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  padding:.85rem 2.5rem;\r\n  background:linear-gradient(to top,rgba(6,16,30,.88),transparent);\r\n  pointer-events:none;}\r\n.ap-stat{display:flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.26);font-size:.63rem;letter-spacing:.09em;}\r\n.ap-stat b{font-family:'Cormorant Garamond',serif;font-size:.95rem;font-weight:400;color:rgba(201,168,76,.5);}\r\n.ap-dot{width:3px;height:3px;border-radius:50%;background:rgba(201,168,76,.3);}\r\n\r\n\/* city label *\/\r\n.ap-city{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n  z-index:8;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;\r\n  color:rgba(255,255,255,.12);white-space:nowrap;pointer-events:none;\r\n  transition:opacity var(--dur);}\r\n#aic-portal.has-hover .ap-city{opacity:0;}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:820px){\r\n  #aic-portal{flex-direction:column;height:auto;min-height:0;}\r\n  .ap{flex:none!important;height:44vh;min-height:300px;}\r\n  #aic-portal:has(.ap:hover) .ap:not(:hover){flex:none!important;}\r\n  .ap-div1,.ap-div2{top:auto;bottom:auto;left:0;right:0;width:100%;height:1px;\r\n    background:linear-gradient(to right,transparent,rgba(201,168,76,.32),transparent);}\r\n  .ap-div1{top:33.333%;}\r\n  .ap-div2{top:66.666%;}\r\n  .ap-tag,.ap-desc,.ap-btn{opacity:1!important;transform:none!important;}\r\n  .ap-title{opacity:1!important;transform:none!important;}\r\n  .ap-plogo{opacity:1!important;transform:none!important;}\r\n  .ap-clogo,.ap-hint,.ap-city{display:none;}\r\n  .ap-bar{position:relative;background:rgba(6,16,30,.96);border-top:1px solid rgba(201,168,76,.1);}\r\n  .ap-con{padding:1.6rem;}\r\n  .ap-num{font-size:4.5rem;}\r\n  .cs-badge{opacity:1;}\r\n}\r\n@media(max-width:480px){\r\n  .ap{height:38vh;min-height:260px;}\r\n  .ap-title{font-size:1.7rem;}\r\n}\r\n<\/style>\r\n\r\n<div id=\"aic-portal-wrap\">\r\n<div id=\"aic-portal\">\r\n\r\n  <!-- CENTER LOGO -->\r\n  <div class=\"ap-clogo\">\r\n    <div class=\"ap-lcard\">\r\n      <img decoding=\"async\" src=\"https:\/\/main.angelscollege.edu.pk\/wp-content\/uploads\/2026\/06\/aic-logo-ful2-1-1.png\" alt=\"Angels International College\">\r\n    <\/div>\r\n    <div class=\"ap-clabel\">Select Your Campus &mdash; Faisalabad<\/div>\r\n  <\/div>\r\n  <div class=\"ap-hint\">Hover a campus to enter<\/div>\r\n\r\n  <!-- DIVIDERS -->\r\n  <div class=\"ap-div ap-div1\"><\/div>\r\n  <div class=\"ap-div ap-div2\"><\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550 PANEL 1 \u2014 MAIN CAMPUS \u2550\u2550\u2550\u2550 -->\r\n  <div class=\"ap ap1\" id=\"ap1\">\r\n    <div class=\"ap-bg\" id=\"ap-bg1\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1562774053-701939374585?auto=format&amp;fit=crop&amp;w=1800&amp;q=80');\"><\/div>\r\n    <div class=\"ap-tint\"><\/div><div class=\"ap-grid\"><\/div><div class=\"ap-ov\"><\/div>\r\n    <div class=\"ap-glow\"><\/div><div class=\"ap-fl\"><\/div>\r\n    <div class=\"ap-pts\" id=\"ap-pts1\"><\/div>\r\n    <div class=\"ctl\"><\/div><div class=\"cbr\"><\/div>\r\n    <div class=\"ap-num\">01<\/div>\r\n    <a class=\"ap-plogo\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/main.angelscollege.edu.pk\/wp-content\/uploads\/2026\/06\/aic-logo-ful2-1-1.png\" alt=\"AIC\"><\/a>\r\n    <div class=\"ap-con\">\r\n      <div class=\"ap-tag\">Faisalabad &mdash; Main<\/div>\r\n      <h2 class=\"ap-title\"><span>AIC<\/span>Main Campus<\/h2>\r\n      <p class=\"ap-desc\">Explore full academic programs, admissions, distinguished faculty and student services at our flagship Faisalabad institution.<\/p>\r\n      <a class=\"ap-btn\" href=\"https:\/\/demo.angelscollege.edu.pk\/\" target=\"_blank\" rel=\"noopener\">\r\n        Enter Campus\r\n        <span class=\"ap-arr\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5h6M5.5 2.5L8 5l-2.5 2.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550 PANEL 2 \u2014 CIVIL LINES CAMPUS \u2550\u2550\u2550\u2550 -->\r\n  <div class=\"ap ap2\" id=\"ap2\">\r\n    <div class=\"ap-bg\" id=\"ap-bg2\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1607237138185-eedd9c632b0b?auto=format&amp;fit=crop&amp;w=1800&amp;q=80');\"><\/div>\r\n    <div class=\"ap-tint\"><\/div><div class=\"ap-grid\"><\/div><div class=\"ap-ov\"><\/div>\r\n    <div class=\"ap-glow\"><\/div><div class=\"ap-fl\"><\/div>\r\n    <div class=\"ap-pts\" id=\"ap-pts2\"><\/div>\r\n    <div class=\"ctl\"><\/div><div class=\"cbr\"><\/div>\r\n    <div class=\"ap-num\">02<\/div>\r\n    <a class=\"ap-plogo\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/main.angelscollege.edu.pk\/wp-content\/uploads\/2026\/06\/aic-logo-ful2-1-1.png\" alt=\"AIC\"><\/a>\r\n    <div class=\"ap-con\">\r\n      <div class=\"ap-tag\">Faisalabad &mdash; Civil Lines<\/div>\r\n      <h2 class=\"ap-title\"><span>AIC<\/span>Civil Lines Campus<\/h2>\r\n      <p class=\"ap-desc\">Discover a vibrant academic community with modern facilities and world-class faculty in the heart of Civil Lines, Faisalabad.<\/p>\r\n      <a class=\"ap-btn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n        Enter Campus\r\n        <span class=\"ap-arr\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5h6M5.5 2.5L8 5l-2.5 2.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550 PANEL 3 \u2014 NEW CAMPUS (COMING SOON) \u2550\u2550\u2550\u2550 -->\r\n  <div class=\"ap ap3\" id=\"ap3\">\r\n    <div class=\"ap-bg\" id=\"ap-bg3\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1498243691581-b145c3f54a5a?auto=format&amp;fit=crop&amp;w=1800&amp;q=80');\"><\/div>\r\n    <div class=\"ap-tint\"><\/div><div class=\"ap-grid\"><\/div><div class=\"ap-ov\"><\/div>\r\n    <div class=\"ap-glow\"><\/div><div class=\"ap-fl\"><\/div>\r\n    <div class=\"ap-pts\" id=\"ap-pts3\"><\/div>\r\n    <div class=\"ctl\"><\/div><div class=\"cbr\"><\/div>\r\n    <div class=\"ap-num\">03<\/div>\r\n    <div class=\"cs-badge\">Coming Soon<\/div>\r\n    <a class=\"ap-plogo\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/main.angelscollege.edu.pk\/wp-content\/uploads\/2026\/06\/aic-logo-ful2-1-1.png\" alt=\"AIC\"><\/a>\r\n    <div class=\"ap-con\">\r\n      <div class=\"ap-tag\">Faisalabad &mdash; New Campus<\/div>\r\n      <h2 class=\"ap-title\"><span>AIC<\/span>New Campus<\/h2>\r\n      <p class=\"ap-desc\">A bold new chapter for Angels International College \u2014 a state-of-the-art campus designed for the next generation of leaders.<\/p>\r\n      <span class=\"ap-btn ap-cs\">\r\n        Launching Soon\r\n        <span class=\"ap-arr\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><path d=\"M5 3.5V5l1 1\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BOTTOM BAR -->\r\n  <div class=\"ap-bar\">\r\n    <div class=\"ap-stat\"><b>3<\/b>&nbsp;Campuses<\/div>\r\n    <div class=\"ap-stat\">\r\n      <div class=\"ap-dot\"><\/div>\r\n      <span>Angels International College &mdash; Faisalabad<\/span>\r\n      <div class=\"ap-dot\"><\/div>\r\n    <\/div>\r\n    <div class=\"ap-stat\"><b>1000+<\/b>&nbsp;Students<\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\/* \u2500\u2500 REAL CAMPUS IMAGERY (free Unsplash CDN \u2014 university \/ academic) \u2500\u2500 *\/\r\nvar IMG = {\r\n  ap1: 'https:\/\/images.unsplash.com\/photo-1562774053-701939374585?auto=format&fit=crop&w=1800&q=80', \/* grand university building *\/\r\n  ap2: 'https:\/\/images.unsplash.com\/photo-1607237138185-eedd9c632b0b?auto=format&fit=crop&w=1800&q=80', \/* modern campus facade *\/\r\n  ap3: 'https:\/\/images.unsplash.com\/photo-1498243691581-b145c3f54a5a?auto=format&fit=crop&w=1800&q=80'  \/* futuristic academic architecture *\/\r\n};\r\nfunction setBg(id,url){\r\n  var el=document.getElementById(id);\r\n  if(el) el.style.backgroundImage='url(\"'+url+'\")';\r\n}\r\nsetBg('ap-bg1',IMG.ap1);\r\nsetBg('ap-bg2',IMG.ap2);\r\nsetBg('ap-bg3',IMG.ap3);\r\n\r\n\/* \u2500\u2500 GLOW FOLLOW \u2500\u2500 *\/\r\nvar portal=document.getElementById('aic-portal');\r\ndocument.querySelectorAll('.ap').forEach(function(panel){\r\n  panel.addEventListener('mousemove',function(e){\r\n    var r=panel.getBoundingClientRect();\r\n    var mx=((e.clientX-r.left)\/r.width*100).toFixed(1)+'%';\r\n    var my=((e.clientY-r.top)\/r.height*100).toFixed(1)+'%';\r\n    var g=panel.querySelector('.ap-glow');\r\n    if(g) g.style.background='radial-gradient(circle at '+mx+' '+my+',rgba(201,168,76,0.10) 0%,transparent 55%)';\r\n  });\r\n  panel.addEventListener('mouseenter',function(){\r\n    if(portal) portal.classList.add('has-hover');\r\n    playClick();\r\n  });\r\n  panel.addEventListener('mouseleave',function(){\r\n    if(portal) portal.classList.remove('has-hover');\r\n  });\r\n});\r\n\r\n\/* \u2500\u2500 CLICK SOUND \u2500\u2500 *\/\r\nfunction playClick(){\r\n  try{\r\n    var AC=window.AudioContext||window.webkitAudioContext;\r\n    if(!AC) return;\r\n    var ctx=new AC(),o=ctx.createOscillator(),g=ctx.createGain();\r\n    o.connect(g);g.connect(ctx.destination);\r\n    o.frequency.setValueAtTime(880,ctx.currentTime);\r\n    o.frequency.exponentialRampToValueAtTime(330,ctx.currentTime+0.1);\r\n    g.gain.setValueAtTime(0.08,ctx.currentTime);\r\n    g.gain.exponentialRampToValueAtTime(0.001,ctx.currentTime+0.14);\r\n    o.start();o.stop(ctx.currentTime+0.15);\r\n  }catch(e){}\r\n}\r\n\r\n\/* \u2500\u2500 PARTICLES \u2500\u2500 *\/\r\nfunction spawnPts(id,n){\r\n  var c=document.getElementById(id);\r\n  if(!c) return;\r\n  for(var i=0;i<n;i++){\r\n    var p=document.createElement('div');\r\n    p.className='ap-pt';\r\n    var s=(Math.random()*3+1).toFixed(1);\r\n    p.style.cssText='width:'+s+'px;height:'+s+'px;left:'+(Math.random()*100).toFixed(1)+'%;animation-duration:'+(Math.random()*18+13).toFixed(1)+'s;animation-delay:'+(Math.random()*16).toFixed(1)+'s;';\r\n    c.appendChild(p);\r\n  }\r\n}\r\nspawnPts('ap-pts1',10);\r\nspawnPts('ap-pts2',10);\r\nspawnPts('ap-pts3',10);\r\n\r\n\/* \u2500\u2500 FULL-WIDTH: remove WP container constraints \u2500\u2500 *\/\r\nvar wrap=document.getElementById('aic-portal-wrap');\r\nif(wrap){\r\n  var el=wrap.parentElement;\r\n  var depth=0;\r\n  while(el&&depth<8){\r\n    var tag=el.tagName?el.tagName.toLowerCase():'';\r\n    if(tag==='body'||tag==='html') break;\r\n    el.style.maxWidth='100%';\r\n    el.style.padding='0';\r\n    el.style.margin='0';\r\n    el=el.parentElement;\r\n    depth++;\r\n  }\r\n}\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Select Your Campus &mdash; Faisalabad Hover a campus to enter 01 Faisalabad &mdash; Main AICMain Campus Explore full academic programs, admissions, distinguished faculty and student services at our flagship Faisalabad institution. Enter Campus 02 Faisalabad &mdash; Civil Lines AICCivil Lines Campus Discover a vibrant academic community with modern facilities and world-class faculty in the heart [&hellip;]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":10,"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}