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

Опубликовано: 08 Февраль 2022
на канале: Coding Snow

81,237

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!

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

◾Get This Project Source Codes - https://www.patreon.com/codingsnow/sh...

💙 Become a Member to Get All Source Codes -   / codingsnow

✔️ Clear Coding
✔️ Easy to Follow

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 🔖
-----------------------
∎ Book me to Fix your project Bugs & Issues - https://www.buymeacoffee.com/codingsn...
∎ Book me to Convert your Figma, PSD, and XD Design to an HTML Website - https://www.buymeacoffee.com/codingsn...

∎ View Source Code & Download File Setup - https://codingsnow.com
∎ Download Source Files On Patreon -   / 62278974
∎ Facebook Page -   / codingsnow
∎ Instagram -   / coding.snow
∎ Support From Paypal -   / codingsnow

Support My Works ❤️❄️
--------------------------------------------
∎ Buymeacoffee - https://www.buymeacoffee.com/codingsnow
∎ Patreon -   / codingsnow

🔗External Sources
------------------------------------
∎ Image Source - https://pexels.com
∎ Unicons Library - https://iconscout.com/unicons
∎ SwiperJS - https://swiperjs.com

#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.