Responsive Website Landing Page | With Full-Screen Draggable Image Slider - Html, Css & Javascript

Responsive Website Landing Page Example | With Full-Screen Draggable Image Slider - Html, CSS & Javascript

In this tutorial, you will learn how to design a website landing page with a modern draggable image slider with thumbs view using HTML, CSS, and Javascript. Hope this project will be helpful!

✔️ Clear Coding
✔️ Easy to Follow

+ Like and Subscribe 🔔 for More! ❤️❄️

Project Features -
✔️ Responsive
✔️ Draggable Image Slider With Thumbs Navigation View
✔️ Reveal Element On Sliding
✔️ Sticky Navigation Menu (Glassmorphism)
✔️ Popup Navigation Menu (Mobile View)
✔️ Customized Scrollbar

📚 Chapters
-------------------------
0:00 - Project Demo
3:22 - Files setup
3:49 - Link Unicons
4:11 - Header (Html)
6:38 - Google fonts
7:22 - CSS Variables
8:30 - Main Css
8:59 - Header (Css)
12:54 - Home (Html, Css with Swiper Js)
38:02 - About section (Html, Css)
40:32 - Sticky navigation bar (Css, Javascript)
43:25 - Webkit Scrollbar
44:22 - Media queries (All)

Book Me 🔖
-----------------------

Support My Works ❤️❄️
--------------------------------------------

🔗External Sources
------------------------------------

#CodingSnow #WebDesign #ImageSlider
____________________
Copyright Disclaimer under section 107 of the Copyright Act of 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.

[emere]

Thanks dude... Your contents is worth a lot to me for study... I hope a lot and massive people come to watch and studying how to developing a web from your content

[cncmachinistaartist]

isA sa malupet na landing website... 1k likes to pomis...keep up the good work !

[laracepeda]

Amazing! I want to say thank you for show your knowledge.

[yanzha]

Thank you for your teaching, it has been very helpful to me.

[lucasilvidio]

It’s wonderful! Thank u so much!❤️ Please, can u create a Spotify clone Website?🙏🏻🥺

[Mar-kbyq]

Awesome design congratulation. Guys what is the music genre?

[afauzy]

Thanks guys, this is very helpful. Success

[mdrayhanbapari]

you have got a new subscriber. Thanks Brother. ❤️

[maheshsangam]

Great!!!... can we make this slide automatically without draggable so it can slides automatically one by one...

[DirtyFan]

Is this possible to do without any buncle folders? I want to make my own but that bundle folder is messing things up.

[samuelk]

Amazing work brother 😍👌
God bless you!

[asyrafuraif]

haii. in love with your videos!! just one question. how do i include a proper logo

[mustafahusseini]

you`ve done a great job but what is the point of having that read-more button that i never see that you link that to anything . It is the same issue to your previous videos as well.

[sllimy_]

My webpage is biiig with scrollbars💔
And am using a 1920 1080p image.. Need help

[mohammadgamaslazuardi]

hi really nice video, the coding is clean. but coould you added vo or text in the video for exmaple, why u use calc for the height, it really helpful for a beginner like me.

[byoqvjp]

How if i use sublime text, What i can sir?

[johnaloe]

How do you add a logo image to fit in html

[sllimy_]

What's the size of the image used??

[Achkaman]

hello, nice work but is it normal to be able to move the thumbs-container to the left and right?

[davidgowtham]

I followed your steps but dragging is not working for me other than webpage occupied big space with scroll bars