<!-- =========================================================
CIT · GLOBAL HEADER + FOOTER (safe, scoped for site-wide use)
=========================================================

READ FIRST:
• BEST PRACTICE: build the HEADER with your theme's native header
(customizer) — you already have it. Only use PART 1 below if you
deliberately DISABLE the native header, or you'll get 2 headers.
• The dangerous global reset ( * {…} and html,body{…!important} )
from the original page has been REMOVED. Everything is now scoped
under .cith / .citftr so it can't leak into the rest of the site.
• If "HTML 2" shows a padlock in your theme, it's a PRO (paid) widget.
Use the free "HTML 1" instead.
========================================================= -->

<header class="cith">
<a class="cith__logo" href="https://cit.com.pk/">
<img src="https://cit.com.pk/wp-content/uploads/2026/08/citlogo.jpeg" alt="CIT Logo">
</a>

<button type="button" class="hamburger" id="cit-ham" aria-label="Open menu" aria-expanded="false">☰</button>

<nav class="menu" id="cit-menu">
<a href="https://cit.com.pk/about-us/">About Us</a>
<a href="https://cit.com.pk/services/">Services</a>
<a href="https://cit.com.pk/cit-advance-courses/">Advanced Courses</a>
<a href="https://cit.com.pk/cit-partner/">CIT Partner</a>
<a class="register-btn" href="https://cit.com.pk/register/">Register</a>
</nav>
</header>

<style>
/* scoped: only affects the header, never the rest of the site */
.cith, .cith *{box-sizing:border-box}
.cith{width:100%;background:#0d1b4c;padding:12px 20px;display:flex;
align-items:center;justify-content:space-between;position:relative;z-index:1000}
.cith__logo img{height:50px;display:block}
.cith .menu{display:flex;align-items:center;gap:25px}
.cith .menu a{color:#fff;text-decoration:none;font-size:16px;font-weight:700}
.cith .register-btn{background:#ff5a00;padding:10px 20px;border-radius:8px}
.cith .hamburger{display:none;color:#fff;font-size:32px;cursor:pointer;
background:none;border:0;line-height:1;padding:0}

@media screen and (max-width:768px){
.cith{padding:10px 15px}
.cith__logo img{height:40px}
.cith .hamburger{display:block}
.cith .menu{display:none;position:absolute;top:70px;left:0;width:100%;
background:#0d1b4c;flex-direction:column;padding:15px 0;gap:0;z-index:1000}
.cith .menu a{width:100%;text-align:center;padding:15px;
border-bottom:1px solid rgba(255,255,255,.1)}
.cith .menu.open{display:flex}
}
</style>

<script>
(function(){
var b=document.getElementById("cit-ham"),m=document.getElementById("cit-menu");
if(b&&m){b.addEventListener("click",function(){
var open=m.classList.toggle("open");
b.setAttribute("aria-expanded",open?"true":"false");
});}
})();
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&family=Inter:wght@400;500;600;700&family=Instrument+Serif:ital@1&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">

<style>
.citftr{
--indigo-950:#0D0629; --indigo-900:#160A3E; --indigo-600:#43337F;
--flame:#D7340B; --flame-300:#FF8A5C;
--display:'Outfit','Segoe UI',sans-serif;
--serif:'Instrument Serif',Georgia,serif;
--body:'Inter','Segoe UI',sans-serif;
--mono:'JetBrains Mono',ui-monospace,monospace;
--e:cubic-bezier(.22,.9,.24,1);
position:relative;overflow:hidden;font-family:var(--body);
background:var(--indigo-950);color:rgba(255,255,255,.72);
}
.citftr *{box-sizing:border-box}
.citftr a{text-decoration:none;color:inherit}
.citftr__orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px)}
.citftr__orb.a{width:520px;height:520px;right:-190px;top:-220px;background:radial-gradient(circle,rgba(215,52,11,.22),transparent 68%)}
.citftr__orb.b{width:460px;height:460px;left:-180px;bottom:-200px;background:radial-gradient(circle,rgba(105,80,220,.24),transparent 68%)}
.citftr::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
background:linear-gradient(90deg,transparent,rgba(255,138,92,.6),rgba(105,80,220,.6),transparent)}
.citftr__wrap{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:clamp(46px,5vw,72px) clamp(20px,4vw,48px) 0}

