This website is used to promote three different areas in Italy.
- Rome
- Abruzzo
- Sicily
- This website is for people who are thinking of visiting Italy and want more information.
- This website is for people based worldwide looking to travel for a holiday or extended stay.
- Three different types of holidays:
- Rome - City break
- Abruzzo - Nature lovers holiday.
- Sicily - Beach lovers holiday
- It is aimed at people aged 18+ with disposable income.
- Clear information on the three featured areas.
- Information on attractions in each place.
- Information on hotels and how to book.
- Clear contact form to get more information if required.
- A trustworthy, easy to navigate site that gives clear information about the featured areas.
- Multiple ways to contact the page admin's including links to social media pages.
- Build on and extend the awareness around these areas.
- Showcase attractions and hotels in each area.
- Promote Italy as a destination for every kind of holiday, relaxing beach break in Sicily.
- Nature lovers holiday in wild Abruzzo and finally a city of culture break in Rome.
- Using links to wikipedia and tripadvisor, potential clients have access to multiple information
- sources to help plan their holiday.
- Promote social media pages.
- Is this site trusthworthy and easy to navigate?
- Is the purpose of this site clear?
- Do I understand the information provided by the site?
- Is the information provided relevant to my needs?
- How can I contact them to ask for more information?
- Can I see some of the sights I can expect to see in these areas?
- Can I look at potential hotels?
- Can I follow this site on social media for more updates?
- If I have more questions can I easily contact them?
- Can I leave an online review?
- Can I use this site to book a hotel?
- Can I follow this business on social media?
- An easy to navigate website to promote the tourism web page and its social media accounts.
- Promote the three regions to help boost tourism in the specific areas by highlighting the attractions located in each.
- How to book hotels?.
- What the regions have to offer?
- Rome - City break
- Abruzzo - Nature lovers holiday.
- Sicily - Sun worshippers holiday.
- A gallery to show pictures of the items on offer here.
- How to contact for further information.
- A review section.
- An about section to give a brief history of the business.
- A minimalist site with clear sections for each region and hotels for those regions.
- A clear easy to use contact form and social media links.
- Good flow through the page so the user knows what to expect and how to find information.
- An easy to find and use contact form, with a button on the hero image that links straight to the contact form making it more convienent for repeat users.
- Multiple social media links to appeal to more users.
- Nav bar featuring links to various areas in the site.
- Hero image with a welcome paaragraph about Italy featuring a contact button for ease of use.
- Clickable links to tripadvisor and wikipedia for hotel bookings and info.
- Contact for with email address, message, phone number, name.
- Section with address, e-mail and telephone number.
- Footer with social media links, legal info.
- Colors used:
- #36454f charcoal,
- #ffffec cream,
- #f2f2f2 off-white,
- rgb(193, 238, 253) lightblue,
- rgb(0, 204, 255) blue,
- red
- Fonts used:
- "Dancing Script", cursive
- "Roboto", sans-serif
- Images:
- All from Unsplash.com
- A home page with a hero image and company logo in the nav bar.
- About us section with details of opening hours, address, e-mail address and phone number.
- A review section featuring customers reviews and images.
- Hero image with info text.
- Image with link to Wikipedia info page for attractions.
- Image with link to Tripadvisor info page for hotels.
- Hero image with info text.
- Image with link to Wikipedia info page for attractions.
- Image with link to Tripadvisor info page for hotels.
- Hero image with info text.
- Image with link to Wikipedia info page for attractions.
- Image with link to Tripadvisor info page for hotels.
- Featuring an area for users to request info if needed.
- Interactive map featuring markers with info windows.
In the future I would like to build on to this site by adding:
- An online booking system.
- A section for users to post their pictures to the page.
- HTML5
- CSS3
- Bootstrap 4
- JS
- jQuery
- Font Awesome
- Google Fonts
- Google Maps
- Located in seperate file (assets.testing.md)
- Customer Goals
- Business Goals
- Repeat Customer Goals
- Windows 10
- Microsoft Edge
- Apple Macbook Project
- Samsung Galaxy Tab A 8.0
- Various devices screens available on DevTools
- Sign into GitHub and access your repositories.
- Select desired repository.
- Once clicked on, this bring you to a code and deploy page which contains details of your READme.md, a description of the repository details and other info.
- Located near the top, under the repository name is a tool bar. At the end of this bar is a settings selector.
- Click on settings and scrool down to GitHub Pages. Here you will click on the dropdown menu under source. (Currently showing "None"), click on this and select "Master", click save. Page will automatically refresh. Once refreshed, scroll down to find the link to your website high-lighted in green.
- Click on this or copy and paste into browser to access your site.
- If you have a GitHub account you will need to log in. If not you will need to sign up at https://www.GitHub.com/ to access this file.
- To run project, go to the repository for that project and click on it.
- Click the Green button to start the repositroy. This should only be clicked once as each time it is clicked it opens a new copy of the GitHub workspace.
- The workspace is now open to be viewed and edited locally.
- To clone select desired repository.
- Once clicked on, this bring you to a code and deploy page which contains details of your READme.md, a description of the repository details and other info.
- Located beside the green gitpod button is a button with "Code" written on it. Here you will find a drop-down menu, that when selected gives you the option to clone or download the repository file.
- For my navbar I used code from W3Schools/bootstrap with jquery and popper.js.
- CSS for the row and column class for the menu page was taken from W3Schools.
- The CSS for my hero-text was taken from W3Schools and amended to suit.
- All images used in this project were taken from Unsplash.com
- All icons taken from font awesome.
- Content for this Milestone 2 Project was created by myself, Irene Neville, with help from the Code Institute and my mentor Brian Macharia, and other exceptions previously stated.
- All media from Unsplash.com
I would like to take this opportunity to thank my mentor Brian Macharia for all his help during this project and to Anna Gilhespy and Haley Schafer for ideas on how to complete a READMEmd.
I would also like to thank the student support team, all on the CI Slack community and everyone at Code Institute for helpful advise, videos and content.