https://github.com/kvishalrj/xcruise

A static page of cruise
https://github.com/kvishalrj/xcruise

Last synced: 11 days ago
JSON representation

A static page of cruise

• Host: GitHub
• URL: https://github.com/kvishalrj/xcruise
• Owner: kvishalrj
• Created: 2024-06-07T13:27:12.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T18:10:04.000Z (7 months ago)
• Last Synced: 2024-06-13T00:22:09.998Z (7 months ago)
• Language: HTML
• Size: 5.63 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# XCruise💻

### XCruise is a responsive static website built from scratch using HTML and CSS to provide a seamless and visually appealing experience for users looking to book cruise vacations. The project involved developing a responsive and interactive website that showcases various cruise destinations and provides essential information about XCruise offerings.

While building this Buildout, the developer:

   - Understood the application requirements and implemented the project from scratch.

   - Tested the implementation to ensure correctness and responsiveness across different devices.

   - Made use of CSS Flexbox and CSS Grids to create a visually appealing layout.

 >## Build the XCruise Landing Page

 ### Scope of Work

- Designed and implemented a responsive navigation bar that integrates a custom logo and interactive links to various sections of the site.

- Designed the hero section with a background image and a call-to-action button.

- Created a 'Discover' section to showcase popular and exotic cruise destinations using dynamically styled cards and interactive image pills. 

- Leveraged CSS Grids to facilitate a more structured and aesthetically consistent arrangement of content, contributing significantly to the overall user experience.

- Implemented responsive design for the contact section to ensure readability and ease of access on mobile devices.

- Designed a comprehensive footer section with categorized links for easy navigation and social media icons to increase user engagement.

### Skills used

HTML5, Semantic HTML, CSS, CSS Positioning, Media Queries, CSS Flexbox, CSS Grids, Responsive Design

## Overview of the Project 👇

![](/Images/1.png)

![](/Images/2.png)

![](/Images/3.png)