How To Make Travel Booking Form | Flight Booking Form Using HTML CSS Bootstrap 

CSS: body { background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(background.jpg); background-size: cover; background-position: center; } .booking-form-box { max-width: 350px; border: 1px solid #ced4da; margin: 10% auto 0 } .radio-btn { margin: 0 20px; } .radio-btn .btn { margin: 20px 10px 20px 0; box-shadow: none; } .radio-btn .btn::after { content: ''; height: 15px; width: 15px; top: -2px; left: -1px; background-color: #fff; position: relative; display: inline-block; border: 3px solid #fff; visibility: visible; border-radius: 50%; } .radio-btn .btn:checked::after { content: ''; background-color: #000; transition: 0.5s; } .radio-btn span { color: #fff; margin-right: 5px; font-size: 12px; } .booking-form { padding: 0 20px 20px; } .booking-form label { margin-bottom: 5px; margin-top: 10px; font-size: 12px; color: #fff !important; } input::placeholder { color: #fff !important; } .input-grp { width: 151px; display: inline-block; } .form-control { font-size: 12px!important; border-radius: 0!important; color: #fff!important; background: transparent!important; box-shadow: none!important; } .select-date::-webkit-inner-spin-button, .select-date::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .select-date::-webkit-calender-picker-indicator { background: transparent!important; } .custom-select { color: #fff!important; font-size: 12px!important; border: 1px solid #ced4da!important; box-shadow: none!important; border-radius: 0!important; background: transparent!important; } .custom-select option { color: #333; } .flight { width: 100%; padding: 9px 0; font-size: 12px; border: 1px solid #ced4da!important; background: transparent!important; box-shadow: none!important; border-radius: 0!important; } .flight:hover { background: #fff!important; color: #000!important; transition: 0.5s; }

Which platform u run it that u not say

bro please make a flight booking with sql and php

could you do the js and php part ?? pls need me for the test 🥺

Now, how do we connect with real time search results?

Bro Can I get the Code ? Can You please mail me ! I'm really in need of that code .

how can I link the login button to login page! can you give sample!

Which software you are using in this

Dear admin, this is very useful could you please send the proper pdf of this, like respect to coding

perfect work ,but if you please can you add the + in multy_city to chose more cities and dates i mean (for example: from paris to uk with date, and from uk to italie with date..) it means many datepicker will apear and more boxes for cities also wel be shown,be cause what is shown now the multy_city is like the roundtrip

Sir please flight booking form design ke tutorial ka hindi explain kare

Kindly Try to add php or sql for the form. Not only now; but also for every videos

I want to add data to my html , the flight information how I could do it (js or PHP), i really need help

Nice one! Mine came out really well :) and the video was super easy to follow. Thanks :)

Very helpful tutorial. I created form very easily. Thank you so much

thanks for your video but we looking forward add PHP file to this form , thanks again

Please make a video in which auto of grading quiz which sends submitted data to google sheets directly

Hey can you make the relway reservation booking website

why you are adding bootstrap..... for what purpose....

i want code file for this form ...

Put double inverted comma in background.jpg

what's that last letter on line 77

Thank you for this great tutorial. Just one thing: Last Button (class=flight) -> my button is bigger than the others, deleted this line: "padding: 9px 0 !important;" and it is as big as the others now. I doubled-checked code. Don´t understand, why your button is same with this line. I´m using chrome.

Nice video ... How could i make this work if i click show flights ?

I want when I choose “go only”, that the second calendar be the same date as the first calendar?

sir please help me to create a cab booking website

I am designing the form in react js ,so in which file will the put that bootstrap CDN link?

Can I download this code anywhere ?

if u doing THAT things really basic on the picture u use, please share with us the images... coz its doesnt realy make any sens follow you. anyway thanks !

Hi what kind of notepad are you usng?

Could you provide me source code if possible ??

Very good tutorial and very nice design! Thanks

dude why do you backspace the indentation spaces when VS is doing it for you so elegantly?

Did you use any JS for date picker?

Nyc live coding and no code erasing

great

Sir login box center mai ni aa rha

bro can u provide source code pls

which software you were used?

Another fascinating absolutely beautiful video thank you for teaching this to us

Very Nice Design, I Like It

awsome! could you make a video that you can search for flights through the search engine? I'm very interested to see more!

why u did not use btn-primary?

why doesnt my background image upload ?

thank you for your tuto

Thanks for Teaching this

cab booking website sir please please