<!-- =========================================================
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.
========================================================= -->

<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>

@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>

.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>

<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__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>

Mobile Application Development

Introduction to Mobile Apps

Name: Introduction to Mobile Apps
SKU: CIT-025
Price: 500 PKR
Availability: InStock

₨ 500

Understand how mobile applications are planned and built.

SKU: CIT-025 Category: Mobile Application Development

Course Overview

Understand how mobile applications are planned and built.

Course Details

Duration: 2 hours
Level: Foundation
Prerequisites: No prior experience required
Delivery: Proposed online LMS (recorded/live subject to schedule)
Assessment: Module exercises and final project/quiz

Learning Outcomes

Compare native and cross-platform apps; outline an app idea; recognize release steps.

Syllabus

Mobile ecosystem
App ideas and user journeys
Development tools overview
Testing and publishing basics

Capstone Project

App concept brief

Duration	2 hours
Level	Foundation

Reviews

There are no reviews yet.

Be the first to review “Introduction to Mobile Apps”

Introduction to Mobile Apps

Course Overview

Course Details

Learning Outcomes

Syllabus

Capstone Project

Reviews

Related products

Firebase & Backend Integration

Professional Mobile App Developer

No-Code App Development

Mobile UI/UX Design with Figma