├── README.md ├── accounts.html ├── booking.html ├── booking2.html ├── contactus.html ├── home.html ├── index.html ├── itineary.html ├── manageflights.html ├── manager.html ├── mycss.css ├── myjs.js ├── newAirbus.html ├── newflight.html ├── payement.html └── user.html /README.md: -------------------------------------------------------------------------------- 1 | # Airline-Management-System-frontend 2 | Airline Management System Using HTML/CSS and Bootstrap for Booking Tickets 3 | 4 | ***Pages 5 | 6 | 1) Home page. 7 | 2) signIn/signUp. 8 | 3) Ticket Booking. 9 | 4) Contact-Us Page. 10 | 5) Itineary. 11 | 6) Admin Module. 12 | 7) Manager Module. 13 | 8) User Module. 14 | 9) Payment page. 15 | 10) Add/Delete Airbus. 16 | 11) Add/Delete Flights. 17 | 18 | 19 | **NOTE: Uncompress Images before using to get excellent experience. 20 | -------------------------------------------------------------------------------- /accounts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Accounts 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 30 | 31 | 54 | 55 | 56 | 57 | 58 | 59 | 60 |

61 | 62 |

64 | Dashboard 65 |
71 |
73 | Flight Schedule 74 |
80 |
83 | Airbus 84 |
90 |
92 | Accounts 93 |
99 |

101 |

102 | 103 | 104 | 105 |

106 |

New Account

107 |

108 |

109 |

110 |

111 |

112 | Account Information 113 |

114 |

115 | 132 |

133 |

134 |

135 | 136 |

137 |

138 |

139 | Password Update Information 140 |

141 |

142 | 161 |

162 |

163 |

164 | 165 |
166 |
167 |

Manage Accounts

168 |

169 | 170 |

171 |

172 |

173 | Account Information 174 |

175 |

176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 193 | 194 | 195 | 196 | 197 | 198 | 202 | 203 | 204 | 205 | 206 | 207 | 211 | 212 | 213 |

#	Username	Email
1	john	john@email.com	190 \| 191 \| 192 \|
1	john	john@email.com	199 \| 200 \| 201 \|
1	john	john@email.com	208 \| 209 \| 210 \|

214 | 215 |

224 | 225 | 226 |

227 |

228 |

229 |

230 |

231 | 232 | 233 | 250 | 251 | 252 | 253 | 254 | -------------------------------------------------------------------------------- /booking.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Booking 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 22 | 23 |

24 |

25 | 31 | 53 |

54 |

55 | 56 | 57 | 58 |

59 | 60 | 61 | 62 |

63 |

64 |

Book Your Flight

65 |

66 |

67 | 68 | 69 | 70 |

71 |

72 |

73 |

74 | Flight Information 75 |

76 |

77 |

78 | Class 79 | 84 | 85 |

86 | 126 |

127 |

128 |

129 |

130 |

131 |

132 | 133 | 134 | 135 | 148 | 149 | 150 | -------------------------------------------------------------------------------- /booking2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Booking 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 24 | 25 |

26 |

27 | 33 | 55 |

56 |

57 | 58 | 59 | 60 |

61 | 62 | 63 | 64 |

65 |

66 |

67 | 68 |

69 | 70 | 71 | 72 |

73 |

74 |

75 |

76 | Passengers Information 77 |

78 | 79 |

80 |

81 |

Adults Details:

82 |

83 |

84 |

85 | Salutation 86 | 91 |

92 |

93 |
94 |

95 |

96 | First name 97 | 98 |

99 |

100 | Last name 101 | 102 |

103 |

104 |
105 |

106 |

107 | Phone 108 | 113 |

114 |

115 | Phone Country Code 116 | 117 |

118 |

119 | Number 120 | 121 |

122 |

123 |
124 |

125 |

126 | Email 127 | 128 |

129 | 130 |

131 |
132 |
133 |

134 | 135 |

136 |

137 |

Children Details:

138 |

139 |

140 | 169 | 170 |

171 |

172 |

173 |

174 |

175 |

176 | 177 | 178 | 179 | 192 | 193 | 194 | 195 | 196 | 197 | -------------------------------------------------------------------------------- /contactus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Contact 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 22 | 23 |

24 |

25 | 31 |

32 | 38 | 41 | 42 | 52 |

53 |

54 |

55 | 56 | 57 |

58 | 59 | 60 | 61 |

62 |

63 |

Contact Us

64 |

65 |

66 | 67 | 68 |

69 |

70 |

71 |

72 | Contact Information 73 |

74 |

75 |

76 |

77 | Email 78 | 79 |

80 |

81 | Name 82 | 83 |

84 |

85 | Country 86 | 87 |

88 |

