Website UI Design With Slider Using HTML,CSS & JS | Landing Page Website Design Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.ย. 2024
  • Hello friends welcome back to another video tutorial i hope you guys everyone is fine and i hope you like this video for landing page design with slick carousel slider(Custom arrow and custom navigation dots) using html,css and jquery toggle menu.
    ► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
    ► / learndesigntutorial
    ► JAVASCRIPT
    Make Spinning Wheel Only CSS, JAVASCRIPT | Simple Spinning Wheel Game Decide a Random Numbers
    • Make Spinning Wheel On...
    Responsive Navigation Menu Bar using HTML CSS and JAVASCRIPT | CSS Media Query | Responsive Navbar
    • Responsive Navigation ...
    Toggle Password Visibility Using Javascript | Login Form Show Hide Password Field Text
    • Toggle Password Visibi...
    How to Check Confirm Password Field | Password Matching In Javascript
    • How to Check Confirm P...
    ► ANIMATION VIDEO
    How to create custom loader | Website loading animation using html,css and jquery tutorial
    • How to create custom l...
    Pure CSS FadeIn FadeOut Animation - CSS Property #01
    • Pure CSS FadeIn FadeOu...
    Pure CSS Bouncing Ball Animation #02
    • Pure CSS Bouncing Ball...
    Square to Circle Rotate Loading Animation with Multiple Colors #03
    • Square to Circle Rotat...
    Pure CSS Three Dots Loading Animation #04
    • Pure CSS Three Dots Lo...
    Pure CSS Jumping Dots Loading Animation #05
    • Pure CSS Jumping Dots ...
    Pure CSS Ripple Loading Animation Effect #06
    • Pure CSS Ripple Loadin...
    Pure CSS Simple Loader Animation Effect #07
    • Pure CSS Simple Loader...
    Pure CSS Egg Crash Animation Effect 08
    • Pure CSS Egg Crash Ani...
    Pure CSS Flip Page Animation Effects 09
    • Pure CSS Flip Page Ani...
    Pure CSS Flip & Rotate Loading Text Animation Effect 10
    • Pure CSS Flip & Rotate...
    Smooth & Beautiful Scroll Animation Using Vanilla Javascript Plugin Lax.js
    • Smooth & Beautiful Scr...
    ► FRONT-END USERFUL VIDEOS
    How to add animation on scroll using html, css and aos js tutorial
    • How to add animation o...
    Awesome text distortion effects using blotter js | Learn Design Tutorial
    • Awesome text distortio...
    Awesome navbar design with hover effect using html and css tutorial
    • Awesome navbar design ...
    How to create custom scrollbar style using only css | HTML & CSS Tutorial
    • How to create custom s...
    How to create javascript carousel slider without dependency | Html, Css, Javascript Tutorial
    • Carousel Slider | Depe...
    How to make draggable elements in jquery UI | Living room design with light on,off
    • How to make draggable ...
    How to create Neomorphism UI Design with calculator app using javascript
    • Calculator Using HTML,...
    Digital Clock UI Design with Animation Using HTML, CSS, JQUERY
    • Digital Clock UI Desig...
    How to Transform a navigation bar into a search form using jquery
    • Transform navigation b...
    Online music streaming small website using html,css And javascript
    • Online Music Streaming...
    How to make tab layout design using HTML, CSS & Bootstrap
    • How to make tab layout...
    Easy fancy border radius animation HTML and CSS Tutorial
    • Easy fancy border radi...
    Custom animated cursor using GSAP(Greensock) and jquery
    • Custom animated cursor...
    How to open bootstrap popup model after few seconds when website load using jquery
    • How to open bootstrap ...
    Banner layout design with hover effect using html, css, jquery
    • Banner layout design w...
    Interactive menu animation using Html,CSS & JQuery Greensock
    • Interactive menu anima...
    #1 Portfolio home design with darkmode and greensock animation
    • Portfolio Landing Page...
    Menu hover effect using jquery mouseover and mouseout
    • Menu hover effect usin...
    Lettering animation using GSAP(Greensock 3) and lettering js
    • Lettering animation us...
    Profile card slider ui design using html, css and jquery slick slider
    • Profile card slider ui...
    New card style profile ui design with animation only html and css
    • Profile Card UI Design...
    How to make loading animation using html and css
    • Loading Animation Usin...
    Traveler porfolio website with slider using html,css and jquery
    • Porfolio website desig...
    Awesome menu hover effect with change background image using jquery mouseover
    • Awesome menu hover eff...
    Background clip text hover effect and outline text using html and css3
    • Background clip text h...
    Typewriter effects using html, css, jquery typewriter js
    • Typewriter effects usi...
    #Landingpage #uidesign #htmlcss #learndesign #slickslider
    ---------------------------------------------------------------------------------------------
    Slick Carousel : kenwheeler.git...
    Cdnjs : www.cdnjs.com/
    Photo by Nicole De Khors from Burst
    burst.shopify....
    Email : help.learndesign@gmail.com

