This is a website desighned for a travel agent who offers specific tour packages to South East Asia as one-of-kind experiences.

Top part of the page

1. An introduction to the website with two <p> texts,

2. a clickable button which includes the firm of the travel agent*

3. and lastly an img background in full-width of the page.

*The button when clicked it will hide the content of the buttons in the main part of the website.

Main part of the page

1. A highlighting title which will add a background-color to the buttons,imgand <p> that follow,
2. 3 buttons which will toggle and reveal or hide an img and <p>

• inside the <p> there is an <a> link to the tour packages that are on offer,

3. the Google Map element,

• on which are visible the 3 clusters and popup bubbles for the 3 destinations
• and also the <a> links for the packages.

Footer part of the page

There is a 3-line request form that the user can use to submit their interest for the available travel destinations by submitting their name and email-address fields which are both required.

More available options in the request-form that would allow the user to select their travel package, from a popup field.

• Bootstrap
  • Various components were used from Bootstrap's library such as
    • buttons&forms
    • and container-fluid for the structure of the website
• CSS3
  • Used extensively for the styling of the elements
• Font Awesome
  • Used for all the icons
• Javascript
  • for all the functions
  • elements interaction
• Google Map's API
  • for the implemantion and code sourcing of the map.

For both HTML5 and CSS3 were used online validators to test the code.

GoogleChrome's inspect tools were also used for correcting and altering the @media-queries and also Javascript debugging.

Lastly, the website was tested in different browsers and devices and are responding smoothly to different screen sizes without altering the elements.

The project was created on Cloud9's CLI, using git's terminal commands for system control and making regular git commits in order to make it easily approacheable and readable to other developers. Finally, the website was pushed on GitHub with the git push -u command in the terminal and hosted on the master branch of GitHub pages .

Paragraphs and links were taken from Tripadvisor's and Mountainkingdoms pages.

Were sourced from Google images library.

Self inspired for the color-contrast, style of the webpage and img as well as the page-layout. Colors sourced from Mozilla.developer.

Forms inspired by Code Institute from a previous project 'My Resume'.