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

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • 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 - www.buymeacoffee.com/codingsn...
    ✔️ 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 - www.buymeacoffee.com/codingsn...
    ∎ Hire me to Fix your project Bugs & Issues - www.buymeacoffee.com/codingsn...
    ∎ Hire me to Convert your Figma, PSD, and XD Design to an HTML Website - www.buymeacoffee.com/codingsn...
    Support My Works ❤️❄️
    --------------------------------------------
    ∎ Buymeacoffee - www.buymeacoffee.com/codingsnow
    ∎ Patreon - / codingsnow
    ∎ Download File Setup (Files + Images) - codingsnow.com
    ∎ Download All Source Codes On Patreon - / 98983193
    ∎ Facebook Page - / codingsnow
    ∎ Instagram - / coding.snow
    ∎ Support From Paypal - paypal.me/codingsnowget
    🔗External Sources
    ------------------------------------
    ∎ Image Credit - Designed by brgfx / Freepik
    ∎ Image Source - www.freepik.com
    ∎ SwiperJS - swiperjs.com
    ∎ Unicons - 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.

Комментарии • 5

  • @julianvelez6563
    @julianvelez6563 2 месяца назад +2

    Awesome work bro ❤❤

  • @samuelk1623
    @samuelk1623 2 месяца назад +1

    Wow...Much more to learn..Cheers! 😍❤

    • @CodingSnow
      @CodingSnow  2 месяца назад

      Thanks and Cheers! ❤

  • @Fnydo
    @Fnydo 2 месяца назад +1

    @CodingSnow please make a full video on making a blog website template for blogger.