Skip to content

Latest commit

 

History

History
76 lines (55 loc) · 1.98 KB

File metadata and controls

76 lines (55 loc) · 1.98 KB

Virtual Programming – HTML & CSS Projects

📌 Overview

This repository contains frontend development projects developed for the Virtual Programming course.
The purpose of these projects is to demonstrate practical implementation of HTML and CSS by designing structured layouts and user interfaces without using JavaScript.


📂 Projects Included

1. CV Design

  • Designed a professional Curriculum Vitae using HTML and CSS
  • Structured sections including personal details, education, skills, and experience
  • Applied proper layout, typography, and styling techniques

2. Class Timetable Design

  • Designed a structured academic timetable layout
  • Implemented table formatting and styling using CSS
  • Focused on alignment, spacing, borders, and readability

3. Calculator Design

  • Designed a basic calculator interface using HTML and CSS only
  • Structured layout using CSS positioning techniques
  • Represents basic arithmetic operations:
    • Addition (+)
    • Subtraction (−)
    • Multiplication (×)
    • Division (÷)

Note: JavaScript was not used in this project as per assignment requirements.


🖼 Screenshots

Screenshots of each project have been included inside their respective folders for reference.


🛠 Tools & Technologies Used

  • HTML5
  • CSS3
  • Visual Studio Code (VS Code)
  • Git
  • Git GUI
  • GitHub
  • Web Browser Developer Tools

🎯 Learning Outcomes

  • Understanding of semantic HTML structure
  • Application of CSS styling and layout techniques
  • Designing structured user interfaces
  • Basic version control using Git
  • Repository management using GitHub

👨‍🎓 Academic Information

Prepared By:

Muhammad Ahmad Shafique
ID: 241829
Class: BSCS-IV-C

Course Instructor:

Hafiz Obaid Ullah Khan


📘 Course

Virtual Programming


This repository is submitted as part of the course requirements and reflects foundational frontend development skills using HTML and CSS.