সম্পূর্ণ ফ্রীতে নিয়ে নিন মুজিব বর্ষের কাউন্টডাউন কোড

আমার মনে হয় আমরা সকলেই জানি যে, সামনে আসতে চলেছে “মুজিব বর্ষ”।

তবুও যারা মুজিব বর্ষ কি? জানেন না তাদেরকে জানিয়ে দেই,

মুজিব বর্ষ হল বাংলাদেশের প্রতিষ্ঠাতা শেখ মুজিবুর রহমানের জন্মশতবার্ষিকী পালনের জন্য ঘোষিত বর্ষ। বাংলাদেশ সরকার ২০২০-২১ খ্রিস্টাব্দকে মুজিব বর্ষ হিসেবে পালনের ঘোষণা দিয়েছে।

২০২০ খ্রিস্টাব্দের ১৭ই মার্চ

থেকে ২০২১ খ্রিস্টাব্দের ২৬
মার্চ পর্যন্ত এ বর্ষ উদ্‌যাপন করা হবে।
বাংলাদেশের জাতির পিতা এবং বঙ্গবন্ধু খ্যাত এই তেজস্বী নেতা অবিভক্ত ভারতের পূর্ববঙ্গে (বর্তমানে বাংলাদেশের গোপালগঞ্জ জেলার টুঙ্গিপাড়া গ্রামে) ১৯২০ খ্রিস্টাব্দের ১৭ই মার্চ জন্মগ্রহণ করেন।

আবার ২০২১ খ্রিস্টাব্দের ২৬শে মার্চ তারিখে বাংলাদেশের স্বাধীনতার অর্ধ-শত বার্ষিকীতে পদার্পণ করবে। দেশটির
স্বাধীনতা সংগ্রামে শেখ মুজিবুর রহমান ওতপ্রোতভাবে জড়িত থাকায় ঘোষিত বর্ষটি বিশেষ তাৎপর্যপূর্ণ।

তো আশা করি বুঝতে পেরেছেন?
মুজিব বর্ষ কি?

আসলে মুজিব বর্ষ এটা আমাদের গর্বের একটি বছর, এ বছরে বঙ্গবন্ধুর সকল ইচ্ছা পূরণ হয়েছে,

সে চেয়েছিলো বাংলাদেশ-কে স্বাধীন করতে,

সে চেয়েছিলো গরীব দুঃখীর দুঃখ মুছে দিতে,

সে চেয়েছিলো পদ্মা-সেতু তৈরী করতে,

তবে দুঃখের বিষয় এটাই যে, তার প্রতিটি সপ্ন সে পূরণ করতে পারে নি,

তবে তার সুযোগ্য কণ্যা মাননীয় প্রধানমন্ত্রী সেইসব করে দেখিয়েছে,

আমরা উপরের লেখা থেকে জানলাম যে, ২০২০ খ্রিস্টাব্দের ১৭ই মার্চ থেকে মুজিব বর্ষ শুরু হতে যাচ্ছে,

যারা টেলিভিশন দেখেন তারা হয়তো একটা জিনিস খেয়াল করেছেন?

বাংলাদেশী প্রতিটি টিভি চ্যানেলের উপরেই মুজিব বর্ষ শুরুর সময় গণনা হচ্ছে...........

সেরকমই আপনি কি চান না আপনার সাইটের টেলিভিশনের মতোন মুজিব বর্ষের সময় গণনা করাতে?

হুম, আমি আজ আপনাদেরকে ফ্রী ১০০০৳ মূল্যের এই মুজিব বর্ষের গণনার কোডটি ফ্রীতে দিয়ে দিবো,

বিশ্বাস হচ্ছে না তো যে, কোডটির দাম কি না ১০০০৳ টাকা?, আচ্ছা প্রমাণ দেখুন,

থীম-বাজার নামক বাংলাদেশী একটি ওয়েবসাইটে এটি মূল্য ১০০০৳ টাকা, আজ সকলে এটি দেখার পর নিজেই এই কোডটি তৈরী করলাম,

আশা করি আপনাদের ভালো লাগবে?

আর থীম-বাজারে এই কোডটি প্লাগীন আকারে তৈরী যার কারণে ওটা শুধু ওয়ার্ডপ্রেসই কাজ করবে, আর আমার তৈরী করা কোডটি প্রথয়েকটি স্থানে কাজ করবে,
এবার আসুন কোডটি নিয়ে নিন..........

