Since moving to France my wife has studied and become an English Language tutor. She has been employed for the last five years by the Chambre de Commerce and has now also started to work as an autoentrepreneur. Up until now she has relied on word of mouth for new clients but she is looking to expand.

The idea for this project was to advertise her work to a wider audience. I hope to highlight all the different options displaying course choices, levels offered, useful links and reviews from past and present students. This will hopefully achieve higher student takeup.

The website is designed for students looking to gain additional language skills by hiring Ms Buckley as a tutor and supplying useful links to education material. The user can navigate through the website in either french or english and easily pull out the information they need and how to contact Ms Buckley.

Wireframe pdf can be found is available with all files for this project. The pdf shows the original thoughts for layout in mobile and medium/large screen. Through disussion with J Buckley some parts have changed.

Below are the sections which are incorporated into the website.

'Flags' - allow the user to change the language of the website.

'About Me'- gives you background on who Ms Buckley is, her education and who she teaches.

'Classes/Prices' - gives an overview of the classes she will teach and the relevent prices.

'Reviews' - shows comments provided by past and present students and the idea is that recommendations for other people says alot. Background images represent the type of people she has taught. These are business people, colleague student, retired people looking to travel and people who like to learning new languages for pleasure.

'References' - has useful links to podcasts, blog, videos and other useful websites. These are also good sources for learning.

'Contact' - information form to provide name, email, class type you are interested in, current language level and text area for additional information.

• Implement php email option.

• Bootstrap 4
• HMTL 5
• CSS3
• Fontawesome.com

Tested through the inspection tools in responsive mode and various screen sizes on Firefox, Chrome, Safari and Microsoft Edge. Additional test on different size andriod devices, iphone 5, ipad mini and ipad.

Checked on all devices and browsers mentioned above. Clicked between each language, English to French and French to English.

Moved through page in sequental order. Moved through page in random order

Review text checked on multiple devices and inspection tool to see best break point for change in font size.

Checked that all links access the correct site and are displayed in a new tab. Problem found on Microsoft edge where alignment of boxes did not work. On large screen should display two rows of two but instead displayed one column of four and was off center. Code changed and display is correct.

Social links currently go to log in page as J Buckley needs to create the accounts.

Required fields are first name, last name and email. For first and last name message appears when fields are blank. For email address message appears if blank and also if not valid email address. On pressing submit button the 'welcome to mail' box will appear to add an account. Found php code to implement full emailing but did not include as not part of project. Has been added to features to implement.

• Clicking Home page does not go straight to the top but part way over the book image.
• On Safari when dragging the page down white space appears. On release of screen page will go back to navbar.

• Published site: https://hob71.github.io/Milestone-Project-English-Tutor/
• GitHub site: https://github.com/hob71/Milestone-Project-English-Tutor

The code in the deployed version is the same as my gitpod repository.

Image quote by Frank Smith. Wording for about me section by Jeanette Buckley. Wording for reviews section provided by past and present students, first names mentioned under review. Images from Upsplash.com for reviews section, photographers were Aaron Burden, Tron Le, Dylan Gillis, Sebastian Herrmann, Elliot Reyna and Nong Vang. Image for title from Upslash.com, photographer was Sharon McCutcheon. images of flags from IconFinder.com - Vathanx. In addition to Technologies sources for some coding from Code Institute (Rosie project), w3schools.com and Stackoverflow.com.

Also like to thank the student care for their support at the end of the project.