Intake open · 3-month track

HTML & CSS Internship

The foundation everything else sits on. Semantic structure, modern layout, accessibility and animation. Done well enough that no framework has to rescue it.

3Months
HybridFormat
534+Enrolled
FreeTo apply
ezitech.org/landing
Your capstone buildLanding: build
Lighthouse a11y100 / 100
Works on
Every screen size
Mentor review
Weekly, 1-to-1
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Accessibility
  • Sass
12Weeks
25 hrsPer week
534+Interns trained
1Live site
The work

Most front-end bugs are CSS bugs

Frameworks change every two years. Layout, cascade, specificity and accessibility do not. Interns who own these debug faster than people who skipped them for five more years.

  • 1You get a Figma file and a browser support target
  • 2You build it semantically before styling anything
  • 3Your mentor reviews structure, contrast and keyboard use
  • 4You test across real devices and measure performance

Complete beginners welcome. This track assumes no prior web experience.

styles/layout.css
/* Week 5: intrinsic layout, no media query needed */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: clamp(1rem, 2vw, 1.75rem);
}

.card {
  container-type: inline-size;   /* component queries */
  border-radius: 1rem;
}

@container (min-width: 22rem) {
  .card__body { display: flex; gap: 1rem; }
  .card__title { font-size: clamp(1.1rem, 2.5cqi, 1.5rem); }
}
Skills

Eight things you will actually be able to do

01

Semantic HTML

Document structure, landmarks, headings and markup screen readers understand.

02

Flexbox and Grid

Modern layout properly. Including when each one is the wrong tool.

03

Responsive design

Fluid type, container queries, breakpoints and mobile-first thinking.

04

Accessibility

Contrast, focus order, ARIA where needed, and keyboard-only navigation.

05

Design systems in CSS

Custom properties, tokens, naming conventions and scalable architecture.

06

Animation

Transitions, keyframes, transforms and motion that respects reduced-motion.

07

Sass and tooling

Nesting, mixins, build steps and organising CSS across a real project.

08

Cross-browser reality

Debugging in dev tools, fallbacks and testing on real devices.

Curriculum

The 12-week plan

Four phases. Each one ends in a deliverable that is reviewed and graded before the next opens.

Structure

Markup that means something.

  • HTML5 elements, landmarks and document outline
  • Forms, labels, inputs and native validation
  • Images, media, srcset and modern formats
  • Git, branching and pull request workflow
Deliverable

A semantically structured multi-page site, unstyled, passing an HTML validation and outline check.

The capstone

Every intern ships a real front end

You build a real Ezitech marketing site or product interface from a Figma file, and it has to survive a keyboard-only walkthrough and a Lighthouse audit before it ships.

  • Pixel-accurate from 320px to desktop
  • Fully keyboard accessible with 100 a11y score
  • Deployed, fast and hand-written
Start your application
Ezitech seminar session with students at a university auditorium
Ezitech stall at a university open house and job fair
Ezitech receiving a shield at a university project presentation
Ezitech team and interns group photo outside the institute
Ezitech speaker presenting at a talent award ceremony
Ezitech mentors reviewing intern project documents
Ezitech team discussing an intern project brief in the office
01 / 07
Duration12 weeks
Commitment25 hrs / week
FormatOnsite + remote
LocationRawalpindi, PK
LevelJunior / fresher
ReviewsWeekly, 1-to-1
The Ezitech model

What every Ezitech intern gets

Three things that make this different from a course you watch on a screen.

Live client briefs

You work on real Ezitech projects with real deadlines and real revision rounds, not recycled practice exercises.

A mentor, not a playlist

Weekly reviews with someone who does this work for a living, plus a team of interns around you to build with.

Portfolio and experience letter

You finish with shipped work you are allowed to show and a letter that says exactly what you delivered.

And you leave with
  • Verified certificate

    Issued by Ezitech Institute and verifiable by employers.

  • Experience letter

    On company letterhead, stating exactly what you delivered.

  • A live responsive site

    A published site scoring above 95 on Lighthouse.

  • Interview preparation

    CV rewrite, portfolio case study and a technical mock interview.

  • A route into the team

    Top performers are considered first for paid junior roles.

  • Confidence in review

    Twelve weeks of defending your own work to a senior practitioner.

Built for you if

  • You are a complete beginner who wants a solid foundation
  • You are a designer moving toward front-end work
  • You want to freelance building sites for clients
  • You intend to learn React later and want the base first

Not a fit if

  • You want a certificate without doing the work
  • You cannot give 25 hours a week for 12 weeks
  • You are looking for a purely theoretical course
  • You want to skip review and work alone
FAQ

Questions people ask

Everything applicants email us about, answered before you apply.

Still not sure?

Talk to the admissions team before you commit twelve weeks.

Contact Ezitech
Is HTML and CSS enough to get a job?
On its own it usually leads to freelance and agency work rather than product roles. Its real value is as the foundation: interns who finish this track learn React or Vue far faster afterwards, because layout, cascade and accessibility are already solved for them.
How many hours a week does it take?
A minimum of 25 hours across 12 weeks, split between onsite sessions, mentor reviews and independent work. Interns who treat it as full-time finish with noticeably stronger portfolios.
Is it remote or onsite?
Hybrid. Onsite days run at the Ezitech office in Rawalpindi; the rest of the week is remote with scheduled check-ins. Candidates outside Rawalpindi and Islamabad can complete the track fully remotely if they attend the weekly review calls.
Do I need to learn Bootstrap or Tailwind?
Tailwind is introduced in the final phase once you can already write the CSS underneath it. Learning a utility framework before understanding the cascade tends to produce developers who cannot debug their own layouts.
Can final-year students apply?
Yes, and many do. The capstone is regularly used as a final-year project because it is built from a real brief with real requirements. Agree the scope with your mentor in week one if your university has a set submission format.
How do I apply?
Register on the Ezitech intern portal, choose the HTML & CSS track, and complete the three-step form with your education details and CV. Shortlisted candidates get a short screening call before the intake starts.
Applications open

Own the layer every framework sits on

Three months, one shipped piece of real work, a mentor who reviews you every week. Registration takes five minutes.

Ezitech Institute · Rawalpindi, Pakistan · info@ezitech.org · +92 345 5555396