{"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-08T14:04:57","modified_gmt":"2026-06-08T14:04:57","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:center;align-items:center;\r\n  padding:1.2rem 2.5rem;\r\n  background:linear-gradient(to top,rgba(6,16,30,.98),rgba(6,16,30,.88));\r\n  pointer-events:none;}\r\n.ap-stat{display:inline-flex;align-items:center;gap:.45rem;color:rgba(255,255,255,1);font-size:1rem;letter-spacing:.12em;font-weight:600;}\r\n.ap-stat b{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:rgba(201,168,76,1);}\r\n.ap-dot{width:3px;height:3px;border-radius:50%;background:rgba(201,168,76,.8);}\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\">Angels International College<\/div>\r\n      <h2 class=\"ap-title\"><span>AIC<\/span>Atlantis Campus<\/h2>\r\n      <p class=\"ap-desc\">Explore full academic programs, admissions, distinguished faculty and student services at our flagship Faisalabad Atlantis campus.<\/p>\r\n      <a class=\"ap-btn\" href=\"https:\/\/canal.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\">Angels International College<\/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=\"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 3 \u2014 AFS CIVIL LINES CAMPUS \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    <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=\"AFS\"><\/a>\r\n    <div class=\"ap-con\">\r\n      <div class=\"ap-tag\">Angels Future College<\/div>\r\n      <h2 class=\"ap-title\"><span>AFS<\/span>Civil Lines<\/h2>\r\n      <p class=\"ap-desc\">Explore future-ready learning and student life at Angels Future School, Civil Lines campus.<\/p>\r\n      <span class=\"ap-btn ap-cs\">\r\n        Coming 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>Developed by<\/b> <a href=\"https:\/\/mastermindlimmited.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color: white;\">Mastermind Solution<\/a><\/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 Angels International College AICAtlantis Campus Explore full academic programs, admissions, distinguished faculty and student services at our flagship Faisalabad Atlantis campus. Enter Campus 02 Angels International College 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":16,"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/main.angelscollege.edu.pk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/34"}],"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}]}}