HTML এবং CSS দিয়ে তৈরি করুন Advanced একটি pricing table। বাংলা ভিডিও টিউটোরিয়াল

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

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

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

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

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

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

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

Level New

আমি শাকিল হোসাইন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 8 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 25 টি টিউন ও 8 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস