Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Booking section #400

Merged
merged 2 commits into from
Oct 9, 2024
Merged

Booking section #400

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a8ddbf7
Updated contributors list
yashksaini-coder Oct 9, 2024
5f6aa55
fix booking section
poorvikaa08 Oct 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -161,6 +161,13 @@ A heartfelt thank you to the following individuals for their valuable contributi
<sub><b>Akhand Pratap Singh</b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/devarsheecodess">
<img src="https://avatars.githubusercontent.com/u/114805934?v=4" width="100;" alt="devarsheecodess"/>
<br />
<sub><b>Devarshee Gaunekar</b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/Bhum-ika">
<img src="https://avatars.githubusercontent.com/u/91523494?v=4" width="100;" alt="Bhum-ika"/>
Expand All @@ -175,21 +182,14 @@ A heartfelt thank you to the following individuals for their valuable contributi
<sub><b>Aradhya Yadav</b></sub>
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://github.com/anuragverma108">
<img src="https://avatars.githubusercontent.com/u/129655645?v=4" width="100;" alt="anuragverma108"/>
<br />
<sub><b>Anurag Verma</b></sub>
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://github.com/devarsheecodess">
<img src="https://avatars.githubusercontent.com/u/114805934?v=4" width="100;" alt="devarsheecodess"/>
<br />
<sub><b>Devarshee Gaunekar</b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/Archisman141">
Expand Down
154 changes: 23 additions & 131 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -469,47 +469,16 @@ <h3>Romantic Getaway</h3>
<section id="cab-booking" class="cab-booking-section light-mode">
<div class="booking-container">
<h2>Book a Cab or Auto</h2>
<p>Book a cab or auto with ease</p>
<form action="/book-cab" method="POST">
<div class="form-group">
<label for="pickup-location">Pickup Location:</label>
<label for="pickup-location" style="font-size: 15px;"><strong>Pickup Location</strong></label>
<input type="text" id="pickup-location" name="pickup-location" placeholder="Enter pickup location" required />
</div>
<div class="form-group">
<label for="drop-location">Drop Location:</label>
<label for="drop-location" style="font-size: 15px;"><strong>Drop Location</strong></label>
<input type="text" id="drop-location" name="drop-location" placeholder="Enter drop location" required />
</div>
<div class="form-group">
<label for="vehicle-type">Vehicle Type:</label>
<select id="vehicle-type" name="vehicle-type" required>
</section>

<!-- Cab or Auto Booking -->
<section
id="cab-booking"
class="cab-booking-section"
style="
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 10px;
"
>
<h2
style="
font-size: 3em;
font-weight: 700;
margin-left: 40px;
margin-top: 10px;
"
>
Book a Cab or Auto
</h2>
<p style="margin-left: 40px; font-size: 1.5em; margin-bottom: 30px">
Book a cab or auto with ease
</p>


<form
action="/book-cab"
method="POST"
Expand All @@ -521,111 +490,34 @@ <h2>Book a Cab or Auto</h2>
flex-direction: column;
"
>
<div>
<label style="font-size: 1.5em; margin-right: 15px" for="pickup-location"
>Pickup Location:</label
>
<input
style="height: 29px; width: 200px; padding: 5px;"
type="text"
id="pickup-location"
name="pickup-location"
placeholder="Enter pickup location"
required
/>
</div>
<div style = "margin-bottom: 20px;">
<label style="font-size: 1.5em; margin-right: 25px" for="drop-location"
>Drop Location:</label
>
<input
style="height: 29px; width: 200px; padding: 5px;"
type="text"
id="drop-location"
name="drop-location"
placeholder="Enter drop location"
required
/>
</div>
<div style="display: flex; align-items: center; margin-bottom: 20px;">
<label
style="font-size: 1.5em; margin-right: 35px;"
for="vehicle-type"
>Vehicle Type:</label
>
<select
id="vehicle-type"
name="vehicle-type"
style="width: 150px; height: 29px; padding: 5px;"
required
>

<option value="cab">Cab</option>
<option value="auto">Auto</option>
</select>
</div>

<div style="display: flex; align-items: center; margin-bottom: 20px;">
<label style="font-size: 1.5em; margin-right: 35px;" for="vehicle-type">
<strong>Vehicle Type</strong>
</label>

<select
id="vehicle-type"
name="vehicle-type"
style="width: 150px; height: 29px; padding: 5px;"
required >
<option value="cab">Cab</option>
<option value="auto">Auto</option>
</select>
</div>

<div class="form-group">
<label for="travel-date">Travel Date:</label>
<label for="travel-date" style="font-size: 15px;"><strong>Travel Date</strong></label>
<input type="date" id="travel-date" name="travel-date" required />
</div>
<div class="form-group">
<label for="travel-time">Travel Time:</label>
<label for="travel-time" style="font-size: 15px;"><strong>Travel Time</strong></label>
<input type="time" id="travel-time" name="travel-time" required />
</div>
<button class="book-btn" type="submit">Book now</button>


<div style="margin-bottom: 20px;">
<label style="font-size: 1.5em; margin-right: 35px;" for="travel-date"
>Travel Date:</label
>
<input
style="height: 29px; width: 200px; padding: 5px;"
type="date"
id="travel-date"
name="travel-date"
required
/><br /><br />
</div>

<div style="margin-bottom: 20px;">
<label style="font-size: 1.5em; margin-right: 35px;" for="travel-time"
>Travel Time:</label
>
<input
style="height: 29px; width: 200px; padding: 5px;"
type="time"
id="travel-time"
name="travel-time"
required
/><br /><br />
</div>
<button class="book-btn" type="submit" style="padding: 15px; font-size:20px">Book now</button>

<button
style="
background-color: #007bff;
color: white;
border: none;
width: 200px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
cursor: pointer;
align-self: center;
padding: 10px;
margin-bottom: 20px;
"
type="submit"
>
Book now
</button>

</form>
</div>
</section>
</section>




Expand Down
Loading