WebTech Experiments

Learning Web Development - From HTML Basics to Styled Websites

Explore 10 progressive experiments plus a Timer mini project, covering HTML fundamentals, semantic structure, CSS styling, JavaScript interactivity, PHP integration, and MySQL data storage.

Featured Project

Axis

Open the main project website and explore the live Axis experience.

axis.gt.tc
1

Personal Portfolio

A 4-page personal website built with basic HTML tags including navigation, forms, and tables.

Basic HTML
2

E-Commerce Website

A product catalog website using HTML tags like section, article, figure, and aside.

Basic HTML
3

Portfolio with Styling

Enhanced version of Experiment 1 with inline, internal, and external CSS. Includes responsive design and smooth transitions.

HTML + CSS
4

E-Commerce with Styling

Enhanced version of Experiment 2 with complete CSS styling, grid layouts, and responsive features for modern browsers.

HTML + CSS
5

Working Styled Calculator

A simple working Calclator using Html, CSS and JavaScript

HTML + CSS + JavaScript
6

Student's Form

A student form with validation using HTML, CSS and JavaScript.

HTML + CSS + JavaScript
7

Student's Form with Table

A student form with expotable data and table using HTML, CSS and JavaScript.

HTML + CSS + JavaScript
8

PHP Integration

A simple PHP integration example demonstrating server-side scripting.

HTML + PHP
9

Advanced Calculator

A simple scientific calculator using HTML, CSS and PHP with history support.

HTML + CSS + JS + PHP
10

Form with MySQL Storage

Reused student form that saves data to MySQL and displays saved records using PHP.

HTML + CSS + PHP + MySQL
⏲️

Timer

A simple timer application using HTML, CSS, and JavaScript.

HTML + CSS + JavaScript