Responsive Card Slider Website | With Modals and Content Search Function 🔍 - Html, CSS & Javascript

Опубликовано: 26 Февраль 2024
на канале: Coding Snow
5,522
237

Responsive Modern Card Slider Website | With Card Related Modals and Content Search Function 🔍 - Html, CSS & Javascript

In this project, you can learn how to design a responsive card slider website with card-related modals using HTML, CSS and Javascript. Additionally, the web page includes a content search function to open models through search results. Also, you can see web page elements reveal and hide animations to make it more awesome. Hope you'll enjoy this amazing project and learn something more..

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

◾Get This Project Source Codes -   / responsive-card-slider-website-with-137011  

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

✔️ Clear Coding
✔️ Easy to Follow

Project Features -
✔️ Responsive
✔️ Modern Card Slider (Draggable with Navigation)
✔️ Popup Modals
✔️ Hover Effects
✔️ Content Search Function With Search Results
✔️ Elements Reveal/Hide Animations

📚 Chapters
----------------------------
0:00 - Project Demo
5:35 - File Setup
5:49 - Header (Html, Css & Javascript)
37:22 - Card Slider (Html, Css & Javascript)
1:17:02 - Main Media Links (Html & Css)
1:19:44 - Card Related Modals (Html, Css & Javascript)
2:10:15 - Content Search Function (Html, Css & Javascript)
2:33:32 - Media queries

Hire Me 🔖
-----------------------
∎ Hire me to customize this project for your purpose - https://www.buymeacoffee.com/codingsn...
∎ Hire me to Fix your project Bugs & Issues - https://www.buymeacoffee.com/codingsn...
∎ Hire me to Convert your Figma, PSD, and XD Design to an HTML Website - https://www.buymeacoffee.com/codingsn...

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

∎ Download File Setup (Files + Images) - https://codingsnow.com
∎ Download All Source Codes On Patreon -   / 98983193  
∎ Facebook Page -   / codingsnow  
∎ Instagram -   / coding.snow  
∎ Support From Paypal - https://paypal.me/codingsnowget

🔗External Sources
------------------------------------
∎ Image Credit - Designed by brgfx / Freepik
∎ Image Source - https://www.freepik.com
∎ SwiperJS - https://swiperjs.com
∎ Unicons - https://iconscout.com/unicons/getting...

#CodingSnow #WebDesign #Slider #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.