Neomorphism UI Design In CSS | Social Media Icons Design Using HTML And CSS

Neomorphism UI Design In CSS | Social Media Icons Design for website Using HTML and CSS | Step By Step tutorial for beginners
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
------------------------------------
In this video you will learn to make Neomorphism UI design using CSS. We will be making social media icons for website using HTML and CSS. This is tep by step HTML and CSS tutorial for beginners. #WebDesign #CSSTutorials
-------------------------------------
◼️ Like this video
◼️ Subscribe channel
◼️ Share video link on social media
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostg...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hosti...
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Recommended Videos:
Animated Image slider using HTML and CSS
► • How To Make Image slid...
Make contact us page for website Using HTML and CSS
► • How To Make A Contact ...
SVG animation tutorial in CSS
► • How To Make Website Us...
Create Responsive Team Members section in HTML CSS
► • How To Make Team Secti...
Create login and registration form using HTML & CSS step by step
► • How To Make Login & Re...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ RUclips: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr

[@cerealrakist7360]

You are a rare jewel. Please keep teaching us CSS. Channels like yours are CRUCIAL for people like myself whom are self taught and have you as their mentor.

[@vinayak_deo]

the best youtube channel to learn coding easily

[@GreatStackDev]

Thanks brother

[@vinayak_deo]

@@GreatStackDev Thanks to you for teaching this things

[@cerealrakist7360]

It really is. It’s hard to find a channel that teaches and talks AND does so effectively! I hate when they only play music and explain nothing :( also I hate when they talk and just confuse me more lol. This guy is a BLESSING AND I HAVE LEARNED SO MUCH!

[@freelancerhossain2323]

Nice bru from Bangladesh

[@GauravSingh6]

Thanks for the tutorial. Styles are amazing. And your video learning as well.

[@irakli4797]

I thing this video with sound effect on it is easy to understand thx man for great work

[@chandrapalyadav6863]

Color combination is very cute..

[@caseng1270]

Thank you so much for this tutorial!!!

[@romuloalves9349]

Ótimo vídeo parabéns 👍.

[@devdeveloper9802]

awesome tutorial i wish i could give it 1000 likes... m am really feeling motivated thnks for sharing this. u rarely find any tutorials on which u want to give a thumbs up without any request for like by the tutor.

[@khushalsapariya9304]

Sir I'm big fan you and your channel.
Love you man ❤

[@laboptyka3706]

It's a Magic❤️!!! Thank You Sooo Much 👍👍👍

[@4TH4RV]

This is such a great tutorial! I subbed

[@gamesstar337]

You deserve this like and comment. I will try to apply this CSS in my website postcard

[@abhaygupta7347]

my eyes: Thats what we call awesome.. 😍😍

[@abulfazlhaidary2002]

Great job bro !!! keep your great content up!

[@GreatStackDev]

Thanks brother

[@tylerw2314]

You are the master when it comes to css

[@SachinKumar-fb7id]

Bhai u r the best, really ur line by line explaination clears all my doubt ❤️

[@abhaytiwari6411]

very nice video keep it up

[@GreatStackDev]

Thank you, I will

[@iaashu98]

The Indians we're looking for. Thank you India

[@4TH4RV]

Bruh

[@sayedfchy4646]

good tutorial. love it

[@tamaghnanag491]

Honestly dude , never stop coding , absolutely love these videos :)

[@GreatStackDev]

Thanks, will do!

[@mansikasaudhan6146]

Amezing ..

[@engrab9894]

Really waw❤

[@user-lg8tx9bn5b]

Wow bro it's so Beautiful. I hope another special veido coming soon. Love you bro .I am Bangladeshi.

[@shubhamMishraReal111]

Greate tutorial, i think this is what awesome means with respect to the UI

[@patrickjoel8779]

Interesting really good thanks

[@tapaswiniojha1672]

Thank you so much for this tutorial

[@mv7989]

Aap bhut bdiya kaam krte ho

[@PureCyberSolution]

Really good I enjoyed doing this

[@phoenixcreed1112]

Sir we love you!😊

[@krunaltrivedi5226]

Superb

[@joelpires4800]

No questions.....
Just that your are really smart
That's all

[@sudhirganjir5412]

Amazing work superb💕

[@GreatStackDev]

Thank you so much 😀

[@zasimahmed3794]

Wow bro....

