This project is a result of my learnings in web development. It is a fictional Marina website designed as a one-page application to showcase my skills in HTML, CSS, jQuery, and GSAP (GreenSock Animation Platform) libraries.
The website is divided into different sections to provide information about the Marina, showcase a gallery of images, display upcoming events with names, dates, and admission prices, and offer a means of contact.
The "About" section provides a brief overview of the Marina, offering users insights into its history, facilities, and services. Please note that the "About" section currently features a placeholder Lorem Ipsum text due to time constraints.
The "Gallery" section showcases a collection of images related to the Marina, including images from regattas, excursions, and events. To enhance the user experience, I have integrated the lightbox-plus library with jQuery, allowing users to view images in an interactive lightbox.
The "Events" section lists upcoming events hosted by the Marina, providing users with information on event names, dates, and admission prices.
The "Contact" section provides users with a means to get in touch with the Marina. It includes links to Instagram, Facebook, WhatsApp, and Airbnb.
-
HTML
-
CSS
-
jQuery with lightbox-plus library for image gallery
-
GSAP (GreenSock Animation Platform) for dynamic elements
I am aware that there is currently no "back-to-home" button in the gallery section. Users can navigate back to the front page using the browser's navigation. I plan to implement the button in the future when time allows.
You can preview this page using the Github Pages link on the left side of this repository.
Feel free to provide feedback or constructive criticism. I am open to suggestions that can help me enhance this project and my skills as a web developer. Thank you for exploring this Marina website project!