RESPONSIVE Landing Page using HTML CSS & JavaScript 🏫

Veröffentlicht am: 06 April 2023
auf dem Kanal: Annicode

421

🧠 Knowledge

Hello Everyone, once again we are bringing a new video on Responsive Landing Page using HTML & CSS, and Little JavaScript 🏫, So in this video, we design a landing page design very simply with the help of CSS grid & Flex box layout system & will also use the one of the powerful JavaScript animation library called as GSAP from Greensock so stay tuned.

I hope you might like this video ❤️

👨‍💻 Get the Source code
https://github.com/ananikets18/SkillF...

👆 Download (files + images)
Click on the above source code link

📺 Live Preview
https://codepen.io/ananiket/pen/ZEqELra

📂 Assets
Free Icons: https: https://www.remixicons.com
Free Fonts: https: https://www.fonts.google.com/
Animation library: https://greensock.com/gsap/

⏱ Timestamps
0:00 - Intro
1:40 - Folder Setup
3:04 - CSS Variables Reset
05:07 - Root Reset
05:25 - HTML Reset
7:25 - Header HTML
9:25 - Header CSS
12:47 - Mobile First nav
14:22 - Toggle Nav function
16:45 - Hero HTML
19:40 - Hero CSS
24:23 - Hero image Wrapper
25:27 - Featured HTML
26:04 - Featured CSS
27:08 - Features HTML
27:50 - Features CSS
31:07 - Responsive Media query
35:30 - Animate on Scroll
36:44 - GSAP Animations
40:34 - End Preview

🔔 Subscribe For More!
   / @annicode

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

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

🎵 Music

Song: Balynt - No Gravity
Music provided by Vlog No Copyright Music.
Video Link:    • Balynt - No Gravity (Vlog No Copyright Music)

Song: Balynt - Sundown
Music provided by Vlog No Copyright Music.
Video Link:    • Balynt - Sundown (Vlog No Copyright Music)

Song: Tinora - Feel The Wind
Music provided by Vlog No Copyright Music.
Video Link :    • Tinora - Feel The Wind (Vlog No Copyright ...

Song: VDGL - Interstellar
Music provided by Vlog No Copyright Music.
Video Link:    • VDGL - Interstellar (Vlog No Copyright Music)

Song: TVARI - Saga
Music provided by Vlog No Copyright Music.
Video Link:    • TVARI - Saga (Vlog No Copyright Music)

Song: TVARI - Way
Music provided by Vlog No Copyright Music.
Video Link:    • TVARI - Way (Vlog No Copyright Music)

#responsivelandingpage #responsivewebsite #annicode

Related :

responsive landing page,responsive landing page HTML CSS,responsive landing page HTML CSS JavaScript,responsive landing page design,responsive landing page using HTML CSS JavaScript,landing page using HTML and CSS,responsive website HTML CSS

Auf dieser Seite können Sie das Online-Video RESPONSIVE Landing Page using HTML CSS & JavaScript 🏫 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Annicode 06 April 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 421 Mal angesehen und es wurde von 23 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!