Responsive Landing Page Using HTML CSS & JavaScript | Responsive Fashion Web Design

preview_player
Показать описание
Responsive Landing Page Using HTML CSS & JavaScript | Responsive Fashion Web Design

Don't forget to click the like button and share the video with your friends if you found the video useful.

Make sure to SUBSCRIBE for more AWESOME video just like this one !

---------- CONTACT ----------

---------- LIB ----------

---------- TIMESTAMP ----------

00:00 - Demo
01:05 - Import icons and font
02:01 - Make background image with overlay
03:47 - Make top nav
05:38 - Make hamburger menu icon
06:49 - Make social icons list
10:30 - Product info css
15:25 - Images slider css
20:13 - Make animation on first load
23:00 - Make product info slide JavaScript
26:30 - Make images slide JavaScript
33:17 - Responsive style for mobile and tablet
37:28 - Make side navigation
40:55 - Make hamburger icon animated

---------- SOURCE CODE ----------

---------- WATCH NEXT ----------

---------- MUSIC ----------

Let's Do This! - Nat Keefe & Hot Buttered Rum
Socialite Mugshot - Verified Picasso
Coastline - TrackTribe

---------- IMAGE ----------

Photo by Dillon Kydd on Unsplash
Photo by Dom Hill on Unsplash
Photo by Laura Chouette on Unsplash
Photo by 邱 严 on Unsplash
Photo by Tamara Bellis on Unsplash

--------------------------

#HTML #CSS #JavaScript #landing #Responsive
Рекомендации по теме
Комментарии
Автор

Hello guys, I updated source code in description 😊

tuattrananh
Автор

HI, how it's possible to autoplay the slider ?
TY

nicolasbornet
Автор

hồi em làm đồ án mà biết kênh của anh là em 10 phẩy rồi :))

angkhoanguyen
Автор

If I want to create similar design but for Arabic (Right to Left navigation) what should I add to the code? thanks for the awsomeness

alharshaniA
Автор

Thank you so much. Can I use your source code for my business!

ofgadgetsthing
Автор

Hi. Amazing work. Why is animation not working in Chrome ?

ethanmichael
Автор

thề em thích cái template này vãi chưởng :((

kai.nquyenx
Автор

let slideControl =

slideControl.onclick = () => {

slide()
}
Mình không thể nào làm cho cái slide-control hoạt động đc, mình xin file main.js được không bạn?

hiepnguyenvnese
Автор

a có thể cho e biết tên nhạc a chèn trong video ko? nghe hay quá

luantran
Автор

up source code cho mọi người tham khảo đi bạn ơi

hiengiap
Автор

Hi, could you share code on github, please?

xarmatura
welcome to shbcf.ru