Portfolio Project One: HTML/CSS Essentials - Code Institute - Deadline 1st July 2021
This is my submission for Code Institute's (5P) Portfolio Project One. It is a fictitious company with corresponding website which provides the service of planning customers' holidays in The Caribbean. The website is created with HTML and CSS as well as with the use of many other technologies. The website covers the most basic function of the company: "The new way to plan your Caribbean getaway", the steps a customer can take to get started on their holiday ideas, reviews from customers, a gallery page and a page to download the company's brochure which is published every month, as well as two pages to help the customer make the decision of where they would like to go (Islands) and what type of holiday they would like to partake in (Types). There are also contact links at the bottom of all pages with personal links to my own Instagram account as many static images have come from my own photography portfolio (from index.html, gallery.html and contact.html, as well as the background images of the brochure downloadable).
A live demo of the website can be found HERE
Please follow this LINK to view the UX section.
Please follow this LINK to view the Technologies section.
Please follow this LINK to view the Features section.
Please follow this LINK to view the Testing section.
Please follow this LINK to view the Deployment section.
- Mark Caron - Hamburger menu used for smaller screen sizes in header of all HTML pages.
- Sourced from: https://medium.com/@heyoka/responsive-pure-css-off-canvas-hamburger-menu-aebc8d11d793
- Also viewable on: https://gist.github.com/markcaron
- Use this link to view how I edited the code to meet the needs of the website: Edited code file
- Factual statements used in the islands.html file are taken from the Wikipedia pages of the relevant islands (referenced via external link in the relevant information box)
- Factual statements used in the types.html file are found from standard Google searches e.g. "What is the average temperature in the Caribbean?", "When is hurricane season in the Carribean" and "What were the after effects of Hurricane Irma?"
- The bulk of the text found in the types.html page are written from my own thoughts and ideas
- The reviews written in index.html were written by my family members and myself
- HTML code used in the website was taken from the classes delivered by Code Institute in the HTML essentials module (with the esception noted in the Code Credits section)
- CSS code used in the website was taken from the classes delivered by Code Institute in the CSS essentials module (with the esception noted in the Code Credits section)
All images seen on the website apart from those listed below are from my own photography portfolio, some of these images can be found on my Instagram page and some on my Facebook page in the Caribbean Cruise Albums.
- Julia Volk - Background image of 'Flights' section in types.html
- Artem Beliaikin - Background image of 'Beach' section in types.html
- Belle Co - Background image of 'Groups' section in types.html
- Hitesh Choudhary - Background image of 'Naturist' section in types.html
- Porapak Apichodilok - Background image of 'Singles' section in types.html
- Asad Photography - Background image of 'Hotel' section in types.html
- Miles Hardacre - Background image of 'Activity' section in types.html
- Pixabay - Background image of 'Activity' section in types.html
- Ray Harrington - Background image of 'Cruises' section in types.html
- Cédric Frixon - Background image of 'Lucayan Archipelago' and 'Leeward Islands' sections of islands.html
- Simon Hajducki - Background image of 'Cayman Islands & Jamaica' and 'Trinidad & Tobago and Barbados' sections of islands.html
- Emily Bauman - Background image of 'Cuba', 'Hispaniola and Puerto Rico', 'Windward Islands' and 'ABC islands' sections of islands.html
- Nikunj Patel - Background video of thanks.html
- Bela Rice - Background video of 404.html
- Taryn Elliott - Background video of index.html top section
- To my fiancé - you are my absolute rock and got me through some pretty stressful times! Thankfully as a senior DevOps engineer you were able to stop the mental breakdowns I had when I thought I had to delete my whole project because of a corrupt file... you taught me 'Git Reset'. I love you.
- To my family - thank you for testing the website and giving me lots of tips for making the website have a better user experience, your advice and ideas mean the world and I could never do without you.
- To Nishant Kumar - My mentor. You had to keep me grounded and convince me speeding off at the speed of light isn't always the best thing. I'm still not very good at it... but I am trying to stay grounded and think about things before rushing off to start typing code - perhaps Project Two can be the test?
- To my close work colleages at East Lancs Hospitals Trust - you have supported me through this endevour and also tested out the website, thank you for always wanting the best for me.
- To Katie Raby - You will probably never see this, but you are the reason I'm doing this course. It was your blog post and your journey that has inspired me to become a coder, I'll see you next year at my wedding as you're one of my best friends other halves - but I doubt you'll know how much you've changed my outlook on life. The words 'thank you' will never be enough.
- Click HERE for types.html Screenshot
- Click HERE for gallery.html Screenshot
- Click HERE for contact.html Screenshot
- Click HERE for thanks.html Screenshot
- Click HERE for 404.html Screenshot
- Click HERE for large map page linked via islands.html Screenshot
Back to the top.