An open API service indexing awesome lists of open source software.

https://github.com/webdevaminul/wda-landing-ticket

Responsive landing page with HTML, CSS and JavaScript, featuring a ticket selecting, coupon discount and also a success modal after booking.
https://github.com/webdevaminul/wda-landing-ticket

html tailwind-css vanilla-javascript

Last synced: 4 months ago
JSON representation

Responsive landing page with HTML, CSS and JavaScript, featuring a ticket selecting, coupon discount and also a success modal after booking.

Awesome Lists containing this project

README

          

# [WDA-Landing-Ticket](https://wda-landing-ticket.vercel.app)

## Demo

![WDA-Landing-Ticket-Demo](/assets/demo-img.png)

## Overview

This is a simple ticket booking landing page built using HTML, Vanilla CSS and JavaScript where user can select seat of bus and see the price. There is also coupon discount system.

## Technologies Used

- HTML
- CSS
- JavaScript
- DaisyUI

## Features

- Select seat
- Four seat allow coupon discount
- Side navigation bar
- Responsive design

## Setup and Running the Project

To run this project locally, follow these steps:

1. **Clone the Repository**:

```bash
git clone https://github.com/webdevaminul/WDA-Landing-Ticket.git
```

2. **Navigate to the Project Directory**:

```bash
cd WDA-Landing-Ticket
```

3. **Open the project with Visual Studio Code (recommended)**:

```bash
code .
```

4. **Install a Live Server**:
Install the [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension for Visual Studio Code if you haven't already

5. **Run the Live Server**:
Right-click on `index.html` and select `Open with Live Server`.

## Important

Ensure you have the Live Server extension installed in Visual Studio Code to run the project smoothly in a local development environment.

## Creadit & Contributions

Contributions are welcome! Please fork the repository and submit a pull request for any feature additions or bug fixes.
For any questions or inquiries, please contact [webdev.aminul@gmail.com].
Happy coding!