This is a website made for the 1st Milestone Project of the Code Institute Full Stack Web Developer Course. It represents a website for a fictional travel agency providing tours in Vietnam. The main purpose is to give possible clients information on the tours on offer and a means to contact the company.

All company details in this site are purely fictional

Here is the Live Demo

The website is aimed at people who have already decided on Vietnam as their travel destination but are looking for organized tours to see multiple locations within the country.

Color scheme chosen is a combination of gray, white and pink with yellow used as a highlighter to draw attention to certain promotions and bottons. The more neutral basic color scheme was chosen to calm the overall look of the site as most pictures used are very colorful.

• As a user, I want to see what travel options a company offers so that I can decide whether to book a trip or not.
• As a user, I want to be able to book my trip via the website
• As a user, I want to be able to find the contact details so that I can easily contact the company.
• As a user, I want to be able to locate the social media presence easily.

Design documents are located here

The site uses a collapsed navigation bar for small screens and a while for larger screens it stays fully visible.

The footer is sticky, placed at the bottom of the page for more balanced look accross different screen sizes.

There are links to the various social media accounts in the footer; for the purpose of the project my personal accounts were linked there.

As the navigation bar is not sticky but disappars when scrolling down the page a link back to top is included in the footer.

There are also three bottons on the site:

• Book an 8 day tour
  • Visitor can book an 8 day tour, by filling out the submit form in section "Our Tours" page "8 Day Vietnam at a glance" with their email address
• Book a 16 day tour
  • Visitor can book a 16 day tour, by filling out the submit form in section "Our Tours" page "16 Day Complete Vietnam at a glance" with their email address
• Subscribe to a newsletter
  • Visitors can subscribe to a newsletter, by clicking on Sign Up! button and filling out the submit form in home page.

Should this be used for an actual travel agency the following features would need to be added to make sure visitors can fully complete their booking process via site:

• Calendar based booking system allowing user to finalize the initial reservation immediately
• Enable payment during the booking process
• A user login, including possibilities to:
  • View booked trips
  • Manage bookings
  • Share booking details with other registered users

• Bootstrapcdn
  • Bootstrap for modifiable design elements
  • Font-awesome for adding icons
• HTML
• CSS

The follow tests were made to ensure the sign up and book buttons and forms are working properly:

1. Sign Up form
   1. Go to the "Home" page
   2. Try to submit the form without an email address and verify that a relevant error message appears
   3. Try to submit the form without a name and verify that a relevant error message appears
2. Book Now form - 8 Days
   1. Go to the "8 Days Vietnam at glances" page under Our Tours
   2. Try to submit the form with an invalid email address and verify that a relevant error message appears
   3. Try to submit the form without a name and verify that a relevant error message appears
   4. Try to submit the form without a desidered start date and verify that a relevant error message appears
3. Book Now form - 16 Days
   1. Go to the "16 Day Complete Vietnam" page under Our Tours
   2. Try to submit the form with an invalid email address and verify that a relevant error message appears
   3. Try to submit the form without a name and verify that a relevant error message appears
   4. Try to submit the form without a desidered start date and verify that a relevant error message appears

In addition, the link to top at the footer of each site as well as the navigation links at the top were all tested to make sure they work as expected.

The site was reviewed on laptop, mobile phone and a large monitor using 1E11, Chrome, Edge and FireFox.

The project is hosted on GitHub pages and is deployed directly from the master branch. As is required by GitHub pages the landing page file naming is kept as index.html. Any new commits to the master branch will automatically reflect on the deployed site.

The textual content on this site is written by me.

The image collages where made based on code in this

The sticky footer was made based on the instructions here

The photos used in this site were obtained from:

• pexels.com
• pixabay.com and
• Micheal F.

Pexels and Pixabay offer roaylty free photos, pictures provided by Micheal F were used with the consent of the author for the purpose of this project.

I want to say special thank you to the following parties for making this project possible:

• Code Institute by providing me the training materials
• Micheal F by sharing information on what to see in Vietnam and photos to use
• And finally, a special thank you to my menter seun_mentor for supporting me through this journey