আস্সালামুআলাইকুম কেমন আছেন সবাই। আজকে আমি অাপনাদেরকে দেখাবো HTML এবং CSS দিয়ে কিভাবে আকর্ষনীয় একটি pricing table  তৈরি করবেন। আমার এই টিউটোরিয়ালটি করা যারা মিডিয়াম লেভেল HTML  ডেভেলপার তাদের জন্য। আমি এই টিউটোরিয়ালটিতে ব্যবহার করেছি HTML5 boilerplate এবং Bootstrap Framework। তো আপনারা অবশ্যই জানেন boilerplate এবং Bootstrap এর ব্যবহার।

টিউটোরিয়াল দেখুন এখান থেকে:

ভিডিও টিউটোরিয়াল করা হয়েছে নিচের pricing table ইমেইজটি দিয়ে। ঠিক নিচের pricing table ইমেইজের মত আমি টিটোরিয়ালটি করার চেষ্টা করেছি।

HTML5 boilerplate হল সম্পূর্ন একটি ফ্রন্ট-ইন্ড Ready টেমপ্লেট। যা ব্যবহার করার মাধ্যমে আপনাকে বাড়তি কোনো কোড লিখা লাখবেনা কিংবা stylesheet  এড করাও লাগবেনা। এখানে সবকিছু অটোমেটিক এড করা আছে।  শুধুমাত্র আপনি আপনার কোড লিখা শুরু করলেই হবে।

boilerplate অফিসিয়াল ওয়েবসাইট থেকে Download করে নিন। এখান থেকে

Bootstrap হল বর্তমানে সবচাইতে জনপ্রিয় ওয়েব ডেভেলপমেন্ট ফ্রেমওয়ার্ক। যার মাধ্যমে আপনি খুব সহজেই রেডিভাবে অনেক কিছু পেয়ে যাবেন। যেমন বাটন তৈরি করা,মেনুবার তৈরি করা, কলাম তৈরি করা ইত্যাদি অটোমেটিক্যালি পেয়ে যাবেন।

Bootstrap অফিসিয়াল ওয়েবসাইট থেকে Download করে নিন এখান থেকে