🎓 Web Programming Portfolio

Web Programming
Portfolio

45 assignments completed • HTML • CSS • JavaScript • Bootstrap

📄 Explore Tasks ⚡ JS Demos
0HTML Tasks
0CSS Tasks
0JS Tasks
0Total Done
Scroll

Skills Progress

HTML595%
CSS388%
JavaScript82%
Bootstrap 590%

📄 HTML Basics & Server Configuration

1Basic HTML Program ✓ Done

Create a basic HTML document with DOCTYPE, head/body sections, h1-h3 headings, and paragraphs.

Preview:
Hello World!

This is my first HTML page. I am learning Web Programming.

2Web Server Config ✓ Done

Configure XAMPP local server and serve HTML files from localhost.

Steps done:
  1. Installed XAMPP
  2. Started Apache server
  3. Files in htdocs/
  4. Accessed localhost/file.html
3Basic HTML Structure ✓ Done

HTML structure with h1–h6 headings, paragraphs, line breaks, bold, italic, and underline.

Has bold, italic, and underlined text with <br> line breaks.

45-Page Local Server Site ✓ Done

Five interlinked HTML pages served from XAMPP local server.

home.html about.html department.html gallery.html contact.html

◫ HTML Layouts Practice

54-Section Div Layout ✓ Done

Div-based page with header, nav sidebar, main content, and footer.

Header
Nav
Main Content
Footer
6Home Layout with Images ✓ Done

Home page with div sections, text content, and images side-by-side.

My Website Header
🖼️
Welcome text and images
73 Stacked Sections (200px) ✓ Done

Main content with three stacked 200px tall sections with distinct content.

Section 1 — About Us
Section 2 — Services
Section 3 — Contact
8About Page Layout ✓ Done

About page with company header, mission statement, team, and footer.

TechCorp Inc.
Mission: Delivering innovative tech
Team: CEO · CTO · Designer · Dev
9Gallery Page Layout ✓ Done

Gallery page with header and image grid container in a div layout.

📷 Photo Gallery
IMG 1
IMG 2
IMG 3
IMG 4
IMG 5
IMG 6
10Contact Us Page ✓ Done

Contact page with info section, form area, and map placeholder.

Contact Us
📧 info@company.com
📞 +91 98765 43210
🗺️ Map

☰ HTML Elements Practice

11Restaurant Menu (Lists) ✓ Done

Menu using ordered & unordered lists for categories and dish items.

🍽️ The Food Place
  • Starters
    • Bruschetta — ₹350
    • Spring Rolls — ₹280
  • Main Course
    1. Grilled Chicken — ₹550
    2. Paneer Masala — ₹420
12Course Outline Page ✓ Done

Web Programming Course Outline using headings, ordered lists & description lists.

Web Programming Course
Module 1: HTML
Tags, attributes, forms
Module 2: CSS
Selectors, box model
Module 3: JS
DOM, events, validation
13Restaurant Menu (Table) ✓ Done

Menu in a 3-column HTML table: Dish Name, Description, Price.

DishDescriptionPrice
Margherita PizzaTomato & cheese₹450
Caesar SaladRomaine, croutons₹320
Pasta AlfredoCreamy sauce₹480
14Student Leaderboard ✓ Done

Student rankings displayed in a styled table with position medals.

RankStudentScore
🥇 1stArjun Sharma98/100
🥈 2ndPriya Patel95/100
🥉 3rdRahul Gupta92/100