Thank you so much for your kind words! I'm thrilled to hear that you're enjoying my tutorials and finding them easy to follow. It's wonderful to know that my projects have sparked your interest and enthusiasm. Your support means a lot to me! Keep up the great work and happy crafting! 👍😊
Hi everyone, I put the image source in the description, you could download them if you like to code along~ Images used in the video: drive.google.com/drive/folders/1acLszq2fWG4icbcFJ9lRH4qxaLdeOkSl?usp=sharing
Sir can this website be approved by adsense ? if so Can u make a tutorial on how to link the website to adsense and be able to place ad break on the movies.... I'll be waiting for your reply sir..
hi, i have an issue. when i introduce carousel to my code it displaces the positioning of the nav bar and search bar and i dont know why nor how to resolve it
Excellent tutorial, you are a genius brow... I followed all the steps and there is nowhere to get lost, excellent... but sorry you didn't include the responsive one, could you help me, please try to do it my way but I can't do it, please help me.
Hey bro, thanks for the feedback, please check out more landing pages with html, css and js at: ua-cam.com/play/PLnICNFdxWbz6fo0vPGQl6bTNVmJbkZgM1.html
i have ever seen that like project on you tube yet. this is very informative project of landing page and i enjoyed the project,i have finished overall done in all project but i have some issue in this project actually movie name not matched with carousel anyone help me how could we fix that
Hi Bro, I did finalis the complete project but using React.js, because there are too many data mapping in the project. Check this out: ua-cam.com/video/0mdjgQdQF1k/v-deo.html
Thanks for your support bro! Yes, there is way to do trailer for each movie, you need to prepare five trailer videos, and map the video data in html and javascript like how we map the movie description data in the content part, for example, giving each trailer video a class name that matches the movie name..., In the future videos, I will incur more advanced javaScript mapping functions to illustrate this, so keep watching and happy coding!
Im having trouble in doing exactly what you've just did. Once i put in the images to create fhe carousel on the right, it doesn't show at all but every other thing works...pls help.
Bro please Why, when I click on the image, the background does not change? I think I wrote the codes by mistake. I did not understand their explanation. Is there a solution?
Hey bro, please double check if there are any potential typo in the code, for example, there could be missing period in the QuerySelector, or to see if the class name in the javaScript matches those in the html file~
Movie to movie my background image is not changing only black background is displayed and other text image paragraph is also not displayed how to fix this problem plzz help😢
Hey mate, good to know you have solved the problem, you could try @media (max-width: 600px) {}, to set up the responsive design, and adjust paddings and flex direction to make it look good on mobile~~
Hey bro! Converting HTML templates to a website generally involves: Organize Files: Arrange your HTML, CSS, JS, and media files. Link CSS/JS: Connect CSS/JS files to HTML using and . Adjust Paths: Update image paths in HTML/CSS. Add Pages: Duplicate and rename HTML for different pages. Navigation: Update links for menus. Forms: Set up a backend for form handling. Testing: Check site on different browsers. Responsive: Use media queries for different devices. Hosting: Get domain, web hosting, upload files. This is a basic overview. Depending on your template and requirements, additional steps might be needed. Good luck, and have fun creating your website! 😊🌐
Hey bro, Double check, if the script.js file has been included at the end of html, also see if there are any potential typos, or missing period in the queryselectors.
Sir actually I am facing a lot of issues. My background images doesn't change and also the video is not visible when i click watch button I also dm you on your Instagram id please help me
Hi, I'm facing a problem in content and carousel box size and spacing between them... can you please help I even messaged in your Instagram account. I shared screenshots. please help😥😥this part 20:40
Hey bro, I didn't receive any message at my ins account. If you encounter issues of sizing, it's probably because the web page looks different on different size of screen. easy way is to adjust padding and margins to make it look properly.
You have the best tutorials ever! Easy to understand and even more to follow. Now I'm addicted to all your projects 😆 Thanks for your amazing work 👍
Thank you so much for your kind words! I'm thrilled to hear that you're enjoying my tutorials and finding them easy to follow. It's wonderful to know that my projects have sparked your interest and enthusiasm. Your support means a lot to me! Keep up the great work and happy crafting! 👍😊
Hi everyone, I put the image source in the description, you could download them if you like to code along~
Images used in the video:
drive.google.com/drive/folders/1acLszq2fWG4icbcFJ9lRH4qxaLdeOkSl?usp=sharing
Sir can this website be approved by adsense ?
if so
Can u make a tutorial on how to link the website to adsense and be able to place ad break on the movies....
I'll be waiting for your reply sir..
Great Carousel Slider. I tried and it work fine. Thanks.
Great to hear!
followed every step, not the exact same results but im happy with what i've got
thanks!
Great to hear!
Thanks Bro just now I am learning css your video helps me to learn more and more
It's my pleasure
Acabou de ganhar mais um escrito no canal.🇧🇷🇧🇷🇧🇷
Nice and wonderful tutorial ❣️💫
Thank you! Cheers!
nice video
Thanks
hi, i have an issue. when i introduce carousel to my code it displaces the positioning of the nav bar and search bar and i dont know why nor how to resolve it
same bro
Dude do this .
search-bar input{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: transparent;
border: 1px solid rgba(255,255,255,0.5);
outline: none;
border-radius: 4px;
padding: 0 10px 0 45px !important;
what is the title in javascript for?
where is to elemet for title in html?
Excellent tutorial, you are a genius brow... I followed all the steps and there is nowhere to get lost, excellent... but sorry you didn't include the responsive one, could you help me, please try to do it my way but I can't do it, please help me.
Do you know why jquery and cdnjs don't work?
same
It's cause the link expired
do you have any new link ?
Thank you very much. Very cool!
Glad you liked it!
i have issue,when i code why home and search symbol didnt appear,i code same like u
This amazing ❤
It is great🎉
very beautiful
Thank you! Cheers!
can you create one that also has TV Series with Episodes??
oh man thank you this is what i was looking for 😍
Glad you like it~
vera level bro 🥰
Wow! 😊
for some reason the other banners dont apear on mine blur square its wierd, i should go to sleep and see that tomorrow its 4 in the morning for me
Where i will get the javascript code
Amazing!!! Thanks!!
Glad you like it!
When scrolling through the slider and reaching Ariel's picture, the left column is lost. class active
Fantastic
Thanks
great tutorial, I have a question is there any way you can use and embed video from youtube with ?
I want to know if it is compulsory to link jquery
I think if you slowed this down it would be easier for me to follow along. I liked the project though. Good job!
very nice bro!!👍👍👍👍👍
Thank you! Cheers!
Nice tutorial, would've love if it's complete.
Hey Bro, thanks for the support, you could check the complete movie web built by React.js here:
ua-cam.com/video/0mdjgQdQF1k/v-deo.html
Please try to create more landing page tutorial using html, css and js only.
Hey bro, thanks for the feedback, please check out more landing pages with html, css and js at:
ua-cam.com/play/PLnICNFdxWbz6fo0vPGQl6bTNVmJbkZgM1.html
heavy ❤
i have ever seen that like project on you tube yet. this is very informative project of landing page and i enjoyed the project,i have finished overall done in all project but i have some issue in this project actually movie name not matched with carousel anyone help me how could we fix that
Hi, How to edit or change the "watch trailer" videos for each movies? Btw i like your project!
pls be continued this projects i really love this
Hi Bro, I did finalis the complete project but using React.js, because there are too many data mapping in the project. Check this out: ua-cam.com/video/0mdjgQdQF1k/v-deo.html
Also, thanks a lot for the support~
bro can you plz tell me what you did in last those classes you gave each content what are those for and how do i use forEach() function
Wow nice project. Thanks a lot.
Glad you like it!
I've just purchased your code, nice work!
Is it possible to play a different video trailer for each movie?
Thanks for your support bro! Yes, there is way to do trailer for each movie, you need to prepare five trailer videos, and map the video data in html and javascript like how we map the movie description data in the content part, for example, giving each trailer video a class name that matches the movie name..., In the future videos, I will incur more advanced javaScript mapping functions to illustrate this, so keep watching and happy coding!
Dude do you don't have the responsive part about this jobs ??
fabulous bro
Thanks 🤗
Plz make the same project using react and tailwind
Thanks for feedback, will try in the future project
Im having trouble in doing exactly what you've just did. Once i put in the images to create fhe carousel on the right, it doesn't show at all but every other thing works...pls help.
.banner .carousel-box{
position: relative;
min-width: 950px;
display: flex;
justify-content: center;
align-items: center;
Software used?
Super 😊
Thank you! Cheers!
whats this scrolling effect type?
I really appreciate... I am trying to clone it
please can I get a link to videos in the asset used in the code i.e star.mp4
More )
Why don't the movies play?
Bro please
Why, when I click on the image, the background does not change?
I think I wrote the codes by mistake. I did not understand their explanation. Is there a solution?
Hey bro, please double check if there are any potential typo in the code, for example, there could be missing period in the QuerySelector, or to see if the class name in the javaScript matches those in the html file~
Wordpress kurulum istiyorum olmuyor help
how can i get dropdown header menu in this template please help me in that?
I can't find the Asset
my carousel box position is below the movie info. how to make it in the rigt?
Use
.banner{
display: flex;
justify-content: space-between;
}
it'll do the work
I loved it. But its not responsive
we need audio explanation , step by step !
Sure bro, I realised that, so my recent videos are all with audio, check this out: ua-cam.com/video/0mdjgQdQF1k/v-deo.html
how to get your last copy paste js code
Movie to movie my background image is not changing only black background is displayed and other text image paragraph is also not displayed how to fix this problem plzz help😢
Please double check if you have included your script.js file in your index.html
Okay everything is fine but it's is not responsive how to make it responsive plzz help🥺
Hey mate, good to know you have solved the problem, you could try @media (max-width: 600px) {}, to set up the responsive design, and adjust paddings and flex direction to make it look good on mobile~~
I want movies website with admin panel
please my contents are not changing but the background is
Hey bro, pls double check if there are any typos
bro give a @media for all devices ,i have update how to give sepeate trailer for each movie
Hey bro, glad you did it, also check out ua-cam.com/video/mlQbYMrhul0/v-deo.html, it is about animated video bg~
can u tell me how u give separate trailer for each movie
How much you want to create one for me bro?
I want this template . How can I get it ?
Hi bro, source code links are in the description
bro where did you find cdn js link??
You mean the Carousel? here it is: materializecss.com/getting-started.html
Hey Bro How do I convert Templates html to be a website ?
Hey bro! Converting HTML templates to a website generally involves:
Organize Files: Arrange your HTML, CSS, JS, and media files.
Link CSS/JS: Connect CSS/JS files to HTML using and .
Adjust Paths: Update image paths in HTML/CSS.
Add Pages: Duplicate and rename HTML for different pages.
Navigation: Update links for menus.
Forms: Set up a backend for form handling.
Testing: Check site on different browsers.
Responsive: Use media queries for different devices.
Hosting: Get domain, web hosting, upload files.
This is a basic overview. Depending on your template and requirements, additional steps might be needed. Good luck, and have fun creating your website! 😊🌐
Can you please do a website using html and css only which is not responsive. I am currently in a need of that . Pleaseeeeeeee 🙂🙂🙂🙂
I writing code like u but it does not work .why?😢
Hey bro, Double check, if the script.js file has been included at the end of html, also see if there are any potential typos, or missing period in the queryselectors.
Oh sir,I found a mistake in the img title.THANK U SO MUCH.❤
No Responsive? Sir
Sir actually I am facing a lot of issues. My background images doesn't change and also the video is not visible when i click watch button I also dm you on your Instagram id please help me
me too same problem i think javascript code is not applying but the code is fine i dont know hoe to solve this
Hi, I'm facing a problem in content and carousel box size and spacing between them... can you please help I even messaged in your Instagram account. I shared screenshots. please help😥😥this part 20:40
Hey bro, I didn't receive any message at my ins account. If you encounter issues of sizing, it's probably because the web page looks different on different size of screen. easy way is to adjust padding and margins to make it look properly.
@@DStudioTechnology thank you. I will adjust padding and margins. Thanks again for this wonderful tutorial.