89 | Message 90 | 91 |

92 |

93 | 94 |

95 |

96 |

97 |

98 |

99 |

100 |
101 |

102 | 103 | 104 | 117 | 118 | 119 | -------------------------------------------------------------------------------- /home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | New Flight 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 34 | 35 |

57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 |

65 | 66 |

68 | Dashboard 69 |
75 |
77 | Flight Schedule 78 |
84 |
87 | Airbus 88 |
94 |
96 | Accounts 97 |
103 |

105 |

106 | 107 | 108 |

109 | 110 |

111 |

112 |

Admin Name

113 |

114 |

115 |

116 |

117 |

118 |

119 | Profile Information 120 |

121 |

122 |

123 |
124 |

SSID :

125 |
126 |

Date of Birth :

127 |
128 |

Phone :

129 |
130 |

Email :

131 |
132 |

Address :

133 |
134 |

135 |

136 |

137 |

138 |

139 |

140 |

141 | 142 | 143 | 144 | s -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Airline-X 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |

19 |

20 | 26 | 48 |

49 | 50 | 51 | 52 | 53 |

54 | 55 |

61 | 62 | 63 |

64 |

65 |

66 |

67 |

Welcome to

68 |

69 |

Airline-X

70 |

71 |

72 | 73 |

74 |

75 |

76 |

Come fly with us!

77 |

78 |

Book your flight

79 |

80 |

81 | 82 |

83 |

84 |

85 |

Why choose us!

86 |

87 |

Luxurious & Safest

88 |

89 |

90 | 91 |

92 |

93 |

94 |

Have any question?

95 |

96 |

Contact Us

97 |

98 |

99 |

100 |

101 |

102 | 103 | 104 | 105 | 106 | 107 |

108 |

109 |

110 |

111 |

112 |

113 |

114 |

115 |

116 | 117 |

118 |

119 |

120 |

121 |

122 | 123 |

124 |

125 |

126 | 127 | 128 | 129 |

130 |

131 |

come fly with us to desired places & we'll take care of your comfort and safety

132 |

133 |

Welcome to Airline-X

134 |

135 |

136 | 137 | 138 | 139 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 187 | 188 | 189 | 190 | -------------------------------------------------------------------------------- /itineary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Itineary 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 25 | 26 | 27 | 28 |

29 | 30 | 31 | 32 |

33 |

34 |

Flight Itineary

35 |

36 |

37 |

38 |

39 |

40 |

41 | Departure Information 42 |

43 | 44 |

45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 |

Passengers	Flight#	From	To	Date	Time
Ali	4091	Lahore	Karachi	September, 15	04:30 pm
Ali	4091	Lahore	Karachi	September, 15	04:30 pm

75 |

76 |

77 |

78 |

79 |
80 | 81 | 82 | 83 |

84 |

85 |

86 |

87 | Return Information 88 |

89 | 90 |

91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 |

Passengers	Flight#	From	To	Date	Time
Ali	4091	Lahore	Karachi	September, 15	04:30 pm
Ali	4091	Lahore	Karachi	September, 15	04:30 pm

121 |

122 |

123 |

124 |

125 |
126 | 127 |

Total Cost:2,00,000 Rs.

128 | 129 | 130 | 131 |
132 |
133 | 134 |

135 | 136 |

137 |
138 |
139 |

140 | 141 |
142 |
143 |

144 | 145 | 146 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | -------------------------------------------------------------------------------- /manageflights.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Manage Flights 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 28 | 29 | 52 | 53 | 54 |

55 | 56 |

58 | Dashboard 59 |
65 |
67 | Flight Schedule 68 |
74 |
77 | Airbus 78 |
84 |
86 | Accounts 87 |
93 |

95 |

96 | 97 | 98 | 99 | 100 |

101 |

Manage Flights

102 |

103 |

104 | 105 |

106 |
107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 158 | 159 | 160 |

#	FlightNo	From	To	Departure Date	Time	Capacity
1	4091	Lahore	Karachi	20/10/2017	04:30 pm	200	129 \| 130 \| 131 \|
2	1023	Lahore	London	20/10/2017	04:50 pm	300	142 \| 143 \| 144 \|
3	1955	Lahore	Canada	20/10/2017	10:30 pm	150	155 \| 156 \| 157 \|

161 | 162 |

171 |

172 | 173 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | -------------------------------------------------------------------------------- /manager.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Manager 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 44 |

45 |

Flights

46 |

47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 113 | 114 | 115 |

