1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>200 English Vocabulary with Bangla Meaning</title>
7  <style>
8    body {
9      font-family: Arial, "Noto Sans Bengali", sans-serif;
10      background: #f4f7fb;
11      margin: 0;
12      padding: 20px;
13      color: #222;
14    }
15    .container {
16      max-width: 1000px;
17      margin: auto;
18      background: white;
19      padding: 25px;
20      border-radius: 12px;
21      box-shadow: 0 4px 15px rgba(0,0,0,.1);
22    }
23    h1 {
24      text-align: center;
25      color: #135d9e;
26    }
27    .search {
28      width: 100%;
29      padding: 12px;
30      margin: 15px 0;
31      border: 1px solid #bbb;
32      border-radius: 6px;
33      font-size: 16px;
34      box-sizing: border-box;
35    }
36    table {
37      width: 100%;
38      border-collapse: collapse;
39    }
40    th {
41      background: #135d9e;
42      color: white;
43      padding: 12px;
44    }
45    td {
46      padding: 10px;
47      border-bottom: 1px solid #ddd;
48    }
49    tr:nth-child(even) {
50      background: #f1f6fb;
51    }
52    tr:hover {
53      background: #dceeff;
54    }
55    .number {
56      width: 60px;
57      text-align: center;
58    }
59    .english {
60      font-weight: bold;
61      color: #07599d;
62    }
63    .bangla {
64      font-size: 18px;
65    }
66  </style>
67</head>
68<body>
69 
70<div class="container">
71  <h1>200 English Vocabulary with Bangla Meaning</h1>
72  <input type="text" id="searchBox" class="search"
73         placeholder="Search English or Bangla word...">
74 
75  <table>
76    <thead>
77      <tr>
78        <th>No.</th>
79        <th>English Word</th>
80        <th>Bangla Meaning</th>
81      </tr>
82    </thead>
83    <tbody id="vocabularyTable"></tbody>
84  </table>
85</div>
86 
87<script>
88const vocabulary = [
89  ["Ability", "ক্ষমতা"],
90  ["Abundant", "প্রচুর"],
91  ["Accept", "গ্রহণ করা"],
92  ["Accident", "দুর্ঘটনা"],
93  ["Achieve", "অর্জন করা"],
94  ["Active", "সক্রিয়"],
95  ["Admire", "প্রশংসা করা"],
96  ["Advice", "পরামর্শ"],
97  ["Afraid", "ভীত"],
98  ["Agree", "একমত হওয়া"],
99  ["Allow", "অনুমতি দেওয়া"],
100  ["Ancient", "প্রাচীন"],
101  ["Angry", "রাগান্বিত"],
102  ["Answer", "উত্তর"],
103  ["Appear", "আবির্ভূত হওয়া"],
104  ["Arrange", "সাজানো"],
105  ["Arrive", "পৌঁছানো"],
106  ["Ask", "জিজ্ঞাসা করা"],
107  ["Attempt", "চেষ্টা"],
108  ["Avoid", "এড়িয়ে চলা"],
109 
110  ["Basic", "মৌলিক"],
111  ["Beautiful", "সুন্দর"],
112  ["Believe", "বিশ্বাস করা"],
113  ["Benefit", "সুবিধা"],
114  ["Brave", "সাহসী"],
115  ["Bright", "উজ্জ্বল"],
116  ["Build", "নির্মাণ করা"],
117  ["Busy", "ব্যস্ত"],
118  ["Care", "যত্ন"],
119  ["Careful", "সতর্ক"],
120  ["Change", "পরিবর্তন"],
121  ["Choose", "নির্বাচন করা"],
122  ["Clean", "পরিষ্কার"],
123  ["Clever", "চতুর"],
124  ["Climb", "আরোহণ করা"],
125  ["Close", "বন্ধ করা"],
126  ["Collect", "সংগ্রহ করা"],
127  ["Comfort", "আরাম"],
128  ["Common", "সাধারণ"],
129  ["Complete", "সম্পূর্ণ"],
130 
131  ["Confident", "আত্মবিশ্বাসী"],
132  ["Confuse", "বিভ্রান্ত করা"],
133  ["Connect", "সংযুক্ত করা"],
134  ["Consider", "বিবেচনা করা"],
135  ["Continue", "চালিয়ে যাওয়া"],
136  ["Courage", "সাহস"],
137  ["Create", "সৃষ্টি করা"],
138  ["Cruel", "নিষ্ঠুর"],
139  ["Curious", "কৌতূহলী"],
140  ["Danger", "বিপদ"],
141  ["Decide", "সিদ্ধান্ত নেওয়া"],
142  ["Deep", "গভীর"],
143  ["Defeat", "পরাজিত করা"],
144  ["Demand", "দাবি"],
145  ["Describe", "বর্ণনা করা"],
146  ["Destroy", "ধ্বংস করা"],
147  ["Develop", "উন্নত করা"],
148  ["Different", "ভিন্ন"],
149  ["Difficult", "কঠিন"],
150  ["Discover", "আবিষ্কার করা"],
151 
152  ["Discuss", "আলোচনা করা"],
153  ["Disease", "রোগ"],
154  ["Distant", "দূরবর্তী"],
155  ["Divide", "ভাগ করা"],
156  ["Doubt", "সন্দেহ"],
157  ["Dream", "স্বপ্ন"],
158  ["Easy", "সহজ"],
159  ["Educate", "শিক্ষা দেওয়া"],
160  ["Effect", "প্রভাব"],
161  ["Effort", "প্রচেষ্টা"],
162  ["Elegant", "মার্জিত"],
163  ["Encourage", "উৎসাহিত করা"],
164  ["Enemy", "শত্রু"],
165  ["Enjoy", "উপভোগ করা"],
166  ["Enough", "যথেষ্ট"],
167  ["Enter", "প্রবেশ করা"],
168  ["Equal", "সমান"],
169  ["Escape", "পালিয়ে যাওয়া"],
170  ["Essential", "অপরিহার্য"],
171  ["Exact", "সঠিক"],
172 
173  ["Example", "উদাহরণ"],
174  ["Excellent", "চমৎকার"],
175  ["Excuse", "অজুহাত"],
176  ["Exist", "অস্তিত্ব থাকা"],
177  ["Expand", "প্রসারিত করা"],
178  ["Expect", "আশা করা"],
179  ["Experience", "অভিজ্ঞতা"],
180  ["Explain", "ব্যাখ্যা করা"],
181  ["Famous", "বিখ্যাত"],
182  ["Fault", "দোষ"],
183  ["Fear", "ভয়"],
184  ["Feel", "অনুভব করা"],
185  ["Fight", "লড়াই করা"],
186  ["Flexible", "নমনীয়"],
187  ["Focus", "মনোযোগ"],
188  ["Follow", "অনুসরণ করা"],
189  ["Forgive", "ক্ষমা করা"],
190  ["Freedom", "স্বাধীনতা"],
191  ["Friendly", "বন্ধুত্বপূর্ণ"],
192  ["Future", "ভবিষ্যৎ"],
193 
194  ["Gather", "জড়ো করা"],
195  ["Generous", "উদার"],
196  ["Gentle", "নম্র"],
197  ["Gift", "উপহার"],
198  ["Glad", "আনন্দিত"],
199  ["Goal", "লক্ষ্য"],
200  ["Good", "ভালো"],
201  ["Govern", "শাসন করা"],
202  ["Great", "মহান"],
203  ["Habit", "অভ্যাস"],
204  ["Harm", "ক্ষতি"],
205  ["Healthy", "সুস্থ"],
206  ["Help", "সাহায্য করা"],
207  ["Honest", "সৎ"],
208  ["Hope", "আশা"],
209  ["Huge", "বিশাল"],
210  ["Humble", "বিনয়ী"],
211  ["Hurry", "তাড়াহুড়া"],
212  ["Idea", "ধারণা"],
213  ["Important", "গুরুত্বপূর্ণ"],
214  ["Improve", "উন্নতি করা"],
215 
216  ["Include", "অন্তর্ভুক্ত করা"],
217  ["Increase", "বৃদ্ধি করা"],
218  ["Independent", "স্বাধীন"],
219  ["Inform", "জানানো"],
220  ["Intelligent", "বুদ্ধিমান"],
221  ["Interest", "আগ্রহ"],
222  ["Invite", "আমন্ত্রণ করা"],
223  ["Journey", "ভ্রমণ"],
224  ["Judge", "বিচার করা"],
225  ["Knowledge", "জ্ঞান"],
226  ["Kind", "দয়ালু"],
227  ["Lazy", "অলস"],
228  ["Learn", "শেখা"],
229  ["Leave", "ত্যাগ করা"],
230  ["Limit", "সীমা"],
231  ["Local", "স্থানীয়"],
232  ["Lucky", "ভাগ্যবান"],
233  ["Manage", "পরিচালনা করা"],
234  ["Mention", "উল্লেখ করা"],
235  ["Modern", "আধুনিক"],
236 
237  ["Necessary", "প্রয়োজনীয়"],
238  ["Notice", "লক্ষ্য করা"],
239  ["Obey", "আনুগত্য করা"],
240  ["Object", "বস্তু"],
241  ["Offer", "প্রস্তাব করা"],
242  ["Opinion", "মতামত"],
243  ["Ordinary", "সাধারণ"],
244  ["Organize", "সংগঠিত করা"],
245  ["Patient", "ধৈর্যশীল"],
246  ["Peace", "শান্তি"],
247  ["Perform", "সম্পাদন করা"],
248  ["Permit", "অনুমতি দেওয়া"],
249  ["Popular", "জনপ্রিয়"],
250  ["Possible", "সম্ভব"],
251  ["Powerful", "শক্তিশালী"],
252  ["Practice", "অনুশীলন"],
253  ["Praise", "প্রশংসা করা"],
254  ["Prepare", "প্রস্তুত করা"],
255  ["Prevent", "প্রতিরোধ করা"],
256  ["Problem", "সমস্যা"],
257 
258  ["Promise", "প্রতিশ্রুতি"],
259  ["Protect", "রক্ষা করা"],
260  ["Proud", "গর্বিত"],
261  ["Purpose", "উদ্দেশ্য"],
262  ["Quick", "দ্রুত"],
263  ["Quiet", "শান্ত"],
264  ["Realize", "উপলব্ধি করা"],
265  ["Reason", "কারণ"],
266  ["Receive", "গ্রহণ করা"],
267  ["Reduce", "কমানো"],
268  ["Refuse", "অস্বীকার করা"],
269  ["Remember", "মনে রাখা"],
270  ["Repair", "মেরামত করা"],
271  ["Repeat", "পুনরাবৃত্তি করা"],
272  ["Respect", "সম্মান"],
273  ["Responsible", "দায়িত্বশীল"],
274  ["Rich", "ধনী"],
275  ["Risk", "ঝুঁকি"],
276  ["Safe", "নিরাপদ"],
277  ["Save", "সংরক্ষণ করা"],
278 
279  ["Search", "অনুসন্ধান করা"],
280  ["Select", "নির্বাচন করা"],
281  ["Serious", "গুরুতর"],
282  ["Share", "ভাগ করে নেওয়া"],
283  ["Simple", "সরল"],
284  ["Skill", "দক্ষতা"],
285  ["Solve", "সমাধান করা"],
286  ["Special", "বিশেষ"],
287  ["Strong", "শক্তিশালী"],
288  ["Success", "সাফল্য"],
289  ["Suggest", "পরামর্শ দেওয়া"],
290  ["Support", "সমর্থন করা"],
291  ["Sure", "নিশ্চিত"],
292  ["Surprise", "বিস্ময়"],
293  ["Teach", "শিক্ষা দেওয়া"],
294  ["Thank", "ধন্যবাদ দেওয়া"],
295  ["Think", "চিন্তা করা"],
296  ["Together", "একসঙ্গে"],
297  ["Trust", "বিশ্বাস"],
298  ["Understand", "বোঝা"],
299 
300  ["Useful", "উপকারী"],
301  ["Usually", "সাধারণত"],
302  ["Value", "মূল্য"],
303  ["Victory", "বিজয়"],
304  ["Visit", "পরিদর্শন করা"],
305  ["Voice", "কণ্ঠস্বর"],
306  ["Wait", "অপেক্ষা করা"],
307  ["Wake", "জাগা"],
308  ["Want", "চাওয়া"],
309  ["Weak", "দুর্বল"],
310  ["Welcome", "স্বাগত"],
311  ["Wise", "জ্ঞানী"],
312  ["Wonder", "বিস্মিত হওয়া"],
313  ["Work", "কাজ করা"],
314  ["Worry", "চিন্তা করা"],
315  ["Wrong", "ভুল"],
316  ["Youth", "যৌবন"],
317  ["Zeal", "উদ্যম"],
318  ["Zealous", "উৎসাহী"],
319  ["World", "বিশ্ব"]
320];
321 
322const table = document.getElementById("vocabularyTable");
323const searchBox = document.getElementById("searchBox");
324 
325function displayWords(words) {
326  table.innerHTML = "";
327 
328  words.forEach((item, index) => {
329    const row = document.createElement("tr");
330    row.innerHTML = `
331      <td class="number">${index + 1}</td>
332      <td class="english">${item[0]}</td>
333      <td class="bangla">${item[1]}</td>
334    `;
335    table.appendChild(row);
336  });
337}
338 
339searchBox.addEventListener("input", function () {
340  const searchText = this.value.toLowerCase();
341 
342  const filteredWords = vocabulary.filter(item =>
343    item[0].toLowerCase().includes(searchText) ||
344    item[1].includes(searchText)
345  );
346 
347  displayWords(filteredWords);
348});
349 
350displayWords(vocabulary);
351</script>
352 
353</body>
354</html>