Code

  [<div class="page post"> <div class="post-header"> <a class="post-id" data-id="133008349...

 

[<div class="page post">

<div class="post-header">

<a class="post-id" data-id="1330083491978098164" name="1330083491978098164"></a>

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi68iX1WZ9pE-_5wBUQ1xy36gImcabm3DRUHR86LAaNa3aGh_KrWahfKqoe73wVCtgGxz6IIVQcVbeJE7Bfh6oFeeoIsTtIKjev0NzJKd8pstsuBKXHmmjqpE8eg7IjaF1jQvk10UqR9-Q/s1280/20200627_195914.png" style="margin-left: 1em; margin-right: 1em;"><img alt="[featured]" border="0" data-original-height="256" data-original-width="1280" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi68iX1WZ9pE-_5wBUQ1xy36gImcabm3DRUHR86LAaNa3aGh_KrWahfKqoe73wVCtgGxz6IIVQcVbeJE7Bfh6oFeeoIsTtIKjev0NzJKd8pstsuBKXHmmjqpE8eg7IjaF1jQvk10UqR9-Q/w320-h64/20200627_195914.png" title="[featured]" width="320" /></a></div>

<div class="post-sub-title-wrapper">

</div>

</div>

<div class="post-body entry-content" id="post-body-1330083491978098164">

<div class="post-body-inner"><div id="post-toc"><div dir="ltr" style="text-align: left;" trbidi="on">

<style type="text/css">

.timeline{position:relative;width:300px;margin:0 auto!important;margin-top:0!important;padding:1em 0!important;list-style-type:none!important;background:none;color:rgb(50,50,50);font-family:"Open Sans",sans-serif!important;font-size:112.5%;line-height:.8em}

.timeline:before{position:absolute;left:45%;top:0;content:' ';display:block;width:5px;height:100%;margin-left:-3px;background:rgb(80,80,80);background:-moz-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:-o-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:linear-gradient(to bottom,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);z-index:5}

.timeline li{padding:1em 0}

.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}

.direction-l{position:relative;width:100px;float:left;text-align:right}

.direction-r{position:relative;width:100px;float:right}

.direction-r .flag{left:-55px}

.direction-l .flag{right:-20px}

.direction-r .time-wrapper{position:relative;left:-40px}

.direction-l .time-wrapper{position:relative;right:-5px}

.time-wrapper{display:inline;font-size:12px;color:#333;vertical-align:middle}

.time{font-family:Solaimanlipi;display:block;width:120px;padding:4px 6px;background:rgb(248,248,248);margin-top:15px;text-align:left;border-radius:2px}

.flag-wrapper{position:relative;display:inline-block;text-align:center}

.flag{font-family:Solaimanlipi;position:relative;display:inline;background:rgb(248,248,248);padding:5px 10px;border-radius:5px;color:#363434;font-weight:600;text-align:left;font-size:20px}

.direction-l .flag{-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:-1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}

.direction-r .flag{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}

.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:50%;right:-42px;content:' ';display:block;width:12px;height:12px;margin-top:-10px;background:#fff;border-radius:10px;border:4px solid #373C30;z-index:10}

.direction-r .flag:before{left:-37px}

.direction-l .flag:after{content:"";position:absolute;left:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-left-color:rgb(248,248,248);border-width:8px;pointer-events:none}

.direction-r .flag:after{content:"";position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-right-color:rgb(248,248,248);border-width:8px;pointer-events:none}

.static_page .post-body img{padding:4px;border:0}

.post-title,.post-labels,.post-icons,.post-author{display:none!important}

#toc{border:1px solid #4bacc6;border-radius:5px;margin-left:0;padding:5px;width:70%;margin-top:0;float:left;margin-bottom:16px}

#toc2{border:0px solid #4bacc6;border-radius:5px;margin-left:0;padding:5px;width:31%;margin-top:0;float:right}

#toc3{border:0px solid #4bacc6;border-radius:5px;margin-left:0;padding:5px;width:65%;margin-top:0;float:left;margin-bottom:20px}

#toc4{border:0px solid #4bacc6;border-radius:5px;margin-left:0;padding:5px;width:65%;margin-top:0;float:left;margin-bottom:20px}

#toc5{border:0px solid #4bacc6;border-radius:5px;margin-left:0;padding:5px;width:65%;margin-top:0;float:left;margin-bottom:10px}

#body-wrapper{position:relative;overflow:hidden;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsOkGQwJpkUEZIls5NCxPBaWo5AAuTGthEQGYtk3C_YbH2uNkqc3iJU5p9t5QIz9By-Z3FIkiKIAz7GQx_g0H4fWzcxVJl20EjQfyAhMl-NlUlPXSzYdtCrpimTfyYNXv-S6LydgD39Gdc/s1600/about-bg.png") repeat-x scroll #CBE7F5}

#content-wrapper{background:none}

#comments,#blog-pager,#sidebar-tengah,.sidebar{display:none}

#main-wrapper{width:100%}

.post,.post-body img{border:0 dotted #93DAF8}

.post{background:none;width:99%;margin-bottom:-8px}

.post-body img{height:100px;width:100px;border-radius:100%}

#content-wrapper{margin-bottom:-30px}

@media screen and (max-width:768px){

  #toc{width:93%}

  .post{margin-bottom:0}

  #content-wrapper{margin-bottom:0}

}

@media screen and (max-width:480px){

  #toc,#toc2,#toc3,#toc4,#toc5{width:97%;float:none}

  #toc,#toc3,#toc4{margin-bottom:0px}

  #toc2,#toc5{margin-bottom:10px}

  .post{background:none;margin-bottom:0}

  #content-wrapper{margin-bottom:0}

}

#main-sidebar{display:none}

#content, .post{width:100%}

.post-feature-image-wrapper img{display:none}

</style>

<div style="text-align: justify;">

<div id="toc2">

<ul class="timeline">

<!--Item 1-->

<li>

<div class="direction-l">

<div class="flag-wrapper"><span class="flag">২০০৩</span>&nbsp;<span class="time-wrapper"><span class="time">মধ্যবিত্ত গ্রাম্য মুসলিম পরিবারে আমার জন্ম।</span></span>

</div>

</div>

</li>

<!--Item 2-->

<li>

<div class="direction-r">

<div class="flag-wrapper">

<span class="flag">২০০৮</span> <span class="time-wrapper"><span class="time">স্থানীয় একটি মক্তব মাদ্রাসায় শিশু শ্রেণিতে ভর্তি হয়।</span></span>

</div>

</div>

</li>

<!--Item 3-->

<li>

<div class="direction-l">

<div class="flag-wrapper">

<span class="flag">২০০৯</span> <span class="time-wrapper"><span class="time">স্থানীয় একটি কিন্ডারগার্ডেন মাদ্রাসায় প্রথম শ্রেণিতে ভর্তি হয়।</span></span>

</div>

</div>

</li>

<!--Item 4-->

<li>

<div class="direction-r">

<div class="flag-wrapper">

<span class="flag">২০১১</span> <span class="time-wrapper"><span class="time">“আল-হেরা ইবতেদায়ী মাদ্রাসা (কে.জি)”য় তৃতীয় শ্রেণীতে ভর্তি হয়।</span></span>

</div>

</div>

</li>

<!--Item 5-->

<li>

<div class="direction-l">

<div class="flag-wrapper">

<span class="flag">২০১৩</span> <span class="time-wrapper"><span class="time">“আল-হেরা ইবতেদায়ী মাদ্রাসা (কে.জি)” থেকে সফলতার সাথে পিএসসি পরীক্ষায় উত্তীর্ণ হয়।</span></span>

</div>

</div>

</li>

<!--Item 6-->

<li>

<div class="direction-r">

<div class="flag-wrapper">

<span class="flag">২০১৪</span> <span class="time-wrapper"><span class="time">“শামলাপুর উচ্চ বিদ্যালয়” এ ষষ্ঠ শ্রেণিতে ভর্তি হয়।</span></span>

</div>

</div>

</li>

<!--Item 7-->

<li>

<div class="direction-l">

<div class="flag-wrapper">

<span class="flag">২০১৬</span> <span class="time-wrapper"><span class="time">উক্ত বিদ্যালয় থেকে সফলতার সাথে জেএসসি পরীক্ষায় উত্তীর্ণ হয়।</span></span>

</div>

</div>

</li>

<!--Item 8-->

<li>

<div class="direction-r">

<div class="flag-wrapper">

<span class="flag">২০১৯</span> <span class="time-wrapper"><span class="time">ব্যবসায় শিক্ষা বিভাগ থেকে এসএসসি পরীক্ষায় অংশগ্রহণ করে সফলতার সাথে সফলতার সাথে উত্তীর্ণ হয়।</span></span>

</div>

</div>

</li>

<!--Item 9-->

<li>

<div class="direction-l">

<div class="flag-wrapper">

<span class="flag">২০১৯</span> <span class="time-wrapper"><span class="time">“কক্সবাজার সরকারি কলেজ” এ একাদশ শ্রেণিতে ব্যবসায় শিক্ষা বিভাগে ভর্তি হয় এবং অধ্যয়নরত আছি।</span></span>

</div>

</div>

</li>

<!--Item 10-->

<li>

<div class="direction-r">

<div class="flag-wrapper">

<span class="flag">২০২০</span> <span class="time-wrapper"><span class="time">শখের বশে ইউটিউব ও বিভিন্ন ব্লগ সাইট থেকে ব্লগ বিষয়ে একটু অভিজ্ঞতা নিয়ে ব্লগ একাউন্ট খুলি।</span></span>

</div>

</div>

</li>

</ul>

</div></div></div></div></div></div></div>

<hr />

<div class="team-container"><div class="ceo"><div class="profile-pic"><img alt="Tareq Aziz" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYS2hkmKQaY_1U01q2HY_BXAYWykXg-PsE_HP7i-luPejN6i58CuGBw5sO_ePpJVHXpNBpDJHm6-6TxOgNmDUAEmHlMSReDdHYrR1cBSauRAmILKccDNgMkVsZ29MQuRaRuBek2XtJSt0x/s1600/IMG_20200421_203717.JPG" /></div><div class="team-member-name">তারেক আজিজ <a class="blogger" href="http://www.edutechbd.xyz"><i class="fa fa-check-circle" style="color: #007fff; font-size: 25px;"></i></a></div><div class="meta">পরিচালক (এডমিন)</div></div><br /><br />

<div class="scb">

<a href="https://youtube.com/channel/UCBZcw_Tbdqkjk8HOwlrJAUg"><i class="fa fa-youtube" style="border-radius: 6px; border: 1px inset rgb(238, 255, 238); color: red; font-size: 30px; padding: 5px;"></i></a>

<a href="https://www.facebook.com/tareqcox03"><i class="fa fa-facebook-square" style="border-radius: 6px; border: 1px inset rgb(238, 255, 238); color: #0d8bf1; font-size: 30px; padding: 5px;"></i></a>

<a href="https://www.twitter.com/tareqcox03"><i class="fa fa-twitter-square" style="border-radius: 6px; border: 1px inset rgb(238, 255, 238); color: #1da1f3; font-size: 30px; padding: 5px;"></i></a>

<a href="https://www.instagram.com/tareqcox.03"><i class="fa fa-instagram" style="border-radius: 6px; border: 1px inset rgb(238, 255, 238); color: deeppink; font-size: 30px; padding: 5px;"></i></a>

</div>

<style> .team-container { font-family: "Solaimanlipi", sans-serif; padding: 24px 0; max-width: 1000px; margin: 0 auto;}

.team-container h2 { text-align: center; font-size: 48px; text-transform: uppercase; font-weight: normal; letter-spacing: 8px; background: #222; color: #eee; width: auto; margin: 48px auto;}

.team-container .ceo { text-align: center; padding: 8px;}

.team-container .ceo img { width: 200px; height: 200px; padding:10px; box-shadow: 4px 3px 13px -4px black;}

.team-container img { width: 160px; height: 160px; border-radius: 50%; box-shadow: 0 8px 29px -17px rgba(0, 0, 0, 0.4);}

.team-member { display: flex; flex-direction: column; text-align: center; padding: 16px;}

.team-container .team-member-name { font-weight: bold; font-size: 22px; margin: 12px 0;}

.team-container .ceo .team-member-name { font-size: 28px;}

.core-team-container { display: flex; justify-content: space-around; flex-wrap: wrap;}

.team-container h3 { text-align: center; margin: 48px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 24px; text-transform: uppercase; font-weight: normal;}

.scb {

background-color:#eee;

padding: 10px;

text-align:center;

letter-spacing:10px;

text-shadow: 2px 2px 2px #000

}

.scb a:hover {

background-color:#efe;

font-size:30px;

cursor: pointer;

          border: 2px inset red;

          border-radius:6px;

          transform: translateY(4px);

}

.sbc a {

font-size:30px;

}

</style>

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

</div>

<br/>

<br/>

<div id="toc" class="card"> <div align="center" style="padding:20px;font-weight:bold;

">আমার সম্পর্কে </div><div class="ccontent">আমি মোঃ তারেক আজিজ। বর্তমানে একজন স্টুডেন্ট । কক্সবাজার জেলা শহরের টেকনাফ থানার ছোট্ট একটি গ্রামে আমার বাড়ি। এখনো আমি ব্লগে নতুন তবুও যতটা পারি ব্লগে আর্টিকেল পড়তে এবং লিখতে পছন্দ করি। আমার অবসর সময়ে ব্লগে বিভিন্ন টপিক লিখে অনলাইনে শেয়ার করে থাকি। এছাড়াও ইন্টারনেট থেকে প্রাপ্ত বিভিন্ন শিক্ষামূলক তথ্য আমি ব্লগে সংগ্রহ করে রাখি। কক্সবাজার জেলাধীন টেকনাফ থানায় ২০০৩ সালের ২২ আগস্ট রোজ শুক্রবার একটি মধ্যবিত্ত সম্ভ্রান্ত মুসলিম পরিবারে আমার জন্ম। ছোট বেলা টেকনাফ থানার একটি ইবতেদায়ী মাদ্রাসায় পঞ্চম শ্রেণী পর্যন্ত লেখাপড়া করি, তারপর শামলাপুর উচ্চ বিদ্যালয়ে ভর্তি হয়ে জেএসসি ও এসএসসি পরীক্ষায় সফলতার সাথে উত্তীর্ণ হয়। তারপর চলে আসি কক্সবাজার শহরে। বর্তমানে কক্সবাজার সরকারি কলেজে আমি অধ্যয়নরত আছি। আমি সব সময় নতুন কিছু শিখতে এবং অন্যকে শিখাতে পছন্দ করি। অবসর সময়ে ইন্টারনেট ঘাটাঘাটি করে কম্পিউটার, ইন্টারনেট ও ব্লগিং সম্পর্কে কিছুটা অভিজ্ঞতা হয়েছে। ডান পাশের উল্লেখিত বক্সে আমার সংক্ষিপ্ত জীবন বৃত্তান্ত আপনাদের অবগতরি জন্য তুলে ধরলাম। সবাই আমার জন্য দোয়া করবেন। ধন্যবাদ</div></div>

<style>

.card {

background-color:lightgreen;

text-align:justify;

border:1px solid red;

}

.ccontent {

padding:20px;

background-color:#fff;

}

</style>]