Web development ↗

Web Design · HTML & CSS

Design it. Then build it.

Start by making a real web page with HTML and CSS. Learn to organise content, choose readable styles, build flexible layouts and make pages useful on a phone as well as a larger screen.

Beginner2 months suggested path4 learning modes
AI-generated scene: A web designer sketching page layouts beside a laptopAI-generated image
LEARN IT. PRACTISE IT. EXPLAIN IT.PKR 15,000Course fee · confirm your learning plan
START WITH THE BIG PICTURE

What is this course about?

Start by making a real web page with HTML and CSS. Learn to organise content, choose readable styles, build flexible layouts and make pages useful on a phone as well as a larger screen.

Create accessible, responsive websites with clear layouts and confident typography.

Where you can use the skills

  • A personal introduction website.
  • A local-business service page.
  • A responsive contact page and navigation layout.

These are application ideas for your learning and portfolio. The published curriculum below shows the actual lessons and projects.

PRACTICAL BENEFITS

What you will work towards

Create semantic headings, links, images and forms.

Use CSS to control spacing, typography and colour.

Understand responsive layout with Flexbox and Grid.

Build a clear first website for your portfolio.

FIND YOUR STARTING POINT

Who is this course for?

  • Complete beginners learning their first web skill.
  • Students who like design but also want practical code.
  • Business owners who want to understand how website pages are built.

Before you start

Basic typing, file management and browser use. No previous coding is required.

THE ROAD AHEAD

Your course curriculum.

8 topics · 50 practice exercises and 3 projects available per topic.

01Your first web page50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

02Semantic HTML50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

03Links, images & forms50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

04CSS foundations50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

05Flexbox & Grid50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

06Responsive design50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

07Accessibility50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

08Portfolio website50 programs · 3 projects +

This topic includes a written lesson, 50 individually titled exercises with different tasks, plus three project briefs with starter and reference code.

PLAN BEYOND THE CLASSROOM

Scope in Pakistan, the Gulf and abroad

Use these directions to plan your next steps. They are learning and portfolio suggestions, not a list of current vacancies or a guarantee of employment.

Web-design foundationJunior website implementation pathwayFrontend learning pathway
01

Pakistan

Use local shops, tutors and service businesses as fictional project briefs. A small portfolio can demonstrate layout, mobile usability and attention to content.

02

Gulf countries

Explore website-production and agency roles after developing a stronger portfolio. Employer requirements may include JavaScript, CMS work, language skills or related experience.

03

Other countries & remote work

HTML and CSS are foundations for international web work. Grow into JavaScript, accessibility and broader frontend delivery before taking on complex client projects.

INTERNATIONAL PAY CONTEXT · USD / HOUR

Web Developers — United States

A broader occupation to research as you build experience. These figures describe U.S. employees across experience levels, not earnings after this course.

2025 U.S. hourly wages · source: BLS via O*NET
10th percentileMedian90th percentile
$23.12/hr$44.54/hr$78.03/hr

Percentiles show points in a wage distribution; they are not minimum or maximum offers. This is not beginner pay or a freelance quote. Pakistan and Gulf offers depend on the actual role, experience and package; no universal local USD/hour rate is claimed.

View the original occupation wage table ↗Source checked 2 November 2026.

For current Gulf-market research, see the Hays GCC Salary Guide 2026. Confirm the specific employer’s duties, required experience and entry conditions before relying on an offer.

CLEAR ANSWERS BEFORE YOU APPLY

Frequently asked questions

Will I use a drag-and-drop builder?

The core course teaches HTML and CSS so you understand page structure and styling. Builder-specific work is a separate skill.

What should I learn next?

JavaScript is a useful next step, followed by React or the complete Front End Development path.

Which learning modes can I request?

Self-study, tutor support, onsite classes near GPO in Sadar, Rawalpindi Cantt, and online classes via Google Meet. Admin confirms available guided class slots before payment.

What is the course fee?

PKR 15,000 is the listed total course fee. Confirm the agreed fee, duration, learning mode and schedule with Cody.pk before paying.

What can I see before enrolling?

The course description, curriculum outline, fees and public guides are available to browse. The editor, exercises and study materials require the relevant active enrollment, including any free place assigned by admin.

How do I apply and get access?

Apply with this course selected, your name, email and WhatsApp number. Choose your mode and, where required, an available class slot. Submit payment details through checkout. Access opens after admin verifies the payment and activates the enrollment.

Can I download study materials?

The student workspace shows materials for your enrolled course. Course-bundle downloads are available when admin enables download permission for your enrollment.

Are the international hourly figures a job or income promise?

No. They are 2025 U.S. employee occupation statistics, covering different experience levels. They are not beginner pay, freelance billing rates, Pakistan or Gulf offers, or a prediction of income after this course.

ASK. SHARE. LEARN TOGETHER.

Course conversation

Questions and learning experiences about Web Design · HTML & CSS.

Community comments

Start a useful conversation.

No published comments yet. Ask about the course or share your learning experience.

Join the conversation

Keep it helpful and relevant. Comments appear after admin review. Your public name and comment may be displayed; your account email is visible only to admin. Please leave out phone numbers and private details.

YOUR NEXT STEP

Choose your pace. Make a start.

PKR 15,000Listed total course fee

Request self-study, tutor support, onsite classes or online Google Meet classes. Guided modes use admin-managed class slots. Confirm your agreed fee and schedule before payment.

  1. ApplySend your name, email, WhatsApp and learning goals.
  2. Confirm the planAgree your mode, available slot and fee with Cody.pk.
  3. Pay & startPayment verification and activation open the enrolled course.

Manual Easypaisa: Rashid Irshad · 03145366708. Raast ID: 03145366708. Use the course checkout to confirm the amount and submit your payment reference for verification.

YOUR NEXT STEP

Keep building your skills

Explore a related path, read a practical guide or discuss your next course.

Explore all pages
WhatsApp
My learning ↗