How to make a responsive and animated LANDING PAGE HTML, CSS and JavaScript (JQUERY)

67,675 views

Larissa Kich

Published on Feb 13, 2024
About :

Hello everyone! In this video, I'll show you how to create a responsive, animated landing page using HTML, CSS, and JavaScript, with a focus on JQuery. We'll explore using the Scroll Reveal library to add scrolling animations to our page, making it more dynamic and engaging for users. I'll also teach you how to implement a tab-switching menu that adjusts as you scroll through the page, making it easier to navigate between sections. And of course, I'll demonstrate how to use Flexbox to ensure that our landing page is fully responsive across a variety of devices, from desktops to smartphones. Links used in the video: Icons: https://fontawesome.com/ Generate wave: https://www.softr.io/tools/svg-wave-g... Animation Library: https://scrollrevealjs.org/api/reveal... GitHub Repository: https://github.com/Larissakich/landin... Social Networks: LinkedIn: /larissakich Instagram: @dev_em_dev Chapters: 00:00:00 - Introduction 00:01:00 - Project creation 00:03:00 - Header - HTML 00:08:08 - Setting default styles 00:10:35 - Header - CSS 00:16:00 - Header - Responsiveness 00:22:36 - Home - HTML 00:28:25 - Home - CSS 00:39:25 - Home - Responsiveness 00:42:55 - Menu - HTML 00:47:25 - Menu - CSS 00:53:50 - Menu - Responsiveness 00:57:27 - Fixing the Header 00:58:32 - Testimonials - HTML 01:02:40 - Testimonials - CSS 01:06:50 - Testimonials - Responsiveness 01:11:00 - Footer - HTML 01:14:05 - Footer - CSS 01:16:52 - Footer - Responsiveness 01:17:40 - Creating variables 01:25:00 - Header animations 01:33:38 - Animations - ScrollReveal 01:37:54 - Conclusion

  • vidoe Comments
