Complete Modern Minimalistic Landing Page | HTML, CSS, JS | with Image Slider

2 Views
Published
Build a modern landing page design from scratch, without any libraries. Build an image slider with pure JS code.

Google Icons Link:
https://fonts.google.com/icons

Images Used In The Video:
https://unsplash.com/photos/QXBJ1G3DEWQ
https://unsplash.com/photos/9FdMgHz6bbM
https://unsplash.com/photos/bh2BuKhQelU
https://unsplash.com/photos/5SCtL4n5Ppc
https://unsplash.com/photos/HcpWRXhqdlQ

What you will learn:
How to-
- Build a responsive navbar from scratch
- Add unique link hover effects
- Use CSS variables
- Build an advanced image & theme slider from scratch
- Minimalistic website design
- Make the image slider automatic
- Make pagination and previuos/next controls for the slider
- Change the website theme when the slider activates
- Make the website responsive on all screen sizes. Booth width and height
- Build custom input fields with focus animations
- Make some amazing animations using only CSS and trigger them with Javascript
- Vertical text direction using CSS
- And much more...

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/posts

Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/

My Products:
https://www.buymeacoffee.com/webcode/extras

Support Me To Keep Creating And Improving My Content:
https://paypal.me/quickcodingtuts?locale.x=en_US

Tags:
#website
#javascript
#html

Modern website design
website from scratch
html css js
website development
JS image slider
CSS animations
Category
Web design
Be the first to comment