Skip to content

Commit 54ead3a

Browse files
Nandan29300Nandan29300
committed
fourth contribution
1 parent eaee8f3 commit 54ead3a

File tree

2 files changed

+89
-0
lines changed

2 files changed

+89
-0
lines changed

‎UI Snippets/transportation booking/index.html

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Transportation Booking</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
}
11+
12+
.container {
13+
max-width: 400px;
14+
margin: 0 auto;
15+
padding: 20px;
16+
border: 1px solid #ccc;
17+
border-radius: 5px;
18+
}
19+
20+
h1 {
21+
text-align: center;
22+
}
23+
24+
form {
25+
display: flex;
26+
flex-direction: column;
27+
}
28+
29+
label {
30+
margin-top: 10px;
31+
}
32+
33+
input[type="text"],
34+
input[type="date"],
35+
select {
36+
padding: 10px;
37+
margin: 5px 0;
38+
border: 1px solid #ccc;
39+
border-radius: 3px;
40+
}
41+
42+
input[type="submit"] {
43+
background-color: #007BFF;
44+
color: white;
45+
padding: 10px;
46+
border: none;
47+
border-radius: 3px;
48+
cursor: pointer;
49+
}
50+
51+
input[type="submit"]:hover {
52+
background-color: #0056b3;
53+
}
54+
</style>
55+
</head>
56+
<body>
57+
<div class="container">
58+
<h1>Transportation Booking</h1>
59+
<form>
60+
<label for="origin">Origin</label>
61+
<input type="text" id="origin" name="origin" required>
62+
63+
<label for="destination">Destination</label>
64+
<input type="text" id="destination" name="destination" required>
65+
66+
<label for="date">Date</label>
67+
<input type="date" id="date" name="date" required>
68+
69+
<label for="vehicle">Vehicle Type</label>
70+
<select id="vehicle" name="vehicle" required>
71+
<option value="car">Car</option>
72+
<option value="bike">Bike</option>
73+
<option value="bus">Bus</option>
74+
<option value="train">Train</option>
75+
</select>
76+
77+
<input type="submit" value="Book Now">
78+
</form>
79+
</div>
80+
</body>
81+
</html>

‎client/src/lib/snippets.json

+8
Original file line numberDiff line numberDiff line change
@@ -118,6 +118,14 @@
118118
"codepen-link":"https://codepen.io/Nandan-aghera/pen/LYqYZjv",
119119
"image-link":"https://imagetolink.com/ib/DIWEoDwgGu",
120120
"author":"Nandan"
121+
},
122+
{
123+
124+
"name":"Transportation Booking UI",
125+
"codepen-link":"https://codepen.io/Nandan-aghera/pen/yLZYgwg",
126+
"image-link":"https://imagetolink.com/ib/QLKsJROmte",
127+
"author":"Nandan"
128+
121129
}
122130

123131
]

0 commit comments

Comments
 (0)