This website was build for Travelers to either share their Tips from their travels or ask questions to maybe help them to decide to plan their holidays.

This website can build community where people share the same interest, which is Traveling.

The website is divided into few parts, part one where you can use Skyscanner to find the best deals. Second part when you can look for some inspiration for your next holiday, which you can use by the type of holiday etc. Family, Luxury and so on, or you can look for some inspiration by your interests such as Skiing, Hiking or more advantures holidays.

Part three is design to interact with other Travelers to either giv a Tip and upload the photos or Ask a question.

Part four is map, when you can find any amenities, such as restaurants, parks, museums and other.

The last part is when you can subscribe for any special deals and offers.

Wireframes are to be found in Gitpod under README.md

The whole side has blue and white contrast to enhance the holiday feel. I have chossen the background picture with the blue hat, which I think is very eye-catching and will get people who visit the website interested in quickly to scroll through out the content.

In section 'What is Popular' and 'Get Active', I have used cards with images which are relevant to the topics. The cards are nice way to present the idea of how to look for holidays based on certain interest. You can either click on the card itself or on the small square in the bottom, or the image. Etheir way it works so it will open new page with some ideas of the travels.

The section 'Travelers to Travelers' and footer which includes Social Links and 'Subscribe for deals' is styled with nice contrast of blue and yelow.

The website is working on all devices, on the main computer desk view all the cards are presented in line of four, on smaller devices in line of two and the smallest screens would have each card in one line.

The website has interactive elements:

• Skyscanner widget implemented for searching the best deals
• Css cards which are related to some holiday topics and when clicked on another page will load with some ideas
• From Travelers to Travelers section has two pop-up windows to either 'Give a Tip' or 'Ask a question'.
• The map to look for some amenities
• Subscribe for deals

HTML5 CSS3 Javascript

Bootstrap 4.4.1: Bootstrap specially the Grid system was used to structure the web pages. There are containers to separate the sections, two of them are jumbotrons for design and efectivness purposes.

Hover.css: The social links and buttons change color to ligher blue to contrast the dark blue.

Google Fonts: Google fonts were used to import the 'Roboto' font into the style.css file which is used on all pages throughout the project and 'Exo' font which was used on all headings.

Font Awesome: Font Awesome was used for social links and buttons.

jQuery and Javascript: The skyscanner widget and specially map.

Git: Git is used for version control.

GitHub: GitHub is used for storing the websites codes after being pushed from Git.

Large amount of testing was done through all the coding process to make sure the website works on all device sizes.

The Website was tested on few browsers such as Google Chrome, Safari and Firefox. The website was viewed on a variety of devices such as Desktop, Laptop, Samsung 7 Edge. Family and friends were asked to open the website and let some feedback.

I wanted to provide the search box for map using Google places API, It just didn't work with the API I got, even I have used also Library=spaces in my html. There is no time due my exam subbmiting deadline.

This project was written in HTML & CSS using Gitpod and was deployed to GitHub pages.

The project was deployed using the following steps...

• Log in to GitHub and locate the GitHub Repository.
• At the top of the Repository locate the "Settings" Button on the menu.
• Scroll down the Settings page until you locate the "GitHub Pages" Section.
• Under "Source", click the dropdown called "None" and select "Master Branch".
• The page will automatically refresh.
• Scroll back down through the page to locate the now published site link in the "GitHub Pages" section.

• Bootstrap - html, css, js library
• Free-fronted CSS Cards
• w3schools
• Code Institute solutions
• Code Institute materials

• free-stock photo website

• My Mentor for his feedbacks and support
• Code Insttitute Team for their continuous support.