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

E-Commerce & Website Development

WordPress Website Basics

Name: WordPress Website Basics
SKU: CIT-018
Price: 1500 PKR
Availability: InStock

₨ 1,500

Create and maintain a simple WordPress website.

SKU: CIT-018 Category: E-Commerce & Website Development

Course Overview

Create and maintain a simple WordPress website.

Course Details

Duration: 1 week
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

Manage pages; configure menus; use themes and plugins safely.

Syllabus

WordPress dashboard
Pages, posts and media
Themes and navigation
Updates and basic security

Capstone Project

Five-page starter website

Duration	1 week
Level	Foundation

Reviews

There are no reviews yet.

Be the first to review “WordPress Website Basics”

WordPress Website Basics

Course Overview

Course Details

Learning Outcomes

Syllabus

Capstone Project

Reviews

Related products

Professional E-Commerce Developer

Full-Stack E-Commerce Development

HTML, CSS & Web Design

Introduction to E-Commerce