Facebook Login Page Clone with HTML & CSS | Step-by-Step UI Clone
Facebook Login Page Clone with HTML & CSS | Step-by-Step UI Clone
এই ভিডিওতে HTML ও CSS ব্যবহার করে Facebook Login Page-এর UI হুবহু ক্লোন করার সম্পূর্ণ প্রক্রিয়া দেখানো হয়েছে। শুরু থেকে শেষ পর্যন্ত পুরো coding process রেকর্ড করা হয়েছে, তাই আপনি চাইলে ভিডিওটি অনুসরণ করে নিজেও একই ধরনের Login Page তৈরি করতে পারবেন।
এই ভিডিওতে দেখানো হয়েছে:
• HTML দিয়ে Login Page structure তৈরি
• CSS দিয়ে পুরো UI design করা
• Input box ও button styling
• Border, spacing, alignment ও sizing
• Facebook-style Login UI তৈরি
• Responsive mobile layout
• সম্পূর্ণ UI একদম শুরু থেকে তৈরি করার process
📌 Timestamps:
00:00 - Project Overview & Demo
00:30 - HTML File Structure & Google Fonts Setup
01:15 - Facebook 'f' Logo Markup (HTML)
02:00 - Email & Password Input Fields
03:00 - Login Button, Forgot Password & Create Account Layout
04:00 - CSS Styling: Logo & Text (.logo_f, .text)
05:00 - Input Box Styling (.email_box, .pass)
06:00 - Input Tag Reset & Icon Positioning
06:45 - Login Button Styling (.login, .btn)
07:30 - 'Create New Account' Button & Margin Setup
08:15 - Final Output Test & Wrap-up
🎯 যারা HTML & CSS শিখছেন এবং বাস্তব website UI clone করে practice করতে চান, তাদের জন্য এই ভিডিওটি বিশেষভাবে উপকারী।
Technologies Used:
HTML5
CSS3
ভিডিওটি ভালো লাগলে Like 👍 এবং Channelটি Subscribe করে পাশে থাকুন।
#HTML #CSS #FacebookClone #LoginPage #WebDesign #Coding #HTMLCSS #UIDesign #WebDevelopment