ความคิดเห็น • 38

  • @eldissonevilonga2858
    @eldissonevilonga2858 2 ปีที่แล้ว +1

    good nice

  • @loogie5679
    @loogie5679 4 ปีที่แล้ว +4

    Nice tutorial
    Could you please each time add the links to the ressources you use in the description ?

  • @AbdulWahab-lh8in
    @AbdulWahab-lh8in 4 ปีที่แล้ว +2

    thanks for the valuable content. can you please make it resonsive?

  • @RajeshKumar-uw9qi
    @RajeshKumar-uw9qi 4 ปีที่แล้ว +1

    Really awesome 👍 design and good speed. Keeping going

  • @albertofreddo7845
    @albertofreddo7845 3 ปีที่แล้ว +1

    Thank you! Please Could you make it responsive? I would really appreciate!

  • @israelnoah18
    @israelnoah18 2 ปีที่แล้ว

    Awesome work 👌.. kindly asking for the source code

  • @romuloalves9349
    @romuloalves9349 4 ปีที่แล้ว +1

    Ótimo vídeo parabéns ✌.

  • @hassanadel4550
    @hassanadel4550 4 ปีที่แล้ว

    Thanks for Tutorial

  • @mitaliprajapatj2325
    @mitaliprajapatj2325 4 ปีที่แล้ว

    Nice

  • @uglabrasil4150
    @uglabrasil4150 4 ปีที่แล้ว

    Niceeeeeeeeeeeeee bro! Thanks

    • @LearnDesignTutorial
      @LearnDesignTutorial  4 ปีที่แล้ว

      Thanks for watching

    • @uglabrasil4150
      @uglabrasil4150 4 ปีที่แล้ว

      @@LearnDesignTutorial Send email please!

    • @uglabrasil4150
      @uglabrasil4150 4 ปีที่แล้ว

      @@LearnDesignTutorial Create this Slider -> th-cam.com/video/-naec7nzvcM/w-d-xo.html

    • @LearnDesignTutorial
      @LearnDesignTutorial  4 ปีที่แล้ว

      i will try my best

  • @sarmadali77771
    @sarmadali77771 4 ปีที่แล้ว

    Can you explain video in hindi urdu so we can easily understand each point... in upcoming videos

  • @videozex1991
    @videozex1991 4 ปีที่แล้ว

    Thanks ,and is it Responsive?

  • @elizati3156
    @elizati3156 3 ปีที่แล้ว

    Can you please give source files?

  • @codewithchase2023
    @codewithchase2023 3 ปีที่แล้ว

    What are the dimension for these sliders image

  • @daveglad3554
    @daveglad3554 4 ปีที่แล้ว

    Fil images 🙏

  • @thegamerx1881
    @thegamerx1881 4 ปีที่แล้ว

    please give me link of images

    • @LearnDesignTutorial
      @LearnDesignTutorial  4 ปีที่แล้ว

      drive.google.com/file/d/1nl4p-2AaBKX6IxCrBiqKEHV7G1VfJz46/view?usp=sharing

    • @rinimathew8136
      @rinimathew8136 4 ปีที่แล้ว

      @@LearnDesignTutorial which software was used to get the model's image cutouts?

    • @LearnDesignTutorial
      @LearnDesignTutorial  4 ปีที่แล้ว

      Adobe Photoshop and also use this website www.remove.bg/

    • @rinimathew8136
      @rinimathew8136 4 ปีที่แล้ว +1

      @@LearnDesignTutorial Cool, Thanks for the info.