https://github.com/apoorv0503/qtrip_static

https://github.com/apoorv0503/qtrip_static

api-rest bootstrap css html javascript json

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/apoorv0503/qtrip_static
• Owner: Apoorv0503
• Created: 2023-11-23T14:17:50.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-06T15:56:23.000Z (over 1 year ago)
• Last Synced: 2025-01-16T14:29:41.067Z (4 months ago)
• Topics: api-rest, bootstrap, css, html, javascript, json
• Language: HTML
• Homepage: https://bug-apd-qtrip.netlify.app/
• Size: 9.77 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# QTrip-Static

Welcome to QTrip! It is travel website with the Static features using HTML, CSS, JavaScript and Bootstrap.

Website URL: https://bug-apd-qtrip.netlify.app/

## This QTrip website will have these 3 pages:

### 1. Landing Page - 

This is the starting page for the website. It lists the various cities for which you can explore adventures

![Landing_Page](https://drive.google.com/uc?export=view&id=1Rv9V44qyjueihZoCBDbZaWPlgS1BmVyF)

### 2. Adventures Grid Page - 

This is the page that you’ll get to by clicking on one of the city cards on the Landing Page. It lists the Adventures available for that city.

![Adventures_Grid_Page](https://drive.google.com/uc?export=view&id=1RBS1Hh2eOP2E2pK1wKnso5kY8cXbyWVi)

### 3. Adventure Details Page - 

This is the page that you’ll get to by clicking on one of the Adventures on the Adventures Grid Page. It lists details about that particular Adventure.

![Adventure_Details_Page](https://drive.google.com/uc?export=view&id=1Nkknlg8eLRXzSbwvOgSaKfRAVP5TA8Bk)

## Overview:

The focus of this project is to use HTML, CSS and Bootstrap skills to create a Frontend website. QTrip has this travel website where users can browse the various Adventures on offer, based on their places of interest and book an Adventure.

* They can navigate between the pages by clicking on the cards and using the navigation bar.

* The website can also be viewed on other devices such as smartphones and tablets.