Wapka-তে ফ্রিল্যান্সার Portfolio ওয়েবসাইট তৈরি করুন সহজেই - সম্পূর্ণ কোডসহ

Wapka কেন পোর্টফোলিও ওয়েবসাইটের জন্য সেরা?

বর্তমানে ফ্রিল্যান্সিং ক্যারিয়ারে নিজের একটি ব্যক্তিগত পোর্টফোলিও থাকা অত্যন্ত জরুরি। Wapka একটি সহজ এবং কাস্টমাইজযোগ্য প্ল্যাটফর্ম যেখানে আপনি খুব সহজেই মোবাইল বা পিসি দিয়ে আপনার ওয়েবসাইটটি সাজিয়ে নিতে পারেন। এর বড় সুবিধা হলো এটি ফ্রিতে ব্যবহার করা যায় এবং এতে কাস্টম সিএসএস (CSS) যোগ করার সুযোগ রয়েছে।

ধাপ ১: হেড কোড (Head Code) সংযোজন

আপনার ওয়েবসাইটের টাইটেল, আইকন এবং রেসপন্সিভনেস ঠিক রাখতেট্যাগ এর ভেতর নিচের কোডটি ব্যবহার করুন:

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio | Professional Freelancer</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">

ধাপ ২: সিএসএস ডিজাইন (CSS Code)

আপনার পোর্টফোলিও সাইটটিকে সুন্দর এবং আধুনিক লুক দিতে এই সিএসএস কোডটি Wapka-র CSS সেকশনে যুক্ত করুন:

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f9;
    color: #333;
}
.header {
    background: #2c3e50;
    color: white;
    padding: 40px 20px;
    text-align: center;
}
.container {
    max-width: 900px;
    margin: 20px auto;
    padding: 20px;
}
.card {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
h2 { color: #2980b9; }
.btn {
    display: inline-block;
    background: #e74c3c;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}
.btn:hover { background: #c0392b; }

ধাপ ৩: মূল কন্টেন্ট বা বডি পার্ট

এখন আপনার সাইটের Main Content হিসেবে নিচের এইচটিএমএল (HTML) কোডটি ব্যবহার করতে পারেন যা দেখতে অনেক প্রফেশনাল লাগবে:

<div class="header">
  <h1>আসসালামু আলাইকুম, আমি [আপনার নাম]</h1>
  <p>প্রফেশনাল ওয়েব ডেভেলপার এবং গ্রাফিক্স ডিজাইনার</p>
</div>

<div class="container">
  <div class="card">
    <h2>আমার সম্পর্কে</h2>
    <p>আমি গত ৩ বছর ধরে ফ্রিল্যান্সিং করছি এবং ক্লায়েন্টদের সন্তুষ্টির সাথে কাজ করে আসছি। আমার দক্ষতা হলো HTML, CSS, WordPress এবং Logo Design।</p>
  </div>

  <div class="card">
    <h2>আমার সার্ভিসসমূহ</h2>
    <ul>
      <li>ওয়েব ডিজাইন ও ডেভেলপমেন্ট</li>
      <li>সার্চ ইঞ্জিন অপ্টিমাইজেশন (SEO)</li>
      <li>সোশ্যাল মিডিয়া মার্কেটিং</li>
    </ul>
  </div>

  <div class="card">
    <h2>যোগাযোগ করুন</h2>
    <p>আপনার প্রজেক্টের জন্য আমাকে এখনই মেসেজ দিন।</p>
    <a href="mailto:yourname@gmail.com" class="btn">ইমেইল করুন</a>
  </div>
</div>

উপসংহার

Wapka-তে একটি পোর্টফোলিও ওয়েবসাইট তৈরি করা এখন পানির মতো সহজ। উপরোক্ত কোডগুলো কপি করে সঠিকভাবে বসালেই আপনি একটি চমৎকার ইন্টারফেস পেয়ে যাবেন। নিজের প্রয়োজন মতো টেক্সট এবং রঙ পরিবর্তন করে আপনার ব্যক্তিগত ব্র্যান্ডিং শুরু করুন।