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
good nice
Nice tutorial
Could you please each time add the links to the ressources you use in the description ?
thanks for the valuable content. can you please make it resonsive?
Responsible
Really awesome 👍 design and good speed. Keeping going
Thank you so much 🙂
Thank you! Please Could you make it responsive? I would really appreciate!
Awesome work 👌.. kindly asking for the source code
Ótimo vídeo parabéns ✌.
Thanks for watching
Thanks for Tutorial
Keep watching and supporting
Nice
Thanks for watching
Niceeeeeeeeeeeeee bro! Thanks
Thanks for watching
@@LearnDesignTutorial Send email please!
@@LearnDesignTutorial Create this Slider -> th-cam.com/video/-naec7nzvcM/w-d-xo.html
i will try my best
Can you explain video in hindi urdu so we can easily understand each point... in upcoming videos
Will make soon, thanks for watching
Thanks ,and is it Responsive?
No
@@LearnDesignTutorial china fire
Can you please give source files?
What are the dimension for these sliders image
720x773
@@LearnDesignTutorial Thanks
It isn't working
Fil images 🙏
please give me link of images
drive.google.com/file/d/1nl4p-2AaBKX6IxCrBiqKEHV7G1VfJz46/view?usp=sharing
@@LearnDesignTutorial which software was used to get the model's image cutouts?
Adobe Photoshop and also use this website www.remove.bg/
@@LearnDesignTutorial Cool, Thanks for the info.