├── landing page ├── Image1.png ├── Image2.png ├── Image3.png ├── Image4.png ├── Image5.png ├── Image6.png.jpg ├── background.jpg ├── message.html ├── style1.css ├── index.html ├── login.html ├── style.css ├── index5.html ├── index1.html ├── index3.html ├── index2.html └── index4.html └── README.md /landing page/Image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/Image1.png -------------------------------------------------------------------------------- /landing page/Image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/Image2.png -------------------------------------------------------------------------------- /landing page/Image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/Image3.png -------------------------------------------------------------------------------- /landing page/Image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/Image4.png -------------------------------------------------------------------------------- /landing page/Image5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/Image5.png -------------------------------------------------------------------------------- /landing page/Image6.png.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/Image6.png.jpg -------------------------------------------------------------------------------- /landing page/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aashik-2004/landingpage/HEAD/landing page/background.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # landingpage 2 | it is a landing page for booking system .which contain landing link for booking train,auto,bus,air,car. 3 | -------------------------------------------------------------------------------- /landing page/message.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Booking Confirmation 7 | 25 | 26 | 27 |
Ticket Booked Successfully
28 | 29 | -------------------------------------------------------------------------------- /landing page/style1.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | background: linear-gradient(to right, #4facfe, #00f2fe); 4 | text-align: center; 5 | padding: 50px; 6 | } 7 | 8 | .container { 9 | width: 50%; 10 | margin: auto; 11 | background: white; 12 | padding: 30px; 13 | border-radius: 10px; 14 | box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); 15 | } 16 | 17 | h2 { 18 | color: #333; 19 | } 20 | 21 | input, select, button { 22 | width: 100%; 23 | padding: 12px; 24 | margin: 10px 0; 25 | border: 1px solid #ccc; 26 | border-radius: 5px; 27 | font-size: 16px; 28 | } 29 | 30 | button { 31 | background-color: #28a745; 32 | color: white; 33 | border: none; 34 | cursor: pointer; 35 | font-size: 18px; 36 | transition: 0.3s; 37 | } 38 | 39 | button:hover { 40 | background-color: #218838; 41 | transform: scale(1.05); 42 | } 43 | -------------------------------------------------------------------------------- /landing page/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Landing Page 7 | 8 | 9 | 10 |
11 | 21 | 22 |
23 |
24 |

Train Booking System

25 |
26 | Image 1 27 |
28 |
29 |
30 | 31 |
32 |
33 |
34 |
35 |

Bus Booking System

36 |
37 | Image 2 38 |
39 |
40 |
41 | 42 |
43 |
44 |
45 |
46 |

Auto Booking System

47 |
48 | Image 1 49 |
50 |
51 |
52 | 53 |
54 |
55 |
56 |
57 |

Car Booking System

58 |
59 | Image 1 60 |
61 |
62 |
63 | 64 |
65 |
66 |
67 |
68 |

Airline Reservation System

69 |
70 | Image 1 71 |
72 |
73 |
74 | 75 |
76 |
77 |
78 | 79 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /landing page/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Login | Booking System 7 | 8 | 71 | 72 | 73 |
74 |

Login to Your Account

75 |
76 |
77 | 78 | 79 |
80 |
81 | 82 | 83 |
84 | 85 | 86 |

Don't have an account? Sign Up

87 |
88 |
89 | 90 | 91 | -------------------------------------------------------------------------------- /landing page/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: Arial, sans-serif; 6 | } 7 | 8 | body { 9 | text-align: center; 10 | background-color: #f4f4f4; 11 | } 12 | 13 | header { 14 | background: rgb(22,38,109); 15 | padding: 15px 0; 16 | text-align: center; 17 | } 18 | 19 | nav ul { 20 | list-style: none; 21 | padding: 0; 22 | margin: 0; 23 | display: flex; 24 | justify-content: center; 25 | gap: 20px; 26 | } 27 | 28 | nav ul li { 29 | display: inline; 30 | } 31 | 32 | nav ul li a { 33 | color:#fff; 34 | text-decoration: none; 35 | font-size: 18px; 36 | font-weight: bold; 37 | padding: 10px; 38 | } 39 | 40 | nav ul li a:hover { 41 | color: #007bff; 42 | } 43 | 44 | #about { 45 | padding: 50px; 46 | background-color:#fff; 47 | color: rgb(22,38,109); 48 | } 49 | 50 | .image-container { 51 | display: flex; 52 | justify-content: center; 53 | gap: 20px; 54 | margin-top: 20px; 55 | } 56 | 57 | .image-container img { 58 | width: 500px; 59 | height: 250px; 60 | border-radius: 10px; 61 | } 62 | .button{ 63 | width: 100px; 64 | height: 20px; 65 | color: #fff; 66 | background-color: rgb(22,38,109); 67 | margin-top: 1rem; 68 | } 69 | #bus{ 70 | padding: 50px; 71 | background-color :rgb(22,38,109) ; 72 | color:#fff; 73 | } 74 | 75 | .image-container { 76 | display: flex; 77 | justify-content: center; 78 | gap: 20px; 79 | margin-top: 20px; 80 | } 81 | 82 | .image-container img { 83 | width: 500px; 84 | height: 250px; 85 | border-radius: 10px; 86 | } 87 | .button1{ 88 | width: 100px; 89 | height: 20px; 90 | background-color: #fff; 91 | color: rgb(22,38,109); 92 | margin-top: 1rem; 93 | } 94 | #auto{ 95 | padding: 50px; 96 | color :rgb(22,38,109) ; 97 | background-color:#fff; 98 | } 99 | .image-container { 100 | display: flex; 101 | justify-content: center; 102 | gap: 20px; 103 | margin-top: 20px; 104 | } 105 | .image-container img { 106 | width: 500px; 107 | height: 250px; 108 | border-radius: 10px; 109 | } 110 | .button2{ 111 | width: 100px; 112 | height: 20px; 113 | color: #fff; 114 | background-color: rgb(22,38,109); 115 | margin-top: 1rem; 116 | } 117 | #car{ 118 | padding: 50px; 119 | background-color :rgb(22,38,109) ; 120 | color:#fff; 121 | } 122 | 123 | .image-container { 124 | display: flex; 125 | justify-content: center; 126 | gap: 20px; 127 | margin-top: 20px; 128 | } 129 | 130 | .image-container img { 131 | width: 500px; 132 | height: 250px; 133 | border-radius: 10px; 134 | } 135 | .button3{ 136 | width: 100px; 137 | height: 20px; 138 | background-color: #fff; 139 | color: rgb(22,38,109); 140 | margin-top: 1rem; 141 | } 142 | #airline{ 143 | padding: 50px; 144 | color :rgb(22,38,109) ; 145 | background-color:#fff; 146 | } 147 | 148 | .image-container { 149 | display: flex; 150 | justify-content: center; 151 | gap: 20px; 152 | margin-top: 20px; 153 | } 154 | 155 | .image-container img { 156 | width: 500px; 157 | height: 250px; 158 | border-radius: 10px; 159 | } 160 | .button4{ 161 | width: 100px; 162 | height: 20px; 163 | color: #fff; 164 | background-color: rgb(22,38,109); 165 | margin-top: 1rem; 166 | } 167 | 168 | footer { 169 | background: rgb(22,38,109); 170 | color: white; 171 | padding: 20px; 172 | margin-top: 30px; 173 | } 174 | -------------------------------------------------------------------------------- /landing page/index5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Airline Booking System 7 | 80 | 81 | 82 |
83 |

Airline Booking

84 | 90 |
91 |
92 |

✈️ Book Your Flight

93 |
94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 109 | 110 | 111 |
112 |
113 |
© 2025 Airline Booking. All Rights Reserved.
114 | 115 | 116 | -------------------------------------------------------------------------------- /landing page/index1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Train Ticket Booking 7 | 8 | 97 | 98 | 99 | 108 |
109 |
110 |

Book Your Train Ticket

111 |
112 |
113 | 114 | 115 |
116 |
117 | 118 | 119 |
120 |
121 | 122 | 123 |
124 | 125 |
126 |
127 |
128 | 129 | 130 | -------------------------------------------------------------------------------- /landing page/index3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Auto Booking System 7 | 8 | 108 | 109 | 110 |
111 | Home 112 | Bookings 113 | Contact 114 |
115 |
116 | Book Your Auto Ride Instantly! 117 |
118 |
119 | 120 | 121 | 122 | 123 |
124 |
125 |
126 |
127 |

Auto No: TN 01 A 1234

128 |

Driver: Ravi Kumar

129 |

Fare: ₹100

130 |
131 | 132 |
133 |
134 |
135 |

Auto No: TN 02 B 5678

136 |

Driver: Arjun Sharma

137 |

Fare: ₹120

138 |
139 | 140 |
141 |
142 |
143 |

Auto No: TN 03 C 9101

144 |

Driver: Mohan Das

145 |

Fare: ₹90

146 |
147 | 148 |
149 |
150 | 151 | 152 | -------------------------------------------------------------------------------- /landing page/index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bus Ticket Booking - RedBus Style 7 | 8 | 108 | 109 | 110 |
111 | Home 112 | Bookings 113 | Contact 114 |
115 |
116 | Book Your Bus Ticket Easily! 117 |
118 |
119 | 120 | 121 | 122 | 123 |
124 |
125 |
126 |
127 |

Express 101

128 |

Departure: 10:00 AM | Arrival: 6:00 PM

129 |

AC Sleeper | ₹500

130 |
131 | 132 |
133 |
134 |
135 |

Superfast 202

136 |

Departure: 12:00 PM | Arrival: 8:00 PM

137 |

Non-AC | ₹350

138 |
139 | 140 |
141 |
142 |
143 |

Local 303

144 |

Departure: 2:00 PM | Arrival: 10:00 PM

145 |

AC Volvo | ₹700

146 |
147 | 148 |
149 |
150 | 151 | 152 | -------------------------------------------------------------------------------- /landing page/index4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Red Taxi - Cab Booking 7 | 8 | 121 | 122 | 123 |
124 | Home 125 | Bookings 126 | Contact 127 |
128 |
129 | Book Your Ride with Red Taxi! 130 |
131 |
132 | 133 | 134 | 135 | 136 |
137 |
138 |
139 |
140 |

Red Taxi - Compact

141 |

Driver: Ramesh Kumar

142 |

Fare: ₹300

143 |
144 | 145 |
146 |
147 |
148 |

Red Taxi - Sedan

149 |

Driver: Arjun Patel

150 |

Fare: ₹400

151 |
152 | 153 |
154 |
155 |
156 |

Red Taxi - SUV

157 |

Driver: Karthik Sharma

158 |

Fare: ₹500

159 |
160 | 161 |
162 |
163 | 164 | 165 | --------------------------------------------------------------------------------