CS202 Fundamentals of Front-End Development teaches you to build a complete webpage with HTML and CSS. Assignment 1 for Fall 2026 carries 20 marks and the due date is 7 November 2026, and it asks you to build a travel agency webpage for Northern Trails, a travel agency in Islamabad offering tours to Hunza, Skardu, and Swat. The page needs a header, navigation, an about section, a tour packages list, a booking form, and a footer.
The solution file linked below is a complete, valid HTML page with internal CSS. It has a dark green header, a navigation bar, an about section, the three tour packages in a list, a booking form card with all required fields, and a footer. The page structure was checked for balanced tags and every required section.
What Does the Solution File Cover?
The file covers the complete Northern Trails webpage. The header shows the welcome heading and the tagline about exploring the beautiful destinations of Pakistan. The navigation bar links to Home, Tour Packages, and Book a Tour. The about section introduces the agency, the packages list names Hunza, Skardu, and Swat, and the booking form collects everything a tour booking needs.
What Does the Booking Form Contain?
The booking form is a styled card with six fields: customer name, email address, contact number, a destination dropdown with Hunza, Skardu, and Swat, a preferred travel date picker, and a number of travellers field with a minimum of 1. A full-width submit button labelled Submit Booking completes the form. The form is styled with padding, rounded corners, and a soft shadow so it stands out from the page.
How Is the Page Styled?
All styling is internal CSS in the page head. The page uses a light green background, a dark green header and footer, a lighter green navigation bar with a hover effect on the links, and clean typography throughout. The form card is white with a light border and rounded corners, centered on the page.
How Do You Download the Solution File?
You can download the complete solution file from Google Drive using the link below. The file is an .html file. Open it in any browser to see the page, and open it in a text editor if you want to study or adjust the code. Replace the VU ID in the page title with your own before submitting, as noted in the file itself.
How Should You Use This Solution?
A solution file helps most when you use it to learn, not just to submit. Open the page in a browser and try the form: pick a destination, choose a date, and change the traveller count. Then read the CSS section by section and see how each rule shapes the header, navigation, and form card. Also check your work against the exact assignment file on VULMS, since question wording can vary.
- Download the .html file and open it in a browser.
- Replace the VU ID in the page title with your own.
- Try every form field, including the date picker and traveller count.
- Study how the internal CSS styles each page section.
- Check every section against your own question file on VULMS.
For more study material, you can download course handouts from the VU handouts page and compact revision notes from the VU short notes page. Past papers are also useful for web development practice, and you can find them on the VU midterm past papers page.
Frequently Asked Questions
Is this the complete solution for CS202 Assignment 1 Fall 2026?
Yes. The file is a complete HTML page with a header, navigation, about section, tour packages list, booking form, and footer. The assignment carries 20 marks and the due date is 7 November 2026.
Why do I need to change the VU ID in the title?
Because the page title carries your VU ID, and the assignment expects your own ID there. The file itself notes where to make the change, so replace it before submitting.
Does the booking form need a server?
No. The form only needs to display and behave correctly in a browser. No server-side processing is required for this assignment.
Last updated: October 2026.
