CodeMentor

87
69 962

Explore the world of frontend web development with our channel! Learn HTML, CSS, JavaScript, and more to create stunning, interactive websites.

Комментарии

@HamaadAfzal-fx7pe 9 дней назад

good tutorial

@GauravVarma-qk6sn 17 дней назад

sheesh I've been looking for this type of a video from long my man, keep the good work.

@CodeMentor786 11 дней назад

Glad it's helpful

@armminas3186 27 дней назад

Thank you very much and appreciate the help

@CodeMentor786 14 дней назад

Welcome 😊

@Never_ever_giveup18 Месяц назад

Source code

@CodeMentor786 Месяц назад

uiverse.io/vinodjangid07/bitter-eagle-34

@hamaadafzal2490 Месяц назад

Nice work 💯

@YuvrajSingh-rr5lh 2 месяца назад

Great... please try to add voice too it would be helpful

@MDKSIDE 2 месяца назад

I can do this using only HTML and CSS, with the "+" selector

@CodeMentor786 2 месяца назад

Good 😊👍

@DangNguyen-qr2zf Месяц назад

what is name of selector?

@Mr_Satish_Das 2 месяца назад

Thank you 😊 bro

@CodeMentor786 2 месяца назад

Welcome 😊

@y.sharathchandrareddy587 2 месяца назад

Good, great loading style buttons you got there

@CodeMentor786 2 месяца назад

Thanks 👍

@Gautham-666 2 месяца назад

how to do this is this React or only (html ,css and js)..please respond..

@CodeMentor786 2 месяца назад

In react we can use useState hook and in JavaScript we use DOM manipulation to add and remove class using classlist method

@tonytenorio8482 3 месяца назад

excellent !!!

@CodeMentor786 2 месяца назад

Glad you like it!

@mkarvj 3 месяца назад

Awesome sir!!!

@NeoCoding 3 месяца назад

birds are good but voice explanations are even better

@nayeemulislambijoy7463 3 месяца назад

Thank bro❤😊

@jazzy_gaming 3 месяца назад

Looks great! Thanks for the source code!

@CodeMentor786 3 месяца назад

Glad you like it!

@akasdatta267 4 месяца назад

Thank you

@CodeMentor786 4 месяца назад

You're welcome 🤗

@shubhamyadav6292 4 месяца назад

sir 1 question where is javascript code file thank you sir for provide this code please sri provide javascript file

@CodeMentor786 4 месяца назад

No JavaScript code small code of JavaScript is written in html file

@Website_developers_Abel 4 месяца назад

It is good. But. Please stort video Footers

@CodeMentor786 4 месяца назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jR-RJXfK-7c.html

@gokuturkey 4 месяца назад

just from the bird sounds in the beginning this ia an pure smart code tutorial! thank you so much!

@CodeMentor786 4 месяца назад

😊😊❤️

@divraj185 4 месяца назад

Where to get images for this site creation?

@CodeMentor786 4 месяца назад

freepik.com , unsplash.com , pexels.com

@DownloadLinkId 4 месяца назад

Great 👍

@Admin... 4 месяца назад

terrible example

@ChallengeAll 4 месяца назад

Nice work

@goldenarrow2278 4 месяца назад

Css? Js?

@CodeMentor786 4 месяца назад

Only css

@CodeMentor786 4 месяца назад

Code link in description

@goldenarrow2278 4 месяца назад

@@CodeMentor786ty!)

@goldenarrow2278 4 месяца назад

@@CodeMentor786 But I either don't have it or I can't find it.

@ffarrsi1 4 месяца назад

thank you for the tut, kindly put the codes in the description

@HamaadAfzal 4 месяца назад

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0; padding: 0; box-sizing: border-box; font-family: sans-serif; list-style: none; text-decoration: none; } body{ background: #00021b; } nav{ padding: 3vw; } nav ul{ display: flex; align-items: center; gap: 40px; } nav ul li a{ color: #fff; } nav ul li::after{ content: ''; width: 0; height: 2px; display: block; margin-right: auto; background: #fff; transition: 0.5s; margin-top: 3px; } nav ul li:hover::after{ width: 100%; } nav ul li::before{ content: ''; width: 0; height: 2px; display: block; margin-left: auto; background: #fff; transition: 0.5s; margin-bottom: 3px; } nav ul li:hover::before{ width: 100%; } </style> </head> <body> <nav> <ul> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">BLOG</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">PORTFOLIO</a></li> </ul> </nav> </body> </html>