[@smartlivingwithmuneeb6449]

Amazing

[@devmithlesh]

Nice tutorial bro I like it..❤

[@devmithlesh]

Hello sir koi website ds do jithe HTML and CSS course da certificate mile es Lockdown che time pass ho rya ya faltu da..🙂😀

[@iqbalfajry]

love your content

[@wolveritat2430]

Good job 😎👍

[@itsolyx4718]

Good thank you sir

[@abbasrashid1494]

Thanks ❤

[@hzzx_5003]

you are the one on youtube learn us the codes easily

[@GreatStackDev]

Thanks a lot

[@Annurbd]

I like your tutorial....bro

[@shivgaurav8402]

I'm a student of BCA and your video is so informative . please create one video about box-shadow and brief us.

[@Ibroo22]

Best channel ever

[@abhishekpillare1110]

Thank u bro

[@yasirtawfeq3556]

Thanks

[@mohammadkamrulhasan4338]

very Good Tutorial

[@ShivamPathak111]

Great sir..

[@GreatStackDev]

Thanks

[@manthan5235]

You are amazing

[@LoVe-mx7fh]

very wonderful design you are the best

[@GreatStackDev]

Thanks a lot

[@omkarprabhu9091]

Beautiful designs.....

[@GreatStackDev]

Thank you so much

[@mrfairycake4333]

fantastic my friend

[@GreatStackDev]

Thank you so much friend

[@md.shoaibiqbal4613]

thanks

[@leonstreams]

thanks like !

[@talashkhan5251]

Very nice sir! We want more video....

[@GreatStackDev]

Sure 👍

[@harshalbaswant1037]

successfully executed
thanks you

[@GreatStackDev]

Great!!

[@historiwave]

This one is beautiful

[@GreatStackDev]

Thanks Jack lee, Glad you like this social media icon design tutorial

[@JustForProgrammers]

Best

[@tejashkumar8235]

Best channel in this RUclips 😍

[@GreatStackDev]

Thanks Brother

[@joyboy00008]

This you tube ?
How many you tube you know?

[@omorfaruk7147]

Wow

[@GreatStackDev]

Thanks

[@TrHistory1453]

your videos are great! I make similar videos too!

[@kavyapokharel4714]

First comment, first like. Hey can you make a video on how did you learn css and html . Please!

[@GreatStackDev]

This video will help you to start with HTML & CSS: ruclips.net/video/GAZVvpjxYQY/видео.html

[@A_shock5]

Kati sikeo ta 2 mahinama😊

[@coco_child]

Can u plz recommend any online class in which we can learn from zero to hero level.
Plz ans. This comment thnx alot
And nice tutorial

[@ahmedhameed5469]

gj bro

[@SalmanShah95]

Done

[@Podcastshorts_158]

❤

[@GreatStackDev]

thanks kaushal

[@khushalsapariya9304]

Sir plz make website on metro train , I have everything think domain name , hosting and everything but just waiting for how to make website with this neomorphism UI design .
Plz me sir

[@al_peterson]

Amazing design! Thank you so much!

[@nitanurqarinah5352]

Thank you! btw, how can I put a link of those social media in html?

[@riyasmohamed769]

This video is attractive.
How to make ph sheet on website?

[@CRAZYPOTATO842]

Can you make a version for people with dark buttons? thanks alot!

[@user-wh7hc8xn7b]

sir window 7 not support icon plz can i give some idea?

[@GreatStackDev]

Hi, I think there should not be any issue with windows version. But still if there is issue try below icon CDN link and icon code:
Fontawesome 4 CDN: stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
Facebook icon:
Instagram icon:

[@fun-n-facts]

Need your help , when i insert icon with the in my html page it come with a _ symbol and both my icon and the symbol contain the link .
how to remove extra symbol, it also take space when i am trying to define space or placing in CSS.
guide me.

[@encounterdevil4706]

Good video sir
Sir please help me
You are make a one video for responsive website code please sir

[@bilalzafar5449]

Please explain box shadow ...... Why you entered alot of perimeters there

[@prabhatsharma4314]

Sir agr ise apni wordpress ki website me put karna ho to kaise karege

[@suprabhatkumar5478]

Sir source code bhi daal diya kijiye, bhut bada help ho jaega hum sabko seekhne mee..🙏

[@GreatStackDev]