COPY CODE

&lt;div&gt; 
&lt;a href=&quot;https://cutt.ly/hrvgvs8&quot;&gt; 
	 
&lt;style&gt; 
.countdown{ 
	width:100%; 
	height : auto; 
	border : 1px solid #FCDDDD; 
	border-radius: 5px; 
	background : #FCF3F3; 
} 
.mujib-image img { 
	width: 60%; 
	padding-left: 15px; 
	margin : 10px auto; 
} 
 
 
 
.flip-clock { 
	margin-bottom: 40px; 
margin-top: -30px; 
} 
 
.card__top { 
	background: #C4161C; 
	padding: 3px; 
	font-size: 29px; 
	color: #fff; 
	display: inline-block; 
	border-radius: 5px; 
	margin-right: 13px; 
	margin-left: 10px; 
	width: 15%; 
} 
 
.flip-clock__slot { 
	position: absolute; 
margin-top: 55px; 
margin-left: -60px; 
} 
 
/* Tablet Layout: 768px. */ 
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.mujib-image img { 
	width: 27%!important; 
	overflow:hidden; 
} 
 
} 
/* Mobile Layout: 320px. */ 
@media only screen and (max-width: 767px) { 
.mujib-image img { 
	width: 64% !important; 
	margin-top: 10px !important; 
	overflow:hidden; 
} 
 
} 
/* Wide Mobile Layout: 480px. */ 
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.mujib-image img { 
	width: 47% !important; 
	margin-top: 10px !important; 
} 
 } 
 
 
&lt;/style&gt; 
 
 
&lt;a href=&quot;https://cutt.ly/hrvgvs8&quot;&gt; 
&lt;div class=&quot;countdown&quot;&gt; 
&lt;div class=&quot;mujib_countdown&quot; id=&quot;mujib_countdown&quot; align=&quot;center&quot;&gt; 
	&lt;div class=&quot;mujib-image&quot;&gt; 
		&lt;img src=&quot;http://twicebd.com/wp-content/uploads/2020/01/mujib2-1.gif&quot; alt=&quot;à¦®à§à¦œà¦¿à¦¬à¦¬à¦°à§à¦·&quot;&gt; 
	&lt;/div&gt; 
		 
	&lt;div id=&quot;countdown_block&quot; style=&quot;max-width: 100%&quot;&gt; 
	&lt;div class=&quot;flip-clock&quot;&gt;&lt;/div&gt; 
	 
	&lt;/div&gt; 
&lt;/div&gt; 
&lt;/div&gt; 
 
 
&lt;script type=&quot;text/javascript&quot;&gt; 
 var cur_lang = \\\\\\\'bn\\\\\\\'; 
 &lt;/script&gt; 
 
