Build a Responsive Hotel Website | HTML and CSS Tutorial
HTML-код
- Опубликовано: 28 окт 2024
- In this video we will take a look at the fourth and final part of building a responsive hotel booking website using html and css. Originally this was supposed to be a 5 part series, but I decided to combine part 4 and 5 into one video.
📹 Part one
🔗 • Build a Responsive Hot...
☕ Buy me a coffee
Become a member and access the premium SCSS source code for my responsive layout templates for free.
🔗 www.buymeacoff...
🌐 Hostinger
Get affordable domain and web hosting service with Hostinger. Save up to 91%* off your entire order by using the link below and my coupon code.
🔗 hostinger.com/juliocodes
Discount code: JULIOCODES
🔔 Subscribe
🔗 bit.ly/2Q3pCiB
📱 Social Media
🔗 / juliocodes
⚠️ Disclaimer
This video description contains affiliate links, which means that if you purchase one of the products or click on certain links, I’ll receive a small commission.
#webdesign #responsivewebsite
In this month we've got a lot from you... thank you so much julio...
No problem!
Thanks so much you for this code along series, learned a lot as a beginner !!!!!
Be your patron is one of the more right things i neve done, a lot of code amazing!
Thank you also for explaining all your works!!
Much appreciated!
Love your videos, Julio! Keep up the good work :)
Thank you! Will do!
Hello and congrats for your great work! Like your way of teaching,not so fast and friendly for the beginners!Could you please tell us which is the extension youre using that vscode suggests you to complete the classes when writing css? e.g i must write down the wholeword of the new class but you can do it through the suggestion of the extension
Thank you so much i learn soooo much from you keep going dear.
i had a problem with media. when you do for the traveler and for the input-group-wrap for @media screen and (min-width: 768px) its just breaks everything .... if i remove its everything its fine...i dont get it
you where awesome, you just help me finish my project, Thanks a lot
Nice tut. I would like to see design project in photoshp and then give life to this with html css. This would be cool and complete!
Thank you for this awesome tutorial🙌😍
Thnks Julio, true legend!
Hey... Great videos dude. This really helped me for my project under the topic hotel booking. Love your work dude.
Thank u so much! How i can make contact and booking forms to work? Do you have video for that?
Sorry, no. I mostly do frontend work. A backend would have to be set up to make those functional. There are also forwarding services one could use to link the inputs to though
Thanks for sharing your knowledge.
My pleasure!
very cool design!
Great tutorial
var header = document.querySelector('.header');
var hamburgerMenu = document.querySelector('.hamburger-menu');
hamburgerMenu.addEventListener('click', function () {
header.classList.toggle('menu-open');
})
main.js:6 Uncaught TypeError: Cannot read property 'classList' of null
at HTMLDivElement. (main.js:6)
See such an error, please tell me what the problem is?
Where did you put book-form?
Do you have any tutorial for backend booking system?
No, I only do frontend
Really, it appreciate man I thing you are great teacher in internet lots of tutorial watching also those teacher are great but for me you are guy with most suitable in it . In future i will following your style to make cool and awesome resposive website closely looking at your every videos to get most of it. Thanks a lot to put your efforts to make a awesome explanation video and most important is Its free i can't believe it right now.
It's my pleasure
thanks julio for your great effort and great explanation it helps me a lot
lots of love from india❤❤❤❤
do u have the source code?, if so pls share
keep up the good work
Great work man. Am looking for the files you said you where going to drop
Thank you !
nice tutorial!!
Thank you for lessons
My pleasure!
Hi sir ur videos are so nice
the destination,check-in,check-out etc part is not shrinking as urs. Can someone help?
Also pls share the source code
Can we adjust to our own colors/images/names etc.? Thank you so much btw!. Also, when will you offer courses?
Yes you can!
wonderful i like your way for writing css code .. I just want to Connect the same this website with booking section using JavaScript can you show me it's like Booking websites as you side in booking section
Hi!) I have a problem with Book(ing) form section. In all break point's it's still look's like line under line.Can you tell me what's wrong? You have a mistake in html doc. you call section and in css .book-form. Can you tell me what's wrong?
The .book-form styles are for the actual form within that section, not the section itself
@@juliocodes In all break point's it's still look's like line under line. Not just like in your. Your changes come when you do this=>
/* Booking section styles */
.booking-form{
display: flex;
justify-content: space-between;
}
.booking-form .input-group{
margin-bottom: 0;
I also didn’t find a class of book-form in the HTML on RUclips. Your teaching is incredible Great. Many thanks
@@andrijzelenyj Add book-form in .booking form class=" booking-form form " and its going to work
@Andrij Zelenyj Inside Booking Section in form tag change class = "book-form" then you will get correct output
Por favor sube videos mas seguido!
Thank you
How to connect backend with html file??
Stp j'aimerai avoir le côté serveur de ce projet (hôtel)
Does this have an admin account?
please provide he link of this code
Hello, I just subscribed to your channel and I liked your videos very much.
Can you do responsive web design for facebook?
Can you prepare a tutorial on this?
Facebook's homepage is very complex. I think it will be a good tutorial video.
try building the web using bootstrap studio
Like this hotel website how to create with help of bootstrap
Hello brother, can the code be full html css, it's great😍😍😍😍🥰
what software you use sir? its free or not?
its pycharm and its free
Please can you share the source code.
Bro what is your pc screen size?
1920x1080 but I use a 2560x1440 monitor when recording
Can i get a source code??
Where is source code?
I like all your videos ...very helpful and very well made but you have always at least one mistake in each video and at least add some disclaimer in the video description...its kind of disrespect to these who watch your vids.
Can u make video on online cake ordering website
Yeah with gatsbyjs and shopify
book-from is not working
Muito bom!
Source code?
hi if can upload file is github or email me tanks
see later ...
hello Julio, just sent you a business email, can you please check it :)
Thank you!