NovaTech Website — Final Project (CSCI 102)
This is my final 7-page website project for the CSCI 102 Web Development course. The site is built using HTML, CSS, and JavaScript, and includes all required features from the project rubric.
📄 Pages Included
Home Page (index.html)
About Page
Videos Page (YouTube embeds)
Contact Page (styled form + Google Map)
Table Page (tabular data)
Image Map Page (with 2 clickable hotspots)
Widgets Page (additional embeds)
Total: 7 pages.
🎨 Features ✔ CSS & Design
External CSS in css/style.css
Embedded + minimal inline styles
CSS3 gradients, rounded corners, shadows
Consistent color scheme across all pages
Google Fonts used throughout
Fully styled top navigation and footer
✔ Required Elements
Image map with at least 2 hotspots
Table with tabular data
At least 2 widgets (YouTube / Google Maps / etc.)
Styled contact form (Name, Email, Phone, Address, Zip, Details)
JavaScript interactions (js/script.js)
1100+ words across the entire site
📂 File Structure novatech-website-final/ │ ├── index.html ├── about.html ├── videos.html ├── contact.html ├── table.html ├── imagemap.html ├── widgets.html │ ├── css/ │ └── style.css │ ├── js/ │ └── script.js │ └── assets/ └── images/
🌐 Live Website
GitHub Pages link (after activation): https://yassirdineh21-ai.github.io/novatech-website-final
📦 ZIP File
A downloadable ZIP of the full project is included in the repo (required for grading).
👤 Author
Yasir Dineh CSCI 102 — Web Development with AI Highline College