.citftr__news{
display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between;
padding:clamp(24px,3vw,34px);border-radius:20px;margin-bottom:clamp(40px,4vw,58px);
background:linear-gradient(135deg,rgba(67,51,127,.35),rgba(215,52,11,.14));
border:1px solid rgba(255,255,255,.12);
}
.citftr__news-copy{max-width:46ch}
.citftr__news h3{font-family:var(--display);font-weight:800;color:#fff;margin:0 0 6px;
font-size:clamp(20px,2.3vw,27px);letter-spacing:-.02em}
.citftr__news h3 i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--flame-300)}
.citftr__news p{margin:0;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.68)}
.citftr__mailbtn{
display:inline-flex;align-items:center;gap:11px;flex:none;
padding:14px 26px;border-radius:100px;cursor:pointer;text-decoration:none;
font-family:var(--display);font-weight:700;font-size:14.5px;color:#fff;white-space:nowrap;
background:linear-gradient(135deg,var(--flame),var(--indigo-600));
box-shadow:0 14px 34px -14px rgba(215,52,11,.85);transition:transform .3s var(--e),box-shadow .3s;
}
.citftr__mailbtn:hover{transform:translateY(-3px);box-shadow:0 20px 44px -16px rgba(215,52,11,.95)}
.citftr__mailbtn svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.8;flex:none}

.citftr__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:clamp(28px,3vw,48px);
padding-bottom:clamp(40px,4vw,56px)}
.citftr__logo{display:inline-block;background:#fff;padding:10px 14px;border-radius:14px;
box-shadow:0 14px 34px -18px rgba(0,0,0,.8);line-height:0}
.citftr__logo img{height:64px;width:auto;display:block}
.citftr__brand-tag{margin:16px 0 20px;font-size:14px;line-height:1.65;max-width:34ch;color:rgba(255,255,255,.66)}
.citftr__brand-tag i{font-family:var(--serif);font-style:italic;color:var(--flame-300)}

.citftr__col h4{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;
text-transform:uppercase;color:#fff;margin:0 0 18px}
.citftr__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.citftr__col a{font-size:14.5px;color:rgba(255,255,255,.68);transition:color .25s,padding-left .25s}
.citftr__col a:hover{color:var(--flame-300);padding-left:5px}

.citftr__contact{display:flex;flex-direction:column;gap:12px;font-size:14px;color:rgba(255,255,255,.7)}
.citftr__contact-row{display:flex;gap:11px;align-items:flex-start;line-height:1.5}
.citftr__contact-row svg{width:17px;height:17px;fill:none;stroke:var(--flame-300);stroke-width:1.7;flex:none;margin-top:2px}
.citftr__socials{display:flex;gap:10px;margin-top:20px}
.citftr__socials a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
transition:transform .3s var(--e),background .3s,border-color .3s}
.citftr__socials a:hover{transform:translateY(-3px);background:rgba(215,52,11,.9);border-color:transparent}
.citftr__socials svg{width:17px;height:17px;fill:#fff}

.citftr__bar{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);padding:22px clamp(20px,4vw,48px)}
.citftr__bar-in{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between}
.citftr__copy{font-size:13px;color:rgba(255,255,255,.55)}
.citftr__copy b{color:rgba(255,255,255,.8);font-weight:600}
.citftr__legal{display:flex;flex-wrap:wrap;gap:22px}
.citftr__legal a{font-size:13px;color:rgba(255,255,255,.6);transition:color .25s}
.citftr__legal a:hover{color:var(--flame-300)}

@media(max-width:900px){.citftr__grid{grid-template-columns:1fr 1fr}.citftr__brand{grid-column:1 / -1}}
@media(max-width:560px){
.citftr__grid{grid-template-columns:1fr}
.citftr__news{flex-direction:column;align-items:flex-start}
.citftr__mailbtn{width:100%;justify-content:center}
.citftr__bar-in{flex-direction:column;align-items:flex-start}
}
</style>

<footer class="citftr">
<span class="citftr__orb a"></span><span class="citftr__orb b"></span>

<div class="citftr__wrap">
<div class="citftr__news">
<div class="citftr__news-copy">
<h3>Have a <i>question?</i></h3>
<p>Reach out to our team about CIT Centers, courses, or local services — we're happy to help.</p>
</div>
<a class="citftr__mailbtn" href="mailto:info@cit.com.pk">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7l9 6 9-6"></path><rect x="3" y="5" width="18" height="14" rx="2"></rect></svg>
Email us at info@cit.com.pk
</a>
</div>

<div class="citftr__grid">
<div class="citftr__brand">

<a class="citftr__logo" href="/" aria-label="CIT home"><img src="https://cit.com.pk/wp-content/uploads/2026/08/citlogo.jpeg" alt="CIT"></a>
<p class="citftr__brand-tag">A community knowledge, services and facilities hub at Union Council level — bringing <i>formal education</i>, training and twelve local services to your doorstep.</p>

<div class="citftr__contact">
<div class="citftr__contact-row">
<svg viewBox="0 0 24 24"><path d="M12 21s-7-6-7-11a7 7 0 0114 0c0 5-7 11-7 11z"></path><circle cx="12" cy="10" r="2.5"></circle></svg>
<span>Islamabad, Pakistan</span>
</div>
<div class="citftr__contact-row">
<svg viewBox="0 0 24 24"><path d="M3 7l9 6 9-6"></path><rect x="3" y="5" width="18" height="14" rx="2"></rect></svg>
<a href="mailto:info@cit.com.pk">info@cit.com.pk</a>
</div>
<div class="citftr__contact-row">
<svg viewBox="0 0 24 24"><path d="M5 4h4l2 5-3 2a11 11 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z"></path></svg>
<a href="tel:+92512201520">051-2201520</a>
</div>
<div class="citftr__contact-row">
<svg viewBox="0 0 24 24"><path d="M5 4h4l2 5-3 2a11 11 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z"></path></svg>
<a href="tel:+92512201521">051-2201521</a>
</div>
</div>