#	FlightNo	From	To	Departure Date	Time	Class	Capacity	Fare
1	4091	Lahore	Karachi	20/10/2017	04:30 pm	First Business Economy	200 200 200	4000 3000 2000	74 \| 75 \| 76 \| 77 \| 78 \|
2	1023	Lahore	London	20/10/2017	04:50 pm	First Business Economy	200 200 200	4000 3000 2000	91 \| 92 \| 93 \| 94 \| 95 \|
3	1955	Lahore	Canada	20/10/2017	10:30 pm	First Business Economy	200 200 200	4000 3000 2000	108 \| 109 \| 110 \| 111 \| 112 \|

116 | 117 |

126 |

127 | 128 | 129 | 146 | 147 | 148 | -------------------------------------------------------------------------------- /mycss.css: -------------------------------------------------------------------------------- 1 | 2 | body{ 3 | font-family: 'Poppins', sans-serif; 4 | 5 | } 6 | 7 | 8 | 9 | .carousel-caption { 10 | top: 20% !important; 11 | bottom: auto; 12 | text-size:24px; 13 | } 14 | 15 | .carousel-caption h2 { 16 | font-size: 9rem; 17 | margin-bottom: 0; 18 | color: #FFF; 19 | font-weight: 300; 20 | } 21 | 22 | 23 | .carousel-caption p { 24 | color: rgba(255, 255, 255, 0.65); 25 | text-transform: uppercase; 26 | font-size: 3rem; 27 | font-weight: 300; 28 | margin: 0; 29 | padding-bottom: 1.75rem; 30 | letter-spacing: .25rem; 31 | } 32 | 33 | header{ 34 | color: white; 35 | 36 | } 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | #footer { 45 | padding: 4rem 0 2rem 0 ; 46 | background: #000; 47 | text-align: center; 48 | width: 100% !important; 49 | bottom: 0; 50 | 51 | } 52 | ul.icons li { 53 | display: inline-block; 54 | padding: 0 2rem 0 0; 55 | font-size: 36px; 56 | } 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | .background-wrapper { 65 | background-color: #000; 66 | color: #bfbfbf; 67 | 68 | background-size: cover; 69 | background-attachment: fixed; 70 | background-position: center; 71 | position: relative; 72 | } 73 | 74 | 75 | 76 | 77 | 78 | .panel-transparent { 79 | background: none; 80 | 81 | border-radius: 0; 82 | border:none; 83 | 84 | 85 | } 86 | 87 | .panel-transparent .panel-heading{ 88 | background: rgba(122, 130, 136, 0.6)!important; 89 | 90 | } 91 | 92 | .panel-transparent .panel-body{ 93 | background:rgba(46,51,56,0.4)!important; 94 | } 95 | 96 | 97 | 98 | 99 | .trans-input-area{ 100 | background-color:rgba(0,0,0,0.4) !important; 101 | border:none !important; 102 | color: #fff; 103 | }; 104 | 105 | 106 | /*list groups*/ 107 | 108 | .list-group 109 | { 110 | margin: 0; 111 | } 112 | 113 | .list-group-item{ 114 | margin: none; 115 | border: none; 116 | border-radius: 0; 117 | background-color: black; 118 | text-align: center; 119 | }; -------------------------------------------------------------------------------- /myjs.js: -------------------------------------------------------------------------------- 1 | 2 | $(".nav li").on("click", function() { 3 | $(".nav li").removeClass("active"); 4 | $(this).addClass("active"); 5 | }); 6 | 7 | 8 | 9 | function navbar_movment(event) 10 | { 11 | $(event.data.param1).slideToggle("fast"); 12 | /* $(event.data.param2).slideUp("fast"); 13 | $(event.data.param3).slideUp("fast"); 14 | $(event.data.param4).slideUp("fast"); */ 15 | }; 16 | -------------------------------------------------------------------------------- /newAirbus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | AirBus 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 31 | 32 | 55 | 56 | 57 | 58 | 59 | 60 | 61 |

62 | 63 |

65 | Dashboard 66 |
72 |
74 | Flight Schedule 75 |
81 |
84 | Airbus 85 |
91 |
93 | Accounts 94 |
100 |

102 |

103 | 104 | 105 | 106 |

107 |

New Airbus

108 |

109 |

110 |

111 |

112 |

113 | Airbus Information 114 |

115 |

116 | 129 |

130 |

131 |

132 | 133 |
134 |
135 |

Manage Airbus

136 |

137 | 138 |

139 |

140 |

141 | Airbus Information 142 |

143 |

144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 161 | 162 | 163 | 164 | 165 | 166 | 170 | 171 | 172 | 173 | 174 | 175 | 179 | 180 | 181 |

#	Airbus No#	Capacity
1	4091	500	158 \| 159 \| 160 \|
2	4091	200	167 \| 168 \| 169 \|
3	4091	300	176 \| 177 \| 178 \|

182 | 183 |

192 | 193 | 194 |

195 |

196 |

197 |

198 |

199 | 200 | 201 | 218 | 219 | 220 | 221 | 222 | -------------------------------------------------------------------------------- /newflight.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | New Flight 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 30 | 31 | 54 | 55 | 56 | 57 | 58 | 59 | 60 |

61 | 62 |

64 | Dashboard 65 |
71 |
73 | Flight Schedule 74 |
80 |
83 | Airbus 84 |
90 |
92 | Accounts 93 |
99 |

101 |

102 | 103 | 104 | 105 |

106 |

New Flight

107 |

108 |

109 |

110 |

111 |

112 | Flight Information 113 |

114 |

115 |

116 | Airbus No: 117 | 122 | 123 |

124 |
125 | 126 |

127 |

128 | Flight No: 129 | 130 |

131 | 132 | 133 |

134 |

135 |

136 | From 137 | 138 |

139 |

140 | To 141 | 142 |

143 |

144 | 145 | 146 |
147 |

148 |

149 | Departure Date 150 | 151 |

152 |

153 | Departure Time 154 | 155 |

156 |

157 | 158 | 159 |
160 |

161 |

162 | Journey Hours 163 | 164 |

165 |

166 | Intervals 167 | 168 |

169 |

170 | 171 |
172 |

173 |

174 | 175 |

176 |

177 |

178 |

179 |

First

180 |

181 | 182 |

183 |

184 | 185 | 186 | 187 |

188 |

189 | Seats 190 | 191 |

192 |

193 | Price (for each seat) 194 | 195 |

196 |

197 | Features 198 | 199 |

200 |

201 | 202 | 203 | 204 |

205 |

206 |

207 |

208 |

209 |

210 |

211 |

212 |

213 |

Business

214 |

215 | 216 |

217 |

218 | 219 | 220 | 221 |

222 |

223 | Seats 224 | 225 |

226 |

227 | Price (for each seat) 228 | 229 |

230 |

231 | Features 232 | 233 |

234 |

235 | 236 | 237 | 238 |

239 |

240 |

241 |

242 |

243 |

244 |

245 |

246 |

247 |

Economy

248 |

249 |

250 |

251 | 252 | 253 | 254 |

255 |

256 | Seats 257 | 258 |

259 |

260 | Price (for each seat) 261 | 262 |

263 |

264 | Features 265 | 266 |

267 |

268 | 269 | 270 | 271 |

272 |

273 |

274 |

275 |

276 |

277 |

278 | 279 | 280 |
281 |

282 | 283 |

284 |

285 | 286 | 287 | 288 | 289 |

290 |

291 |

292 |

293 | 294 | 295 | 296 | 297 | 298 | s -------------------------------------------------------------------------------- /payement.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Payment 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 22 | 23 |

24 |

25 | 31 |

32 | 38 | 41 | 42 | 52 |

53 |

54 |

55 | 56 | 57 |

58 | 59 | 60 | 61 | 62 |

63 |

64 |

Payement

65 |

66 |

67 |

68 |

69 |

70 |

71 | Payment Information 72 |

73 |

74 |

75 |

76 | 77 | 78 |

79 | 80 | 81 | 82 |

83 | 84 |

85 |

86 | Card Number 87 | 88 |

89 |

90 |

91 | Expiray 92 | 93 |

94 |

95 | CVC 96 | 97 |

98 |

99 |
100 |

101 | 102 |

103 |

104 |
105 |

106 |

107 |

108 |

109 |

110 |
111 |

112 | 113 | 114 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /user.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Users 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |

22 |

23 | 29 | 46 |

47 |

48 | 49 |

50 | 51 |

52 |

54 | Dashboard 55 |
61 |
64 | Flight Schedule 65 |
71 |
74 | Airbus 75 |
81 |
83 | Accounts 84 |
90 |

92 |

93 | 94 | 95 | 96 |

97 |

Users

98 |

99 |

100 |

101 |

102 | 103 |

104 |
105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 152 | 153 | 154 |

#	ID	FirstName	LastName	Phone	Email
1	4091	John	Wick	0300-1234567	john@gmail.com	125 \| 126 \| 127 \|
1	4091	John	Wick	0300-1234567	john@gmail.com	137 \| 138 \| 139 \|
1	4091	John	Wick	0300-1234567	john@gmail.com	149 \| 150 \| 151 \|

155 | 156 |

165 |

166 |

167 | 168 | 185 | 186 | 187 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | --------------------------------------------------------------------------------

New Account

Manage Accounts

come fly with us to desired places & we'll take care of your comfort and safety

Welcome to Airline-X

Total Cost:2,00,000 Rs.

Proceed to Payment

Manage Flights

Flights

New Airbus

Manage Airbus

New Flight

First

Business

Economy

Users