১৭-২ : ন্যাভবার ডিজাইন

এই মডিউলে আমরা হসপিটাল ম্যানেজমেন্ট প্রজেক্টের ফ্রন্ট-এন্ডের জন্য কোড লেখা শুরু করব। মূলত, এই মডিউলে ন্যাভবার ডিজাইন করার জন্য কোড লিখব।

এর জন্য রুট ডিরেকটরিতে index.html, app.js, style.css নামের ৩ টি ফাইলে ক্রিয়েট করে ফেলি-

index.html ফাইলটি নিচের মত করে লিখে ফেলি-

Code:: 17.1.1 index.html

style.css ফাইলটি নিচের মত করে লিখে ফেলি-

Code:: 17.1.2 style.css

এখন, index.html ফাইলটিতে রাইট বাটন ক্লিক করে Open With Live Server অপশনে ক্লিক করলে ফাইলটি ব্রাউজারে রান হবে এবং নিচের মত আউটপুট দেখা যাবে-

সুতরাং, আমাদের ন্যাভবারটি তৈরি হয়ে গেছে !

Previous১৭-১ : প্রজেক্ট ওভারভিউNext১৭-৩ : ব্যানার ডিজাইন

Last updated