Responsive Movie Website Landing Page | HTML, CSS & JavaScript, with carousel slider

Sdílet
Vložit
  • čas přidán 7. 09. 2024
  • Join me with this tutorial where I'll walk you through the process of constructing a dynamic and responsive movie website using html, css and JavaScript.
    In this comprehensive video, I'll guide you step-by-step through the coding process, showcasing how to create a responsive website that captures the essence of speed and style. From smooth animations to user-friendly elements, you'll learn how to build a movie website using html, css and JavaScript.
    This tutorial offers valuable insights and practical examples. Let's harness the power of HTML, CSS and JavaScript to construct a dynamic and responsive movie website landing page.
    Subscribe Here ❤!
    / @coolcode-9
    Initial files and images:
    drive.google.c...
    Get the complete source code here (including the responsive design CSS):
    www.patreon.co...
    ✨ Key features:
    ✔ Responsive website landing page
    ✔ Images slider
    ✔ CSS animation
    ✔ Scroll animation
    ✔ Modern designs
    ✔ Animated layout
    ✔ CSS Flexbox
    ✔ CSS positioning
    ✔ CSS grid layout
    ✔ CSS hover effects
    ✔ Single page website
    👉 Links used in the video:
    Google fonts: fonts.google.com/
    Swiper CDN & JS: swiperjs.com/g...
    Font awesome: fontawesome.co...
    Font awesome CDN: cdnjs.com/libr...
    Scroll reveal: scrollrevealjs...
    🤙 Related Videos:
    1. How to make a full website using HTML and CSS | Single Page Website:
    • How to make a full web...
    2. How to Create a Modern & Responsive Movie Website Landing Page | HTML, CSS & JavaScript, Carousel:
    • How to Create a Modern...
    3. Animated wildlife landing Page Website:
    • How to Create an Anima...
    4. How to make a full Restaurant website using HTML and CSS | Single Page Website:
    • How to Create an Anima...
    5. How to make a blog website using HTML and CSS | Single Page Website:
    • How to Create a Modern...
    ------------------------------------
    Like - Share & Subscribe ❤
    #css #cssanimation #csseffect #html #webdesign #javascript
    #portfliowebsite #frontenddevelopment #htmltutorial #csstutorial #responsivewebsite #htmlcssfullwebsite #tutorial #fullcourse #htmltutorial #csstutorial #csshovereffect #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supercarswebsite

Komentáře • 9

  • @kaluemmanuel4472
    @kaluemmanuel4472 Před 2 měsíci +1

    you just earned a subscribe 🤗

    • @CoolCode-9
      @CoolCode-9  Před 2 měsíci

      Thanks 🙏 glad you enjoyed it, happy coding 🌷

  • @selva3507
    @selva3507 Před 2 měsíci +1

    Swiper slide width doesn't work 22:51 please help bro

    • @selva3507
      @selva3507 Před 2 měsíci +1

      it can take width:950px automatically 22:50 what can I do please tell me😢

    • @CoolCode-9
      @CoolCode-9  Před 2 měsíci +1

      ⁠@@selva3507try to use !important after the width

    • @CoolCode-9
      @CoolCode-9  Před 2 měsíci +1

      Also make sure you don’t have typos

    • @CoolCode-9
      @CoolCode-9  Před 2 měsíci +1

      I hope this was helpful 🌸

    • @selva3507
      @selva3507 Před 2 měsíci +1

      @@CoolCode-9 Thanks a lot😄