<header id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='SkyTrickBD.blogspotCom (唳多唳班唳侧唳)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>600</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<p style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></p>
<b:else/>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
<!--[if lt IE 19]>
<script type="text/javascript" src="https://goo.gl/EyqDVU"></script><script type="text/javascript" src="https://goo.gl/qZkCri"></script>
<![endif]-->
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<p style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></p>
<b:else/>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<p class='title'><b:include name='title'/></p>
<b:else/>
<h1 class='title'><b:include name='title'/></h1>
</b:if>
<b:include name='description'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>

<b:section class='banner468-header' id='banner468-header' showaddelement='yes'/>


<div class='clear'/>
</header>
<!-- header wrapper end -->

<!-- desktop navigation menu start -->
<div class='jibon_nav'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://facebook.com/twicebd.officials'>Facebook</a></li>
<li><a href='https://youtube.com/channel/UCfGwHXrngWOoo5tfE0ZYt9A'>Youtube</a></li>
<li><a href='/p/menu.html'>Main Menu</a></li>
</ul>
</div>

<style>
#footer-top {
background: #222;
margin:0 auto;
padding: 6px 10px;
overflow:hidden;
color: #bdc1c9;
font-size:15px;
border-top: 3px solid #4265B5;
}
#footer-top a{color:#bdc1c9}

.jibon_footer {
border-top: 1px solid #333;
background:#222;
font-size: 100%;
text-align:center;
padding:10px;
color:#bdc1c9;
list-style:none;
position:relative
}
.jibon_footer a{color:#bdc1c9}
.footer_link a {padding:3px; margin:3px; color:#;}
.footer_link {color: #666; margin: 2px; }
.footer_box {
color: #bdc1c9;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 2px;
border:1px solid #bdc1c9;
margin-top: 4px;
margin-right: 2px;
margin-left: 2px;
}
.jibon_footer&gt;.footer-links{width:100%;display:inline-block}

#footerfix {
overflow: hidden;
background: #181d1e;
padding: 10px 5px;
border-top: 1px solid #3c474b;
font-size: 11px;
text-align: center;