&lt;script type=&quot;text/javascript&quot;&gt; 
 console.clear(); 
 function CountdownTracker(label, value){ 
 
 var el = document.createElement(\\\\\\\'span\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>; 
 
 el.className = \\\\\\\'flip-clock__piece\\\\\\\'; 
 el.innerHTML = \\\\\\\'&lt;b class=&quot;flip-clock__card card&quot;&gt;&lt;b class=&quot;card__top&quot;&gt;&lt;/b&gt;&lt;b class=&quot;card__bottom&quot;&gt;&lt;/b&gt;&lt;b class=&quot;card__back&quot;&gt;&lt;b class=&quot;card__bottom&quot;&gt;&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;\\\\\\\' + 
 \\\\\\\'&lt;span class=&quot;flip-clock__slot&quot;&gt;\\\\\\\' + label + \\\\\\\'&lt;/span&gt;\\\\\\\'; 
 
 this.el = el; 
 
 var top = el.querySelector(\\\\\\\'.card__top\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>, 
 bottom = el.querySelector(\\\\\\\'.card__bottom\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>, 
 back = el.querySelector(\\\\\\\'.card__back\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>, 
 backBottom = el.querySelector(\\\\\\\'.card__back .card__bottom\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>; 
 
 this.update = function(val){ 
 val = ( \\\\\\\'à§¦\\\\\\\' + val ).slice(-2); 
 if ( val !== this.currentValue ) { 
 
 if ( this.currentValue &gt;= 0 ) { 
 back.setAttribute(\\\\\\\'data-value\\\\\\\', this.currentValue); 
 bottom.setAttribute(\\\\\\\'data-value\\\\\\\', this.currentValue); 
 } 
 this.currentValue = val; 
 top.innerText = this.currentValue; 
 backBottom.setAttribute(\\\\\\\'data-value\\\\\\\', this.currentValue); 
 
 this.el.classList.remove(\\\\\\\'flip\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>; 
 void this.el.offsetWidth; 
 this.el.classList.add(\\\\\\\'flip\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>; 
 } 
 } 
 
 this.update(value); 
 } 
 
 
 
 function getTimeRemaining(endtime) { 
 var t = Date.parse(endtime) - Date.parse(new Date()); 
 // return { 
 // \\\\\\\'Total\\\\\\\': t, 
 // \\\\\\\'Days\\\\\\\': Math.floor(t / (1000 * 60 * 60 * 24)), 
 // \\\\\\\'Hours\\\\\\\': Math.floor((t / (1000 * 60 * 60)) % 24), 
 // \\\\\\\'Minutes\\\\\\\': Math.floor((t / 1000 / 60) % 60), 
 // \\\\\\\'Seconds\\\\\\\': Math.floor((t / 1000) % 60) 
 // }; 
 if(cur_lang == \\\\\\\'bn\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>{ 
 return { 
 \\\\\\\'Total\\\\\\\': t, 
 \\\\\\\'à¦¦à¦¿à¦¨.\\\\\\\': Math.floor(t / (1000 * 60 * 60 * 24)), 
 \\\\\\\'à¦˜à¦£à§à¦Ÿà¦¾.\\\\\\\': Math.floor((t / (1000 * 60 * 60)) % 24), 
 \\\\\\\'à¦®à¦¿à¦¨à¦¿à¦Ÿ.\\\\\\\': Math.floor((t / 1000 / 60) % 60), 
 \\\\\\\'à¦¸à§‡à¦•à§‡à¦¨à§à¦¡.\\\\\\\': Math.floor((t / 1000) % 60) 
 }; 
 }else if(cur_lang == \\\\\\\'en\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>{ 
 return { 
 \\\\\\\'Total\\\\\\\': t, 
 \\\\\\\'Days\\\\\\\': Math.floor(t / (1000 * 60 * 60 * 24)), 
 \\\\\\\'Hours\\\\\\\': Math.floor((t / (1000 * 60 * 60)) % 24), 
 \\\\\\\'Minutes\\\\\\\': Math.floor((t / 1000 / 60) % 60), 
 \\\\\\\'Seconds\\\\\\\': Math.floor((t / 1000) % 60) 
 }; 
 } 
 } 
 
 // banglaDefine function 
 function defineBangla(val) { 
 var EnlishToBanglaNumber={\\\\\\\'0\\\\\\\':\\\\\\\'à§¦\\\\\\\',\\\\\\\'1\\\\\\\':\\\\\\\'à§§\\\\\\\',\\\\\\\'2\\\\\\\':\\\\\\\'à§¨\\\\\\\',\\\\\\\'3\\\\\\\':\\\\\\\'à§©\\\\\\\',\\\\\\\'4\\\\\\\':\\\\\\\'à§ª\\\\\\\',\\\\\\\'5\\\\\\\':\\\\\\\'à§«\\\\\\\',\\\\\\\'6\\\\\\\':\\\\\\\'à§¬\\\\\\\',\\\\\\\'7\\\\\\\':\\\\\\\'à§\\\\\\\',\\\\\\\'8\\\\\\\':\\\\\\\'à§®\\\\\\\',\\\\\\\'9\\\\\\\':\\\\\\\'à§¯\\\\\\\'}; 
 String.prototype.getDigitBanglaFromEnglish = function() { 
 var retStr = this; 
 for (var x in EnlishToBanglaNumber) { 
 retStr = retStr.replace(new RegExp(x, \\\\\\\'g\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>, EnlishToBanglaNumber[x]); 
 } 
 return retStr; 
 }; 
 var english_number=\\\\\\\'\\\\\\\'+val; 
 var bangla_converted_number=english_number.getDigitBanglaFromEnglish(); 
 return bangla_converted_number; 
 } 
 
 
 function getTime() { 
 var t = new Date(); 
 return { 
 \\\\\\\'Total\\\\\\\': t, 
 \\\\\\\'Hours\\\\\\\': t.getHours() % 12, 
 \\\\\\\'Minutes\\\\\\\': t.getMinutes(), 
 \\\\\\\'Seconds\\\\\\\': t.getSeconds() 
 }; 
 } 
 
 function Clock(countdown,callback) { 
 
 countdown = countdown ? new Date(Date.parse(countdown)) : false; 
 callback = callback || function(){}; 
 
 var updateFn = countdown ? getTimeRemaining : getTime; 
 
 this.el = document.createElement(\\\\\\\'div\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>; 
 this.el.className = \\\\\\\'flip-clock\\\\\\\'; 
 
 var trackers = {}, 
 t = updateFn(countdown), 
 key, timeinterval; 
 
 for ( key in t ){ 
 if ( key === \\\\\\\'Total\\\\\\\' ) { continue; } 
 trackers[key] = new CountdownTracker(key, defineBangla(t[key])); 
 this.el.appendChild(trackers[key].el); 
 } 
 
 var i = 0; 
 function updateClock() { 
 timeinterval = requestAnimationFrame(updateClock); 
 
 // throttle so it\\\\\\\'s not constantly updating the time. 
 if ( i++ % 10 ) { return; } 
 
 var t = updateFn(countdown); 
 if ( t.Total &lt; 0 ) { 
 cancelAnimationFrame(timeinterval); 
 for ( key in trackers ){ 
 trackers[key].update( 0 ); 
 } 
 callback(); 
 return; 
 } 
 
 for ( key in trackers ){ 
 trackers[key].update( defineBangla(t[key]) ); 
 } 
 } 
 
 setTimeout(updateClock,500); 
 } 
 
 var deadline = new Date(&quot;Mar 17, 2020 00:01:01&quot<img src='/images/smiley/winking.gif' alt=';)'/>; 
 // var deadline = new Date(Date.parse(new Date()) + 12 * 24 * 60 * 60 * 1000); 
 var c = new Clock(deadline, function(){ alert(\\\\\\\'countdown complete\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/> }); 
 // document.body.appendChild(c.el); 
 
 document.getElementById(\\\\\\\'countdown_block\\\\\\\'<img src='/images/smiley/winking.gif' alt=';)'/>.appendChild(c.el); 
 
 //See Current Time 
 //var clock = new Clock(); 
 //document.body.appendChild(clock.el); 
 &lt;/script&gt; 
 
	&lt;script type=&quot;text/javascript&quot;&gt; 
 // js for bg 
 (function() 
 { 
 var c; 
 var ctx; 
 var width; 
 var height; 
 
 var axes = []; 
 var wanderers = []; 
 var colors = [ 
 &quot;#FFCC00&quot;, 
 &quot;#66CCF0&quot;, 
 &quot;#FF0033&quot;, 
 &quot;#99CC33&quot; 
 ]; 
 
 window.onload = function() 
 { 
 
 c = document.getElementById( &quot;canvas&quot; ); 
 ctx = c.getContext( &quot;2d&quot; ); 
 window.onresize = onResize; 
 window.onmousedown = onMouseDown; 
 onResize(); 
 
 setInterval( update, 50 ); 
 
 } 
 
 function onResize( e ) 
 { 
 
 //width = getWidth( document.getElementById(mojib_countdown) ); 
 width = 336; 
 //height = getHeight( document.getElementById(mojib_countdown) ); 
 height = 280; 
 
 c.width = width; 
 c.height = height; 
 
 reset(); 
 
 } 
 
 /*function getWidth( element ){return Math.max(element.scrollWidth,element.offsetWidth,element.clientWidth );} 
 function getHeight( element ){return Math.max(element.scrollHeight,element.offsetHeight,element.clientHeight );}*/ 
 
 function reset() 
 { 
 axes = []; 
 
 var random = 500; 
 
 var cols = 30; 
 for( var i = 0; i &lt; cols; i++ ) 
 { 
 var a = new point( width / cols * i + random * Math.random(), 0 ); 
 var b = new point( width / cols * i + random * Math.random(), height ); 
 axes.push( new Axe( a,b ) ); 
 } 
 
 var rows = 20; 
 for( var i = 0; i &lt; rows; i++ ) 
 { 
 var a = new point( 0, 		height / rows * i + random * Math.random()); 
 var b = new point( width, 	height / rows * i + random * Math.random()); 
 axes.push( new Axe( a,b ) ); 
 } 
 wanderers = []; 
 for( var i = 0; i &lt; colors.length * 3; i++ ) 
 { 
 wanderers.push( new wanderer( Math.random() * width, Math.random() * height, 
 0, 
 Math.random() + .5, colors[ i % colors.length ]) ); 
 } 
 
 } 
 
 function onMouseDown() 
 { 
 reset(); 
 } 
 
 function update() 
 { 
 
 ctx.fillStyle = &quot;rgba(255,255,255,.25)&quot;; 
 ctx.globalCompositeOperation = &quot;lighten&quot;; 
 ctx.fillRect( 0,0,width, height ); 
 ctx.globalCompositeOperation = &quot;source-over&quot;; 
 
 ctx.strokeStyle = &quot;rgba(16,16,16,.01 )&quot;; 
 for( var j = 0; j &lt; axes.length; j++ )axes[ j ].draw( ctx ); 
 
 for( var i = 0; i &lt; wanderers.length; i++ ) 
 { 
 
 var hull = []; 
 var pp_hull = []; 
 var p = wanderers[ i ]; 
 p.update( width, height ); 
 
 ctx.beginPath(); 
 
 ctx.fillStyle = p.color; 
 ctx.arc( p.x, p.y, 8, 0, Math.PI * 2, true ); 
 ctx.fill(); 
 
 ctx.closePath(); 
 
 for( var j = 0; j &lt; axes.length; j++ ) 
 { 
 
 var axe = axes[ j ]; 
 
 var r = axe.reflect( p ); 
 
 ctx.beginPath(); 
 
 ctx.fillStyle = p.color; 
 ctx.arc( r.x, r.y, 2, 0, Math.PI * 2, true ); 
 ctx.fill(); 
 
 ctx.closePath(); 
 
 } 
 } 
 } 
 
 var Axe = function( a,b ){ this.a = a; this.b=b; } 
 Axe.prototype = 
 { 
 draw : function( ctx ){ctx.beginPath();ctx.moveTo( this.a.x, this.a.y );ctx.lineTo( this.b.x, this.b.y );ctx.stroke();ctx.closePath();} 
 ,reflect : function( p ){return utils.reflect( p, this.a, this.b );} 
 } 
 
 var wanderer = function( x,y,a,s,color ){this.x = x||0;this.y = y||0;this.a = a||0;this.s = s||1;this.color = color||&quot;#000&quot;;} 
 wanderer.prototype = 
 { 
 update : function( width, height ) 
 { 
 with( this ) 
 { 
 a += ( Math.random() - .5 ) * 10 / 180 * Math.PI; 
 
 x += Math.cos( a ) * s; 
 y += Math.sin( a ) * s; 
 
 if( x &lt; 0 
 ||	y &lt; 0 
 ||	x &gt; width 
 ||	y &gt; height ) a += Math.PI / 180; 
 } 
 } 
 } 
 
 var point = function( x,y ){this.x = x||0;this.y = y||0;} 
 var utils = function(){}; 
 utils.reflect = function(p,a,b) 
 { 
 var pp = utils.project( p, a, b, false ); 
 return new point( p.x + ( pp.x - p.x ) * 2,p.y + ( pp.y - p.y ) * 2 ); 
 } 
 utils.project = function( p, a, b, asSegment ) 
 { 
 var dx = b.x - a.x; 
 var dy = b.y - a.y; 
 if ( asSegment &amp;&amp; dx == 0 &amp;&amp; dy == 0 ){return a;} 
 var t = ( ( p.x - a.x ) * dx + ( p.y - a.y ) * dy) / ( dx * dx + dy * dy ); 
 if ( asSegment &amp;&amp; t &lt; 0) return a; 
 if ( asSegment &amp;&amp; t &gt; 1) return b; 
 return new point( a.x + t * dx, a.y + t * dy ); 
 } 
 
 })(); 
 &lt;/script&gt; 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			&lt;/div&gt;							&lt;/div&gt; 
&lt;/a&gt; 
 &lt;/div&gt; 
 &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/a&gt; 
&lt;/div&gt;

Download Now
যেখানে মুজিব বর্ষের এই কাউনডাউনটি শো করাতে চান সেখানে উপরের কোডটি বসিয়ে দিন কাজ হয়ে যাবে,

তাহলে আজকে এই টুকুই ছিলো দেওয়ার মতো পরে আরো কিছু দেওয়ার চেষ্টা করব,

সম্পূর্ণ ফ্রীতে নিয়ে নিন মুজিব বর্ষের কাউন্টডাউন কোড

সর্বশেষ পাঠকের মন্তব্য

Recent Posts আরও দেখুন