Saqib.practice
Assalam o Alaikum 👋

Saqib’s first practice site is live.

I made this page to learn how a website goes from a file on my computer to a link anyone can open. Pick a theme in the top bar and see the whole page change.

Try the deploy checklist See what I built
3themes to try
1file to deploy
0servers to manage

About this project

A static site is a set of files that a host sends to your browser exactly as they are. There is no database and no server code to run, which makes it the easiest kind of site to put online.

This is my first one. It is small on purpose, so I can focus on learning the steps: build it, test it, upload it, and share the link.

🧱

Structure

HTML gives the page its headings, text, links and forms.

🎨

Style

CSS adds colors, fonts, spacing and the theme switcher.

⚡

Behavior

A little JavaScript powers the checklist and the contact form.

What I’m learning

My honest progress so far. The bars fill as you scroll here.

HTML70%
CSS55%
JavaScript35%
Deployment60%

Practice projects

Small things I built along the way.

🌐

This website

A multi-section page with three themes, built from one HTML file.

HTMLCSS
✅

Deploy checklist

A tick list with a progress bar that remembers your steps in the browser.

JavaScript
📬

Contact form

A simple form that shows a friendly reply. It does not send any data anywhere yet.

Forms

How I built it

Four steps, in this order.

  1. Made a folder

    One folder with one file inside: index.html.

  2. Tested it locally

    Opened the file in my browser and checked it on a phone-sized window.

  3. Chose a host

    Netlify, GitHub Pages or Cloudflare Pages. All can serve static files for free.

  4. Shared the link

    Sent the public address to a friend and asked them to open it.

Deploy checklist

Tick each step when you finish it. Your progress stays saved in this browser.

0 of 5 done

Say hello

Tried the site? Leave a note. This form only shows a reply on the page, so nothing is sent.