Bhai sihkna hai to Video dekhne ke bad khud se try karo, Code se nhi.. Kuch v issue aye to email kro, problem solve krne ka try krenge or phir v solve n ho to code v de denge. To bs video dekhne ka baad khud se try krte rho yhi method h sikhne ka. email [[e-mail]]

[@mo.shaikhvajib2158]

yes sir 👍

[@mo.shaikhvajib2158]

aapne sahi bola .
sir me Surat se hu me bhagwan Mahavir clg me computer corse ker raha huu or bahar se web design to muje aap se khuch puch na hoo to kese puch saktaw???.

[@airlanggabhumintaraamitaba8363]

Can you suggest me, where I would be able to find more icon, say, for cloud service , BI, and so on ? thank you

[@mdabullais2114]

flaticon

[@4TH4RV]

Yeah flaticon is the best

[@gauravpaithane]

Which editor you use

[@GreatStackDev]

Hi Gaurav, It's Brackets, you can check this video for shortcut keys: ruclips.net/video/88Xb1fhst2I/видео.html

[@freelancerhossain2323]

Give me code link please

[@kallyansingha3772]

How to set font color on a active page on nav .....HOME ABOUT US ETC

[@mahbubhasan2649]

where did u get the icon color from?

[@GreatStackDev]

Search on google. Facebook logo color code, Twitter logo color code so on

[@mgskelvin6420]

hay man,
I like the video that you made, but can you add Indonesian subtitles so I can better understand UX and UI, but I'm from Indonesia

[@GreatStackDev]

Thanks for comment, But sorry i don't know Indonesian Language.

[@TechMRC]

@@GreatStackDev bhai software kaun sa hain

[@nareshgoyal1994]

@@TechMRC I think that is bracket text editor

[@nareshgoyal1994]

@@GreatStackDev Bro which software for you use for screen recording plz suggest me any light weight screen recorder..

[@soumyadeepmahapatra4855]

I'm unable to see the Facebook or other social media icons during code entry. What I should do. Please help me sir

[@gentleshorts5458]

how to make simple game using html and css please make video on this.

[@AliShahbaz7]

You can't. You would need JS to go with that.

[@GreatStackDev]

Thanks Ali Shahbaz bro for your reply.

[@muhammadahmad789]

How you know which values to write in box shadow? 🤔🤨

[@4TH4RV]

What is font weight

[@Mr.JoydipBanerjee]

What should I to when I have multiple a tag in my html file

[@GreatStackDev]

I can't understand your question

[@arghanishmukherjee9950]

The fa logos are not showing can u help me with tha

[@GreatStackDev]

Correct shamsher, Thanks for comment

[@NEWSVBK]

How to give Google text multiple colors please answer... Please 🙏🙏🙏..

[@NEWSVBK]

Hey answer please..

[@GreatStackDev]

Hi Kush Sharma, I thin you want to give different color in each letter of Work. For that you can you can add each letters in separate tag and give different color for each . Thanks for comment

[@theshubhamdhage]

ruclips.net/video/rOSEuZUUbUo/видео.html
Are you talking about this👆👆.
This helped me

[@feelthebeatsofficel6876]

Bhai is ko mene e-commerce wali website m dala or Mera anchor tag kharab Ho gya nav bar wala
Please help me

[@rtplayshorts2550]

who's software used by you to write code on html,css??
please software name ??

[@mounir101]

Microsoft Visual Studio Code

[@GreatStackDev]

Hi friend, I am using Brackets Editor in my video. You should check this video for more help: ruclips.net/video/88Xb1fhst2I/видео.html

[@ompatel08]

Which is software use for coding please tell

[@ytshortsvideo247]

bracket.io

[@GreatStackDev]

Hi Om Patel, It's Brackets, you can check this video for shortcut keys: ruclips.net/video/88Xb1fhst2I/видео.html

[@AbulHaj]

Is it responsive?

[@dailytech547]

Good design but how to apply my wordpress website

[@oxaaa07]

what lin image

[@merlinofnotes]

what is the name of the code editor you used in this video

[@user-lt6se4qn8v]

Brackets

[@RealcricketTipsandTricks]

vs code is best

[@mylightroompresets6194]

bro how to thats work....instagram button click and open my insta page how to make that...please tell bro

[@technicalzubairr]

can you make with me for youtube without copyright

[@vijayjadav7370]

Can we make this offline??