🏢 RESPONSIVE Landing Page using HTML CSS & JavaScript

Pubblicato il: 20 marzo 2023
sul canale di: Annicode

536

🧠 Knowledge
Hello Everyone, once again we are bringing a new video on Responsive Landing Page using HTML & CSS, and JavaScript 🏢, So in this video, we design a responsive 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 ❤️

📂 Assets used in the video 👇
Free Icons: https: https://www.boxicons.com
Free Fonts: https: https://www.fonts.google.com/
1) Javascript Animation library : https://greensock.com/gsap/
2) Javascript Animation library :https://scrollrevealjs.org/

👨‍💻 Want the Source Code 👇
📋 Download (Files & images)
Click on the below link for source code 👇
https://github.com/ananikets18/Real-E...

🧑‍🎨 Credit for the design 👇
https://dribbble.com/shots/16972523-S...

🧑‍ Credit for the images 👇
https://unsplash.com/@radoslavbali
https://unsplash.com/@ronnyrondonph
https://unsplash.com/@alex_andrews
https://unsplash.com/@apriiil

⏱ Timestamps in the video
0:00 - Intro
1:31 - Folder Structure
3:00 - CSS Variables
6:19 - Root Reset
6:43 - HTML Reset🏛️
08:09 - Header HTML🏛️
9:33 - Navbar CSS🎨
10:54 - Mobile Nav menu
12:34 - Toggle Nav menu()
13:21 - Hero HTML 🏛️
14:51 - Hero CSS🎨
18:03 - Featured HTML🏛️
18:47 - Featured CSS🎨
20:14 - Features HTML🏛️
22:29 - Features CSS🎨
27:26 - Blog HTML🏛️
29:11 - Blog CSS🎨
33:06 - Testimonials HTML🏛️
35:15 - Testimonials CSS🎨
36:25 - Questions HTML🏛️
38:09 - Questions CSS🎨
43:19 - Get Started CTA HTML🏛️
43:50 - Get Started CTA CSS🎨
45:54 - Footer Menu HTML🏛️
48:09 - Footer menu CSS🎨
50:07 - Footer Copyright HTML🏛️
50:23 - Footer Copyright CSS🎨
50:49 - Responsive Media quries
55:09 - GSAP Animations
57:14 - ScrollReveal Animations

🔔 Subscribe For More!
   / @annicode

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

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

🎵 Music used in the video

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)

Song : DayFox - Welcome To Bali
Music provided by Vlog No Copyright Music.
Video Link:    • DayFox - Welcome To Bali (Vlog No Copyrigh...

Song: Lichu & DayFox - Tropical Bali
Music provided by Vlog No Copyright Music.
Video Link:    • Lichu & DayFox - Tropical Bali (Vlog No Co...

Song : Fredji - Happy Life (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link:    • Fredji - Happy Life (Vlog No Copyright Music)

Song: Waesto - Home
Music provided by Vlog No Copyright Music.
Video Link:    • Waesto - Home (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,

In questa pagina del sito puoi guardare il video online 🏢 RESPONSIVE Landing Page using HTML CSS & JavaScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Annicode 20 marzo 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 536 volte e gli è piaciuto 18 spettatori. Buona visione!