Site icon Trickbd.com

কিভাবে Professional Login Page Design করবেন?

কোনো প্রকার Design ছাড়া আমার ওয়েবসাইট টি এমন দেখছি

এবার ডিজাইন শুরু করা যাক

প্রথমে css File টি Html এর সঙ্গে কানেক্ট করি

এর জন্যে  একটি “link” Tag নিয়ে rel attribute add করে “stylesheet” লিখুন, type add করে “text/css” লিখুন এবং href এ আপনার css ফাইল এর লকেশন দিন

সাধারন ভাবে আমরা ডিজাইন ছাড়া ওয়েবপেজ এর কোডিং এভাবে দেখতে পাচ্ছি

এবার লগিন কার্ড এর জন্যে “<div>” ট্যাগ অ্যাড করি এবং class কার্ড দেই

এখন আপনার পছন্দ মত ফন্ট ও ব্যাকগ্রাউন্ড দিন

এবার .card লিখে উপরের ছবিতে দেখানো কোডিং এর মত কোড লিখুন আপনার (প্রয়োজনে সবকিছুর value  Change করতে পারেন)

এবার বাটন কে আরও সুন্দর বানাতে উপরের মত করে কোডিং করুন

এখন ইনপুট কে আরও সুন্দর করতে এভাবে কোডিং করুন

এখন আমরা একটা Professional লগিন Interface দেখতে পাচ্ছি