<div class="citftr__socials">
<a href="https://www.youtube.com/@basictestpreparationmcqs2304" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M23 12s0-3.2-.4-4.7a2.5 2.5 0 00-1.8-1.8C19.3 5 12 5 12 5s-7.3 0-8.8.5A2.5 2.5 0 001.4 7.3C1 8.8 1 12 1 12s0 3.2.4 4.7a2.5 2.5 0 001.8 1.8C4.7 19 12 19 12 19s7.3 0 8.8-.5a2.5 2.5 0 001.8-1.8C23 15.2 23 12 23 12zM10 15V9l5 3-5 3z"></path></svg></a>
</div>
</div>

<div class="citftr__col">
<h4>Courses</h4>
<ul>
<li><a href="https://cit.com.pk/cit-advance-courses/">Advanced Courses</a></li>
<li><a href="https://cit.com.pk/cit-advance-courses/">Enroll into Courses</a></li>
</ul>
</div>

<div class="citftr__col">
<h4>Services</h4>
<ul>
<li><a href="https://cit.com.pk/services/">Services</a></li>
<li><a href="https://cit.com.pk/cit-partner/">Find a CIT Center</a></li>
</ul>
</div>

<div class="citftr__col">
<h4>Company</h4>
<ul>
<li><a href="https://cit.com.pk/about-us/">About Us</a></li>
<li><a href="https://cit.com.pk/register/">Register</a></li>
</ul>
</div>
</div>
</div>

<div class="citftr__bar">
<div class="citftr__bar-in">
<span class="citftr__copy">© <span id="citYear">2026</span> <b>CIT</b> · A Digital Pakistan initiative. All rights reserved.</span>
<nav class="citftr__legal">
<a href="https://cit.com.pk/about-us/">About Us</a>
<a href="https://cit.com.pk/services/">Services</a>
<a href="https://cit.com.pk/cit-partner/">CIT Partner</a>
<a href="https://cit.com.pk/cit-advance-courses/">Advanced Courses</a>
<a href="https://cit.com.pk/register/">Register</a>
</nav>
</div>
</div>

<script>
(function(){var y=document.getElementById("citYear"); if(y) y.textContent=new Date().getFullYear();})();
</script>
</footer>

CIT’s New Initiative

A major business growth plan — twelve services, one local hub.

Register your CIT Center today and unlock 12 business projects & facilities built to grow your local economy — from formal education and healthcare to solar, tourism and emergency response.

Register your CIT Center See all 12 services

Education Healthcare Livelihood Energy Mobility Safety

12

services running from a single CIT Center — one registration, everything switched on from day one.

12

Services per center

1

Local hub

UC

Level coverage

24/7

Community support

How it works

Three steps to launch your CIT Center.

01

Register online

Fill in your Union Council details and choose a starting product. Approval usually within one working day.

02

Set up the hub

Pick a location, get onboarding, training and marketing materials, and connect to the CIT service stack.

03

Launch 12 services

Go live with the full stack — education, healthcare, solar, jobs, travel and everything else — for your community.

Twelve projects, one center.

Every CIT Center runs the same twelve services so your community gets the full stack from day one.

Formal Online Education

Formal Online Education

UC-level formal education delivered right at your doorstep.

Learn more →

Professional Trainings

Professional Trainings

Affordable, industry-focused skill trainings at your CIT Center.

Learn more →

One Center, One Product

One Center, One Product

Buy & sell services built around one product per center.

Learn more →

Healthcare Solutions

Healthcare Solutions

CIT healthcare support and services at your doorstep.

Visit SehatPlus →

Jobs Information

Job info & recruitment

Local and abroad job opportunities and guidance.

Learn more →

Solar Solutions

Solar Solutions

Affordable CIT solar energy solutions for homes & business.

Learn more →

Travel Services

Travel Services

Road, train & air ticket bookings made easy.

Learn more →

Electric Vehicles

Electric Vehicles (EVs)

CIT EV conversion & related vehicle services.

Learn more →

Cyber Security Awareness

Cyber Security Awareness

Training & support — report cybercrime directly to NCCIA.

Learn more →

Tourism Promotion

Tourism Promotion

Promoting tourism around local CIT Centers.

Learn more →

Business Development

Business Development

Dedicated business development & facilities center.

Learn more →

Emergency Response

Emergency Response

Rapid support during floods & other natural calamities.

Learn more →

Ready to launch

Build your future with the CIT Center network.

Join a growing network of local centers running twelve full services from a single hub.

Register at cit.com.pk/register One registration · Twelve services · Local impact

```