Trend Videos
2:26
[TAKE#B 4K] KISS OF LIFE - Igloo
GENIE MUSIC
975,802 views   3 days ago
6:15
[Park Soo-hong's] Park Soo-hong is touched when he hugs Jeonbok for the first time, "Daddy will protect you" [The Return of Superman] KBS 241020 broadcast
KBS Entertain
803,633 views   4 days ago
10:29
I went back because they said they were closing down this month
유우키의 일본이야기 YUUKI
399,375 views   4 days ago
3:11
aespa 'Whiplash' MV
SMTOWN
36,835,460 views   3 days ago
11:06
gossiping friend
짧은대본 ShortPaper
545,520 views   5 days ago
24:57
2 hours on the plane VS 17 hours lying down ⎪🇮🇩Indonesia 2
원지의하루
530,324 views   2 days ago
11:10
I lost my Korean dog in the Dutch countryside.
멜봉 네덜란드 MelBong
268,599 views   4 days ago
4:24
The moment when Park Ji-Sung was substituted in and made everyone cry... and Father's goal!! [2024 Nexon Icon Match]
MBC스포츠탐험대
1,306,969 views   4 days ago
3:21
Why are these guys so serious??? The atmosphere in the locker room during halftime of the icon match was really intense
EA SPORTS FC 온라인
1,032,863 views   3 days ago
11:06
gossiping friend
짧은대본 ShortPaper
545,520 views   5 days ago
15:22
What do Kia Tigers players eat every day? (feat. Kim Do-young😻) Exploratory Life EP.07
현대백화점그룹 STORY
104,499 views   1 day ago
21:06
I felt bad about letting it go like this, so I brought it back.👨‍🍳TOP 8 Highlight Interview👨‍🍳 Black and White Chef: Culinary Class Wars Netflix
Netflix Korea 넷플릭스 코리아
2,281,619 views   6 days ago
11:24
My husband's dangerous hobby
인생 녹음 중
462,543 views   5 days ago
41:05
241017 miniAnswer: Yu Jae Seok, SEVENTEEN (HOSHI, MINGYU, THE 8) @DdeunDdeun Edit room EP.19
뜬뜬 DdeunDdeun
1,847,646 views   7 days ago
22:52
A tour of my sister's newlywed home, an interior designer who needs CPR....🚨
아옳이
471,127 views   5 days ago
7:39
Trot over soccer, Jeon Jong-hyeok's 'Purple Postcard' ♬ [Morning Yard] KBS 241023 broadcast
KBS LIFE
55,519 views   1 day ago
58:52
The Return of Lethal Company
이도원
385,598 views   2 days ago
10:29
I went back because they said they were closing down this month
유우키의 일본이야기 YUUKI
399,375 views   4 days ago
3:35
ILLIT (아이일릿) 'Cherish (My Love)' Official MV
HYBE LABELS
16,541,574 views   3 days ago
9:37
Taste Defense Command Mobile Strike Force
너덜트
986,176 views   6 days ago
17:54
What does the peerless beauty Han Ga-in eat to live? (What she eats and what she doesn't eat)
자유부인 한가인
757,817 views   2 days ago
24:56
[What do you do when you play] My younger siblings' love that's hard to watch with your eyes open MBC241020 broadcast
픽잇 :Pick it
831,995 views   2 days ago
8:45
💍 We're getting married..! With 5 years of memories ❤️
담다미담
955,573 views   1 day ago
4:24
The moment when Park Ji-Sung was substituted in and made everyone cry... and Father's goal!! [2024 Nexon Icon Match]
MBC스포츠탐험대
1,306,969 views   4 days ago
24:56
[What do you do when you play] My younger siblings' love that's hard to watch with your eyes open MBC241020 broadcast
픽잇 :Pick it
831,995 views   2 days ago
27:14
[🇰🇷vlog] A vlog of shaking in Busan, working and dating in Seoul, and then coming back to Australia
해쭈 [HAEJOO]
413,229 views   2 days ago
17:54
What does the peerless beauty Han Ga-in eat to live? (What she eats and what she doesn't eat)
자유부인 한가인
757,817 views   2 days ago
8:45
💍 We're getting married..! With 5 years of memories ❤️
담다미담
955,573 views   1 day ago
42:17
[SUB] We've invited the Nobel Dopamine Prize candidates👩‍🎓 [I didn't prepare anything] EP.31 #LeeYoungJi #HaeWon
차린건 쥐뿔도 없지만
5,339,736 views   13 days ago
11:34
How much will the taxi fare be?
고재영
1,703,619 views   9 days ago
37:54
[SUB] Excuse me, but would you please hand me your passport? [I don't have anything] EP.32 #Lee Young-ji #Kentaro
차린건 쥐뿔도 없지만
5,503,371 views   6 days ago
2:31
JENNIE - Mantra Show! MusicCore MBC241019 Broadcast
MBCkpop
2,674,876 views   5 days ago
Google AdSense
336 x 280
Up Next
20:32
New Zealand Vanlife South Island Route 🚐 via Queenstown, Roys Peak, Mt Cook, Glenorchy
New Horizons
1,799 views
1 year ago
22:47
5 weeks road trip in New Zealand 🇳🇿🚐✨ Route, activities, saving tips & our experiences
The.Beach.Office
10,970 views
7 months ago
30:10
Short Trip 4K: New Zealand in 14 Days [Full Episode, German]
Travel with Paper Planes
11,532 views
3 years ago
25:22
ROADTRIP through New Zealand 2020 The BEST places, activities & campsites (part 2 of 4)
go.outside __
4,234 views
3 years ago
25:37
The BEST TRAVEL ROUTE for New Zealand! - Ultimate Travel Guide/Travel Tips
Travel2gether
10,905 views
10 months ago
23:59
🚐 VANLIFE NEW ZEALAND. North Island Part II What's worth it for you?
New Horizons
2,086 views
1 year ago
25:44
Is New Zealand still affordable? - Cost overview, highlights and tips (2022) - World trip Vlog 045
jola.worldwide
16,378 views
1 year ago
16:53
3 weeks NEW ZEALAND tour 14 tips for the coolest trip of your life!
lebegeil
41,673 views
5 years ago
17:12
ROADTRIP through New Zealand 2020 The BEST places, activities & campsites (Part 1 of 4)
go.outside __
9,764 views
3 years ago
23:40
The perfect route through New Zealand - The 17 most beautiful places - World trip 2019 - #62
Quer durch die Welt
11,064 views
4 years ago
11:28
TOP 25 places in New Zealand that you must see! - Ultimate Travel Guide/Travel Tips 4K
Travel2gether
10,236 views
10 months ago
18:36
Our campervan - self-sufficient in New Zealand with turning circles - recommendation for rental including discount code
Reise Nach Mehr
5,281 views
2 years ago
14:18
Does New Zealand no longer want backpackers? I ATLAS
ATLAS
84,330 views
1 year ago
10:02
TOP 10 HIGHLIGHTS NEW ZEALAND on the South Island • The best TRAVEL TIPS & SIGHTS • VLOG 20
Travel My Time
6,301 views
4 years ago
13:45
NORTH ISLAND NEW ZEALAND🇳🇿 Our route with the van 🚐 Via Coromandel Tauranga to Napier.
New Horizons
5,273 views
1 year ago
13:21
NEW ZEALAND tour begins - We rent a CAMPER VAN! #Roomtour 🇳🇿
World Weit Weg
9,069 views
2 years ago
16:06
Minecraft, but my XP levels = Number of Diamonds...
SirYakari
977,489 views
3 years ago
15:03
Minecraft but you can craft REDSTONE stuff...
SirYakari
1,951,335 views
4 years ago
22:53
Which Club Will Dominate the 5v5 Rush Champions League? 😱🏆
Mich Sako
18,059 views
3 hours ago
8:36
I received a shipment from LEGO Minecraft..
SýrYakari
337,134 views
3 months ago
8:02
I built the BEST enderman farm
Suteren
12,781 views
1 month ago
17:43
Minecraft but Crafting is EXTREMELY HUGE…
SirYakari
1,245,977 views
2 years ago
20:13
Minecraft, but the whole world is LAVA...
SirYakari
1,820,764 views
3 years ago
18:26
Minecraft but I can FARM anything…
SirYakari
852,102 views
2 years ago
37:17
I killed ALL Horror Monsters in Minecraft..
SirYakari
315,362 views
13 days ago
15:12
Minecraft but crafting DOESN'T MAKE SENSE...
SirYakari
1,496,906 views
3 years ago
16:58
Minecraft but my LIVES are LUCKY BLOCKS
SirYakari
920,649 views
3 years ago
30:14
I became the BEST Chef on Mainru
SýrYakari
159,125 views
3 weeks ago
2:02:28
My HARDEST SKYBLOCK JOURNEY... Full Minecraft Movie
Matty
1,446,960 views
7 months ago
10:32
I play minecraft as GOD...
SirYakari
2,297,958 views
4 years ago
36:14
Minecraft MANHUNT, but the WHOLE WORLD is made of LUCKY BLOCKS!
Oveskas
874,735 views
3 years ago
Google AdSense
336 x 280

fetery.com. Copyright 2024