If you want my blog theme so see my post

Welcome to our website

Today I will share my website html so that you can make your site like mine

So let us start

first copy this html and paste it to your blogsite okkk.

For donate or help us by BIKASH : 01731515924

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>

<title><data:view.title.escaped/></title>

<b:include data='blog' name='all-head-content'/>

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i' media='all' rel='stylesheet' type='text/css'/>

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

<b:skin version='1.0.0'><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: TrickZone V2

Version: Premium Version

Author: Jibon Ray

Author Url: https://www.facebook.com/itsjibonray

----------------------------------------------- */

<Variable name="keycolor" description="Main Color" type="color" default="$(main.color)" value="#00979d"/>

<Group description="Theme Colors" selector="body">

<Variable name="main.color" description="Theme Color" type="color" default="#00979d" value="#00979d"/>

<Variable name="dark.color" description="Dark Color" type="color" default="#222222" value="#222222"/>

<Variable name="title.color" description="Title Color" type="color" default="#222222" value="#222222"/>

<Variable name="get.code" description="Read More BG" type="color" default="#ff9900" value="#ff9900"/>

<Variable name="footer.color" description="Footer Color" type="color" default="#f1ffff" value="#f1ffff"/>

</Group>

<Group description="Theme Body" selector="body">

<Variable name="body.background.color" description="Body Background Color" type="color" default="#f8f9f9" value="#f8f9f9"/>

<Variable name="body.text.color" description="Text Color" type="color" default="#656565" value="#656565"/>

<Variable name="body.link.color" description="Link Color" type="color" default="$(main.color)" value="#00979d"/>

</Group>

<Variable name="body.text.font" description="Font" hideEditor="true" type="font" default="14px Open Sans, sans-serif" value="14px Open Sans, sans-serif"/>

<Variable name="posts.background.color" description="Post background color" hideEditor="true" type="color" default="#ffffff" value="#ffffff"/>

<Variable name="tabs.font" description="Font 2" hideEditor="true" type="font" default="14px Open Sans, sans-serif" value="14px Open Sans, sans-serif"/>

<Variable name="posts.title.color" description="Post title color" hideEditor="true" type="color" default="#222222" value="#222222"/>

<Variable name="posts.text.color" description="Post text color" hideEditor="true" type="color" default="#656565" value="#656565"/>

<Variable name="posts.icons.color" description="Post icons color" hideEditor="true" type="color" default="$(main.color)" value="#00979d"/>

<Variable name="labels.background.color" description="Label background color" hideEditor="true" type="color" default="$(main.color)" value="#00979d"/>

/*-- Reset CSS --*/

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}dl,ul{list-style-position:inside;font-weight:400;list-style:none}ul li{list-style:none}caption,th{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:$(body.link.color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}

/*-- Body Content CSS --*/

body{background:$(body.background);background-color:$(body.background.color);font-family:'Open Sans',sans-serif;font-size:14px;color:$(body.text.color);font-weight:400;line-height:1.4em;word-wrap:break-word;margin:0;padding:0}

#outer-wrapper{background-color:$(body.background.color);margin:0 auto;box-shadow:0 0 5px rgba(0,0,0,.1)}

.row{width:960px}

#content-wrapper{margin:30px auto 0;overflow:hidden}

#content-wrapper > .container{margin:0 -15px}

#main-wrapper{float:left;overflow:hidden;width:66.66666667%;box-sizing:border-box;word-wrap:break-word;padding:0 15px;margin:0}

#sidebar-wrapper{float:right;overflow:hidden;width:33.33333333%;box-sizing:border-box;word-wrap:break-word;padding:0 15px}

.post-image-wrap{position:relative;display:block}

.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{color:transparent!important}

.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1}

.post-image-link{box-sizing:border-box;border:2px solid #ebebeb;border-radius:3px}

.post-image-link:hover{border-color:$(main.color)}

.post-title a{display:block}

.social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400}

.social .blogger a:before{content:"\f37d"}

.social .facebook a:before{content:"\f09a"}

.social .twitter a:before{content:"\f099"}

.social .gplus a:before{content:"\f0d5"}

.social .rss a:before{content:"\f09e"}

.social .youtube a:before{content:"\f167"}

.social .skype a:before{content:"\f17e"}

.social .stumbleupon a:before{content:"\f1a4"}

.social .tumblr a:before{content:"\f173"}

.social .vk a:before{content:"\f189"}

.social .stack-overflow a:before{content:"\f16c"}

.social .github a:before{content:"\f09b"}

.social .linkedin a:before{content:"\f0e1"}

.social .dribbble a:before{content:"\f17d"}

.social .soundcloud a:before{content:"\f1be"}

.social .behance a:before{content:"\f1b4"}

.social .digg a:before{content:"\f1a6"}

.social .instagram a:before{content:"\f16d"}

.social .pinterest a:before{content:"\f0d2"}

.social .twitch a:before{content:"\f1e8"}

.social .delicious a:before{content:"\f1a5"}

.social .codepen a:before{content:"\f1cb"}

.social .reddit a:before{content:"\f1a1"}

.social .whatsapp a:before{content:"\f232"}

.social .snapchat a:before{content:"\f2ac"}

.social .email a:before{content:"\f0e0"}

.social .external-link a:before{content:"\f35d"}

.social-color .blogger a{background-color:#ff5722}

.social-color .facebook a{background-color:#3b5999}

.social-color .twitter a{background-color:#00acee}

.social-color .gplus a{background-color:#db4a39}

.social-color .youtube a{background-color:#f50000}

.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}

.social-color .pinterest a{background-color:#ca2127}

.social-color .dribbble a{background-color:#ea4c89}

.social-color .linkedin a{background-color:#0077b5}

.social-color .tumblr a{background-color:#365069}

.social-color .twitch a{background-color:#6441a5}

.social-color .rss a{background-color:#ffc200}

.social-color .skype a{background-color:#00aff0}

.social-color .stumbleupon a{background-color:#eb4823}

.social-color .vk a{background-color:#4a76a8}

.social-color .stack-overflow a{background-color:#f48024}

.social-color .github a{background-color:#24292e}

.social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)}

.social-color .behance a{background-color:#191919}

.social-color .digg a{background-color:#1b1a19}

.social-color .delicious a{background-color:#0076e8}

.social-color .codepen a{background-color:#000}

.social-color .reddit a{background-color:#ff4500}

.social-color .whatsapp a{background-color:#3fbb50}

.social-color .snapchat a{background-color:#ffe700}

.social-color .email a{background-color:#888}

.social-color .external-link a{background-color:$(dark.color)}

#header-wrap{position:relative;margin:0}

.header-header{background-color:$(dark.color);width:100%;height:30px;position:relative;overflow:hidden;padding:20px 0}

.header-header .container{position:relative;margin:0 auto;padding:0}

.header-logo{position:relative;float:left;width:auto;max-width:250px;max-height:30px;margin:0;padding:0}

.header-logo .header-image-wrapper{display:block}

.header-logo img{max-width:100%;max-height:30px;margin:0}

.header-logo h1{color:$(title.color);font-size:20px;line-height:30px;margin:0}

.header-logo p{font-size:12px;margin:5px 0 0}

.header-menu{position:relative;width:100%;height:48px;background-color:#fff;z-index:10;font-size:13px;margin:0;box-shadow:0 0 5px rgba(0,0,0,0.12)}

.header-menu .container{position:relative;margin:0 auto;padding:0}

#main-menu .widget,#main-menu .widget > .widget-title{display:none}

#main-menu .show-menu{display:block}

#main-menu{position:relative;height:48px;z-index:15}

#main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background .17s}

#main-menu ul > li > a{position:relative;color:#888;font-size:13px;font-weight:600;line-height:48px;text-transform:uppercase;letter-spacing:.2px;display:inline-block;margin:0;padding:0 13px}

#main-menu ul#main-menu-nav > li:first-child > a{padding-left:0}

#main-menu ul > li:hover > a{color:$(main.color)}

#main-menu ul > li > ul{position:absolute;float:left;left:0;top:48px;width:180px;background-color:#fff;z-index:99999;margin-top:0;padding:5px 0;box-shadow:0 3px 5px rgba(0,0,0,0.2);visibility:hidden;opacity:0}

#main-menu ul > li > ul > li > ul{position:absolute;float:left;top:0;left:100%;margin:-5px 0 0}

#main-menu ul > li > ul > li{display:block;float:none;position:relative}

#main-menu ul > li > ul > li a{display:block;height:36px;font-size:13px;color:#888;font-weight:400;text-transform:inherit;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;border-bottom:0;transition:all .17s ease}

#main-menu ul > li.has-sub > a:after{content:'\f107';float:right;font-family:FontAwesome;font-size:14px;font-weight:400;margin:0 0 0 3px}

#main-menu ul > li > ul > li.has-sub > a:after{content:'\f105';float:right;margin:0}

#main-menu .mega-menu{position:static!important}

#main-menu .mega-menu > ul{width:100%;box-sizing:border-box;padding:20px 10px}

#main-menu .mega-menu > ul.mega-menu-inner{overflow:hidden}

#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1}

#main-menu ul ul{transition:all .17s ease}

.mega-menu-inner .mega-item{float:left;width:25%;box-sizing:border-box;padding:0 10px}

.mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0}

.mega-content .post-image-wrap{width:100%;height:140px}

.mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden;border-radius:3px}

.mega-content .post-title{position:relative;font-size:14px;font-weight:400;line-height:1.5em;margin:8px 0 5px}

.mega-content .post-title a{display:block;color:$(title.color)}

.mega-content .post-title a:hover{color:$(main.color);text-decoration:underline}

.no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center}

.mega-menu .no-posts{line-height:60px;color:#888}

.show-search,.hide-search{position:absolute;right:0;top:0;display:block;width:48px;height:48px;background-color:$(main.color);line-height:48px;z-index:20;color:#888;font-size:15px;text-align:center;cursor:pointer}

.show-search:before{content:"\f002";font-family:FontAwesome;font-weight:400}

.hide-search:before{content:"\f00d";font-family:FontAwesome;font-weight:400}

.show-search:hover,.hide-search:hover{color:#fff}

#header-search{float:right;width:250px}

#header-search .search-form{width:100%;height:32px;overflow:hidden;display:flex;padding:0}

#header-search .search-input{width:100%;height:32px;font-family:inherit;color:$(title.color);margin:0;padding:0 10px;background-color:#fff;font-size:13px;font-weight:400;line-height:32px;outline:none;box-sizing:border-box;border:0;border-radius:3px 0 0 3px}

#header-search #search-submit{width:60px;height:32px;background-color:$(main.color);color:#fff;line-height:32px;cursor:pointer;outline:none;border:0;border-radius:0 3px 3px 0;transition:opacity .17s ease}

#header-search #search-submit:hover{opacity:.85}

#header-search ::placeholder{color:#777}

.nav-social{position:absolute;top:0;right:0;height:48px;background-color:#fff;z-index:20;margin:0}

.nav-social .widget > .widget-title{display:none}

.nav-social ul{position:relative;float:right}

.nav-social ul li{float:left;height:48px;line-height:48px;margin-left:5px}

.nav-social ul li a{display:block;font-size:15px;color:#888;padding:0 5px}

.nav-social ul li:last-child a{padding-right:0}

.nav-social ul li a:hover{color:$(main.color)}

.slide-menu-toggle{display:none;position:absolute;line-height:48px;height:48px;width:48px;top:0;left:0;font-family:FontAwesome;color:#888;font-size:16px;font-weight:400;text-align:left;cursor:pointer;z-index:4;padding:0}

.slide-menu-toggle:before{content:"\f0c9"}

.nav-active .slide-menu-toggle:before{content:"\f00d"}

.slide-menu-toggle:hover{color:$(main.color)}

.mobile-menu{display:none;position:absolute;top:48px;left:0;width:100%;background-color:#fff;box-sizing:border-box;padding:20px;visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease;box-shadow:0 3px 5px rgba(0,0,0,0.2);border-top:1px solid #ebebeb}

.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1)}

.mobile-menu > ul{margin:0}

.mobile-menu .m-sub{display:none;padding:0}

.mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:12px;font-weight:600;line-height:38px;margin:0;padding:0}

.mobile-menu > ul li ul{overflow:hidden}

.mobile-menu > ul > li:first-child{border-top:0}

.mobile-menu > ul > li > a{text-transform:uppercase}

.mobile-menu ul li a{color:#888;padding:0;display:block}

.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#888;cursor:pointer}

.mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease}

.mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(90deg)}

.mobile-menu > ul > li > ul > li a{font-size:13px;text-transform:initial;font-weight:600}

.mobile-menu > ul > li > ul > li > a{color:#888;font-weight:400;padding:0 0 0 15px}

.mobile-menu > ul > li > ul > li > ul > li > a{color:#888;font-weight:400;padding:0 0 0 30px}

.mobile-menu ul li a:hover,.mobile-menu ul > li > .submenu-toggle:hover{color:$(main.color)}

.post-meta{overflow:hidden;color:#aaa;font-size:12px;font-weight:400;padding:0 1px}

.item-post .post-meta{line-height:18px}

.post-meta span,.post-meta i{float:left;display:inline-block;margin:0}

.post-meta span img{float:left;width:18px;height:18px;color:#fff;margin:0 5px 0 0;border-radius:50%}

.post-meta i{margin:0 4px}

.post-meta .post-author:after{content:'-';margin:0 4px}

.post-author{font-weight:700}

.post-tag{color:$(main.color);font-weight:600}

.post-meta a{font-weight:600;color:$(title.color)}

.post-meta a:hover{color:$(main.color);text-decoration:underline}

.hot-wrapper{position:relative;float:left;width:100%}

.hot-section{margin:0 auto}

.hot-wrapper{display:none}

.hot-wrapper.show-hot-wrap{display:block!important}

.hot-section .widget{padding:30px 0 0;overflow:hidden}

.hot-section .widget-title h3{font-size:16px;color:#888;font-weight:400;margin:0 0 15px}

.hot-section .widget-content{position:relative;float:left;width:100%;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:20px 10px;margin:0;border-bottom:1px solid rgba(0,0,0,0.08)}

.hot-loader{position:relative;height:100%;height:186px;overflow:hidden;display:block}

.hot-loader:after{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-15px 0 0 -15px;border:2px solid $(main.color);border-left-color:#f5f5f5;border-radius:100%;animation:spinner .8s infinite linear;transform-origin:center}

@-webkit-keyframes spinner {

0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}

@keyframes spinner {

0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}

ul.hot-posts{position:relative;overflow:hidden;width:100%;margin:0}

.hot-posts .hot-item{position:relative;float:left;width:25%;overflow:hidden;box-sizing:border-box;padding:0 10px}

.hot-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block}

.hot-posts .post-image-link{width:100%;height:140px;position:relative;overflow:hidden;display:block}

.hot-posts .post-title{font-size:14px;font-weight:400;display:block;line-height:1.5em;margin:10px 0 5px}

.hot-posts .post-title a{color:$(title.color);display:block}

.hot-posts .post-title a:hover{color:$(main.color);text-decoration:underline}

.hot-posts .post-meta a{color:#fff}

.hot-section .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%}

.queryMessage{overflow:hidden;color:$(title.color);font-size:13px;font-weight:400;padding:0;margin:0 0 20px}

.queryMessage .query-info{margin:0 5px}

.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase}

.queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c"}

.queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d"}

.queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center}

.title-wrap > h3{font-size:16px;color:#888;font-weight:400;margin:0 0 15px}

.show-more:hover{background-color:$(dark.color)}

.custom-widget li{overflow:hidden;margin:20px 0 0}

.custom-widget li:first-child{padding:0;margin:0;border:0}

.custom-widget .post-image-link{position:relative;width:80px;height:58px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}

.custom-widget .post-info{overflow:hidden}

.custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:400;line-height:1.5em;margin:0 0 5px}

.custom-widget .post-title a{display:block;color:$(title.color)}

.custom-widget .post-title a:hover{text-decoration:underline}

.index-post-wrap{position:relative;float:left;width:100%}

.blog-post{display:block;overflow:hidden;word-wrap:break-word}

.index-post{display:block;background-color:#fff;box-sizing:border-box;padding:20px;margin:0 0 20px;border-bottom:1px solid rgba(0,0,0,0.08)}

.index-post .post-image-wrap{float:left;width:150px;height:95px;overflow:hidden;margin-right:20px}

.index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden}

.index-post .post-info{overflow:hidden}

.index-post .post-info > h2{font-size:16px;font-weight:400;line-height:1.5em;text-decoration:none;margin:0}

.index-post .post-info > h2 > a{display:block;color:$(title.color)}

.index-post .post-info > h2 > a:hover{color:$(main.color);text-decoration:underline}

.read-more{display:inline-block;background-color:$(get.code);height:28px;font-size:12px;color:#fff;font-weight:600;line-height:28px;text-transform:uppercase;padding:0 20px;margin:10px 0 0;border-bottom:1px solid rgba(0,0,0,.1);border-radius:3px;transition:background .17s ease}

.read-more:hover{background-color:$(dark.color)}

.widget iframe,.widget img{max-width:100%}

.date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0}

.index-post .post-meta{margin:5px 0 0}

.post-timestamp{margin-left:0}

.post-item-content{float:left;width:100%;background-color:#fff;box-sizing:border-box;padding:20px;margin:0 0 30px;border-bottom:1px solid rgba(0,0,0,0.08)}

#breadcrumb{font-size:12px;font-weight:400;color:#aaa;margin:0 0 10px}

#breadcrumb a{color:$(main.color)}

#breadcrumb a:hover{color:$(title.color)}

#breadcrumb a,#breadcrumb em{display:inline-block}

#breadcrumb .delimiter:after{content:'\f054';font-family:FontAwesome;font-size:8px;font-weight:400;font-style:normal;vertical-align:middle;margin:0 3px}

.item-post h1.post-title{color:$(title.color);font-size:27px;line-height:1.5em;font-weight:700;position:relative;display:block;margin:10px 0 15px;padding:0}

.static_page .item-post h1.post-title{margin:0}

.item-post .post-body{width:100%;line-height:1.5em;overflow:hidden;padding:20px 0 0;margin:15px 0 0;border-top:1px dashed #ebebeb}

.static_page .item-post .post-body{padding:20px 0}

.item-post .post-outer{padding:0}

.item-post .post-body img{max-width:100%}

.main .widget{margin:0}

.main .Blog{border-bottom-width:0}

.post-footer{position:relative;float:left;width:100%;margin:0}

.inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px}

.inline-ad > ins{display:block!important;margin:0 auto!important}

.item .inline-ad{float:left;width:100%;margin:20px 0 0}

.item-post-wrap > .inline-ad{margin:0 0 20px}

.post-labels{overflow:hidden;height:auto;position:relative;margin:30px 0 0;padding:0}

.post-labels a{float:left;color:$(main.color);font-size:12px;font-weight:400;margin-right:10px;padding:0}

.post-labels a:hover{color:$(title.color)}

.post-reactions{height:28px;display:block;margin:15px 0 0}

.post-reactions span{float:left;color:$(title.color);font-size:11px;line-height:25px;text-transform:uppercase;font-weight:700}

.reactions-inner{float:left;margin:0;height:28px}

.post-share{position:relative;overflow:hidden;line-height:0;margin:15px 0 0}

ul.share-links{position:relative}

.share-links li{width:32px;float:left;box-sizing:border-box;margin:0 5px 0 0}

.share-links li.facebook,.share-links li.twitter{width:20%}

.share-links li a{float:left;display:inline-block;cursor:pointer;width:100%;height:32px;line-height:32px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;border-radius:3px;transition:all .17s ease}

.share-links li.whatsapp-mobile{display:none}

.is-mobile li.whatsapp-desktop{display:none}

.is-mobile li.whatsapp-mobile{display:inline-block}

.share-links li a:before{float:left;display:block;width:32px;background-color:rgba(0,0,0,0.05);text-align:center;line-height:32px}

.share-links li a:hover{opacity:.8}

ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px}

.post-nav li{display:inline-block;width:50%}

.post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px}

.post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px}

.post-nav li a{color:#aaa;line-height:1.4em;display:block;overflow:hidden}

.post-nav li:hover a p{color:$(main.color);text-decoration:underline}

.post-nav li span{display:block;font-size:11px;color:#aaa;font-weight:600;text-transform:uppercase;padding:0 0 2px}

.post-nav .post-prev span:before{content:"\f053";float:left;font-family:FontAwesome;font-size:10px;font-weight:400;text-transform:none;margin:0 2px 0 0}

.post-nav .post-next span:after{content:"\f054";float:right;font-family:FontAwesome;font-size:10px;font-weight:400;text-transform:none;margin:0 0 0 2px}

.post-nav p{font-size:12px;font-weight:400;line-height:1.4em;margin:0}

.post-nav .post-nav-active p{color:#aaa!important;text-decoration:none!important}

.about-author{position:relative;display:block;overflow:hidden;background-color:#fff;padding:20px;margin:0 0 30px;border-bottom:1px solid rgba(0,0,0,0.08)}

.about-author .avatar-container{position:relative;float:left;width:80px;height:80px;background-color:rgba(155,155,155,0.07);overflow:hidden;margin:0 15px 0 0;border-radius:100%}

.about-author .author-avatar{float:left;width:100%;height:100%}

.author-name{overflow:hidden;display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;line-height:14px;margin:7px 0 3px}

.author-name span{color:$(title.color)}

.author-name a{color:$(main.color)}

.author-name a:hover{text-decoration:underline}

.author-description{display:block;overflow:hidden;font-size:12px;font-weight:400;line-height:1.5em}

.author-description a:hover{text-decoration:underline}

#related-wrap{overflow:hidden;margin:0 0 30px}

#related-wrap .related-tag{display:none}

.related-ready{float:left;width:100%;background-color:#fff;box-sizing:border-box;padding:20px;border-bottom:1px solid rgba(0,0,0,0.08)}

.related-ready .loader{height:178px}

ul.related-posts{position:relative;overflow:hidden;margin:0 -10px;padding:0}

.related-posts .related-item{width:33.33333333%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;padding:0 10px;margin:0}

.related-posts .post-image-link{width:100%;height:120px;position:relative;overflow:hidden;display:block}

.related-posts .post-title{font-size:13px;font-weight:400;line-height:1.5em;display:block;margin:7px 0 5px}

.related-posts .post-title a{color:$(title.color)}

.related-posts .post-title a:hover{color:$(main.color);text-decoration:underline}

#blog-pager{float:left;width:100%;overflow:hidden;clear:both;margin:10px 0 30px}

.blog-pager a,.blog-pager span{float:left;display:block;min-width:32px;height:32px;color:#888;font-size:13px;font-weight:600;line-height:32px;text-align:center;box-sizing:border-box;padding:0 10px;margin:0 10px 0 0;border:1px solid rgba(0,0,0,0.08);border-radius:3px;transition:all .17s ease}

.blog-pager span.page-dots{min-width:20px;background-color:transparent;font-size:16px;color:$(body.text.color);font-weight:400;line-height:32px;padding:0;border:0}

.blog-pager .page-of{display:none;width:auto;float:right;border-color:rgba(0,0,0,0);margin:0}

.blog-pager .page-active,.blog-pager a:hover{color:$(main.color);border-color:$(main.color)}

.blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:11px;font-weight:400}

.blog-pager .page-prev:before{content:'\f053'}

.blog-pager .page-next:before{content:'\f054'}

.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{float:left;display:inline-block;width:auto;padding:0 10px;margin:0}

.blog-pager .blog-pager-older-link{float:right}

.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{display:none}

.blog-post-comments{display:none}

.blog-post-comments .comments-title{margin:0 0 20px}

.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0}

#comments{background-color:#fff;padding:20px;margin:0 0 30px;border-bottom:1px solid rgba(0,0,0,0.08)}

#gpluscomments{float:left!important;width:100%!important;margin:0 0 25px!important}

#gpluscomments iframe{float:left!important;width:100%}

.comments{display:block;clear:both;margin:0;color:$(title.color)}

.comments .comment-thread > ol{padding:0}

.comments > h3{font-size:13px;font-weight:400;font-style:italic;padding-top:1px;margin:0 0 10px}

.comments .comments-content .comment{list-style:none;margin:0;padding:0 0 8px}

.comments .comments-content .comment:first-child{padding-top:0}

.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}

.comments .item-control{position:static}

.comments .avatar-image-container{float:left;overflow:hidden;position:absolute}

.comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:100%}

.comments .comment-block{overflow:hidden;padding:0 0 10px}

.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 50px}

.comments .comments-content .inline-thread{padding:0}

.comments .comment-actions{float:left;width:100%;position:relative;margin:0}

.comments .comments-content .comment-header{font-size:16px;display:block;overflow:hidden;clear:both;margin:0 0 10px;padding:0;border-bottom:0}

.comments .comments-content .comment-header a{color:$(title.color)}

.comments .comments-content .comment-header a:hover{color:$(main.color)}

.comments .comments-content .user{font-style:normal;font-weight:400;display:block}

.comments .comments-content .icon.blog-author{display:none}

.comments .comments-content .comment-content{display:block;background-color:#f8f9f9;font-size:13px;color:#5E5E5E;font-weight:400;text-align:left;line-height:1.4em;padding:15px;margin:5px 0;border-radius:3px}

.comments .comment .comment-actions a{color:$(main.color);font-weight:400;font-size:10px;margin-right:10px}

.comments .comment .comment-actions a:hover{text-decoration:underline}

.comments .comments-content .datetime{float:left;font-size:11px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block}

.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa}

.comments .thread-toggle{margin-bottom:4px}

.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0}

.comments .thread-count a,.comments .continue a{transition:opacity .17s}

.comments .thread-count a:hover,.comments .continue a:hover{opacity:.8}

.comments .thread-expanded{padding:5px 0 0}

.comments .thread-chrome.thread-collapsed{display:none}

.thread-arrow:before{content:'';font-family:FontAwesome;color:$(title.color);font-weight:400;margin:0 2px 0 0}

.comments .thread-expanded .thread-arrow:before{content:'\f0d7'}

.comments .thread-collapsed .thread-arrow:before{content:'\f0da'}

.comments .comments-content .comment-thread{margin:0}

.comments .continue a{padding:0 0 0 60px;font-weight:400}

.comments .comments-content .loadmore.loaded{margin:0;padding:0}

.comments .comment-replybox-thread{margin:0}

.comments .continue a,.thread-expanded .thread-count,.thread-expanded .thread-arrow,.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none}

#comment-editor{margin:0 0 20px}

.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:$(title.color);font-weight:700;margin:0 0 15px}

.post-body h1,.post-body h2{font-size:24px}

.post-body h3{font-size:21px}

.post-body h4{font-size:18px}

.post-body h5{font-size:16px}

.post-body h6{font-size:13px}

blockquote{font-style:italic;padding:10px;margin:0;border-left:4px solid $(main.color)}

blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;color:#aaa;line-height:1}

blockquote:before{content:'\f10d';margin:0 10px 0 0}

blockquote:after{content:'\f10e';margin:0 0 0 10px}

.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}

.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}

.post-body ul{padding:0 0 0 20px}

.post-body ul li:before{content:"\f105";font-family:FontAwesome;font-size:13px;font-weight:400;margin:0 5px 0 0}

.post-body u{text-decoration:underline}

.post-body a{transition:all .17s ease}

.post-body strike{text-decoration:line-through}

.post-btn{display:inline-block;height:34px;background-color:$(main.color);font-size:15px;color:#fff;line-height:34px;font-weight:700;padding:0 30px}

.post-btn:before{content:'\f019';font-family:FontAwesome;font-weight:400;display:inline-block;margin:0 5px 0 0}

.post-btn:hover{background-color:$(dark.color)}

.get-code{display:block;overflow:hidden;padding:20px;box-sizing:border-box;border:1px dashed #ccc}

.code-show{float:left;height:32px;background-color:$(get.code);color:#fff;font-size:12px;text-transform:uppercase;font-weight:600;line-height:32px;cursor:pointer;padding:0 25px;border-bottom:1px solid rgba(0,0,0,.1);border-radius:3px;transition:all .17s ease}

.code-show:hover{background-color:$(dark.color)}

.code-code{float:right;height:32px;background-color:$(main.color);color:#fff;font-size:18px;text-transform:uppercase;font-weight:700;line-height:32px;letter-spacing:1px;padding:0 20px}

.contact-form{overflow:hidden}

.contact-form .widget-title{display:none}

.contact-form .contact-form-name{width:calc(50% - 5px)}

.contact-form .contact-form-email{width:calc(50% - 5px);float:right}

.sidebar .widget{position:relative;overflow:hidden;box-sizing:border-box;padding:0;margin:0 0 30px}

.sidebar .widget-title{position:relative;float:left;width:100%;margin:0 0 20px}

.sidebar .widget-title > h3{font-size:16px;color:#888;font-weight:400;margin:0}

.sidebar .widget-content{float:left;width:100%;background-color:#fff;box-sizing:border-box;padding:20px;margin:0;border-bottom:1px solid rgba(0,0,0,0.08)}

.list-label li{position:relative;display:block;padding:7px 0;border-top:1px dotted #ebebeb}

.list-label li:first-child{padding-top:0;border-top:0}

.list-label li:last-child{padding-bottom:0;border-bottom:0}

.list-label li a{display:block;color:$(main.color);font-size:12px;font-weight:400;text-transform:capitalize}

.list-label li a:before{content:"\f054";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;font-size:6px;margin:1px 3px 0 0}

.list-label li a:hover{color:$(title.color)}

.list-label .label-count{position:relative;float:right;height:16px;color:$(main.color);font-size:11px;font-weight:400;text-align:center;line-height:16px;padding:0 5px}

.cloud-label li{position:relative;float:left;margin:0 10px 0 0}

.cloud-label li a{display:block;color:$(main.color);font-size:12px;font-weight:400;padding:2px 0;transition:all .17s ease}

.cloud-label li a:hover{color:$(title.color)}

.cloud-label .label-count{display:none}

.sidebar .FollowByEmail > .widget-title > h3{margin:0}

.FollowByEmail .widget-content{position:relative;overflow:hidden;background-color:$(dark.color);text-align:center;font-weight:400;box-sizing:border-box;padding:20px}

.FollowByEmail .widget-content > h3{font-size:18px;color:#fff;font-weight:700;text-transform:uppercase;margin:0 0 13px}

.FollowByEmail .before-text{font-size:13px;color:#aaa;line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden}

.FollowByEmail .widget-content:after{content:'\f0e0';position:absolute;top:0;right:-10px;font-family:FontAwesome;font-size:50px;color:rgba(155,155,155,0.2);transform:rotate(21deg)}

.FollowByEmail .follow-by-email-inner{position:relative}

.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:32px;color:$(title.color);font-size:11px;font-family:inherit;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:0;border-radius:3px;transition:ease .17s}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:32px;font-family:inherit;font-size:11px;color:#fff;background-color:$(main.color);text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;margin:0;border:0;border-radius:3px;transition:all .17s ease}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{opacity:.85}

#ArchiveList ul.flat li{color:$(title.color);font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea}

#ArchiveList ul.flat li:first-child{padding-top:0}

#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0}

#ArchiveList .flat li > a{display:block;color:$(title.color)}

#ArchiveList .flat li > a:hover{color:$(main.color)}

#ArchiveList .flat li > a:before{content:"\f054";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;font-size:6px;margin:1px 3px 0 0;display:inline-block}

#ArchiveList .flat li > a > span{position:relative;float:right;height:16px;color:$(main.color);font-size:11px;font-weight:400;text-align:center;line-height:16px;padding:0 5px}

.PopularPosts .post{overflow:hidden;margin:20px 0 0}

.PopularPosts .post:first-child{padding:0;margin:0;border:0}

.PopularPosts .post-image-link{position:relative;width:80px;height:58px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}

.PopularPosts .post-info{overflow:hidden}

.PopularPosts .post-title{font-size:13px;font-weight:400;line-height:1.5em;margin:0 0 5px}

.PopularPosts .post-title a{display:block;color:$(title.color)}

.PopularPosts .post-title a:hover{color:$(main.color);text-decoration:underline}

.FeaturedPost .post-image-link{display:block;position:relative;width:100%;height:170px;overflow:hidden;margin:0 0 10px}

.FeaturedPost .post-title{font-size:15px;overflow:hidden;font-weight:400;line-height:1.5em;margin:0 0 5px}

.FeaturedPost .post-title a{color:$(title.color);display:block}

.FeaturedPost .post-title a:hover{color:$(main.color);text-decoration:underline}

.Text{font-size:13px}

.contact-form-widget form{font-weight:400}

.contact-form-name{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}

.contact-form-email{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}

.contact-form-email-message{float:left;width:100%;font-family:inherit;font-size:13px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}

.contact-form-button-submit{float:left;width:100%;height:30px;background-color:$(main.color);font-size:13px;color:#fff;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;transition:background .17s ease}

.contact-form-button-submit:hover{background-color:$(dark.color)}

.contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}

.contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9}

.contact-form-cross{margin:0 0 0 3px}

.contact-form-error-message,.contact-form-success-message{margin:0}

.BlogSearch .search-input{float:left;width:75%;height:30px;background-color:#fff;font-weight:400;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #ebebeb;border-right-width:0}

.BlogSearch .search-action{float:right;width:25%;height:30px;font-family:inherit;font-size:13px;line-height:30px;cursor:pointer;box-sizing:border-box;background-color:$(main.color);color:#fff;padding:0 5px;border:0;transition:background .17s ease}

.BlogSearch .search-action:hover{background-color:$(dark.color)}

.Profile .profile-img{float:left;width:80px;height:80px;margin:0 15px 0 0;transition:all .17s ease}

.Profile .profile-datablock{margin:0}

.Profile .profile-data .g-profile{display:block;font-size:14px;color:$(title.color);margin:0 0 5px}

.Profile .profile-data .g-profile:hover{color:$(main.color)}

.Profile .profile-info > .profile-link{color:$(title.color);font-size:11px;margin:5px 0 0}

.Profile .profile-info > .profile-link:hover{color:$(main.color)}

.Profile .profile-datablock .profile-textblock{display:none}

.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:7px 0 0}

.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left}

.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right}

.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:$(title.color);font-size:13px;font-weight:400}

.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:$(main.color)}

.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0}

#footer-wrapper{background-color:$(dark.color)}

#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:25px 0}

.footer-widgets-wrap{position:relative;display:flex;margin:0 -15px}

#footer-wrapper .footer{display:inline-block;float:left;width:33.33333333%;box-sizing:border-box;padding:0 15px}

#footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:25px 0 0}

#footer-wrapper .footer .Text{margin:10px 0 0}

#footer-wrapper .footer .widget:first-child{margin:0}

.footer .widget > .widget-title > h3{position:relative;font-size:16px;color:$(footer.color);font-weight:400;margin:0 0 20px}

.footer .post-image-link{border-color:rgba(255,255,255,.1)}

.footer .post-image-link:hover{border-color:$(main.color)}

.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{color:$(footer.color)}

.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{color:$(main.color)}

.footer .no-posts{color:$(footer.color)}

.footer .FollowByEmail .widget-content > h3{color:$(footer.color)}

.footer .FollowByEmail .widget-content{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05)}

.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{color:#aaa}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:$(dark.color)}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05)}

.footer #ArchiveList .flat li > a{color:$(footer.color)}

.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{border-color:rgba(255,255,255,0.05)}

.footer .list-label li:first-child{padding-top:0}

.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{color:$(footer.color)}

.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{color:$(main.color)}

.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{background-color:rgba(255,255,255,0.05);color:$(footer.color)}

.footer .cloud-label li a{color:$(footer.color)}

.footer .cloud-label li a:hover{color:$(main.color)}

.footer .BlogSearch .search-input{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05)}

.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05)}

.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{background-color:rgba(0,0,0,0.3)}

#sub-footer-wrapper{color:$(footer.color);display:block;padding:0;width:100%;overflow:hidden}

#sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:12px 0;border-top:1px solid rgba(255,255,255,0.05)}

#footer-menu{float:right;position:relative;display:block}

#footer-menu .widget > .widget-title{display:none}

#footer-menu ul li{float:left;display:inline-block;height:34px;padding:0;margin:0}

#footer-menu ul li a{font-size:13px;font-weight:400;display:block;color:$(footer.color);line-height:34px;padding:0 10px;margin:0 0 0 5px}

#footer-menu ul li:last-child a{padding:0 0 0 5px}

#footer-menu ul li a:hover{color:$(main.color)}

#sub-footer-wrapper .copyright-area{font-size:13px;float:left;height:34px;line-height:34px;font-weight:400}

#sub-footer-wrapper .copyright-area a{color:$(main.color)}

#sub-footer-wrapper .copyright-area a:hover{text-decoration:underline}

.hidden-widgets{display:none;visibility:hidden}

.back-top{display:none;z-index:1010;width:34px;height:34px;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:13px;color:#fff;text-align:center;line-height:34px;border-radius:3px}

.back-top:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:$(main.color);opacity:.5;transition:opacity .17s ease}

.back-top:after{content:'\f077';position:relative;font-family:FontAwesome;font-weight:400;opacity:.8;transition:opacity .17s ease}

.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{opacity:1}

.error404 #main-wrapper{width:100%!important;margin:0!important}

.error404 #sidebar-wrapper{display:none}

.errorWrap{color:$(title.color);text-align:center;padding:80px 0 100px}

.errorWrap h3{font-size:160px;line-height:1;margin:0 0 30px}

.errorWrap h4{font-size:25px;margin:0 0 20px}

.errorWrap p{margin:0 0 10px}

.errorWrap a{display:block;color:$(main.color);padding:10px 0 0}

.errorWrap a i{font-size:20px}

.errorWrap a:hover{text-decoration:underline}

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

#outer-wrapper{max-width:100%}

.row{width:100%}

#top-bar .container{box-sizing:border-box;padding:0 20px}

.hot-wrapper{box-sizing:border-box;padding:0 20px}

#header-wrap{height:auto}

.header-header{height:auto;box-sizing:border-box;padding:25px 20px}

.header-menu{box-sizing:border-box;padding:0 20px}

#content-wrapper{position:relative;box-sizing:border-box;padding:0 20px;margin:30px 0 0}

#footer-wrapper .container{box-sizing:border-box;padding:25px 20px}

#sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px}

}

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

.header-logo{width:100%;max-width:100%;text-align:center;margin:0 0 20px}

#header-search{float:none;margin:0 auto;max-width:100%}

.top-menu{width:100%;text-align:center;margin:0}

.top-menu ul li{float:none;margin:25px 0 0}

.top-menu ul li a{margin:0 10px}

#main-menu{display:none}

.mobile-menu,.slide-menu-toggle{display:block}

.show-search,.hide-search{font-size:20px}

#content-wrapper > .container{margin:0}

#header-inner a{display:inline-block!important}

#main-wrapper,#sidebar-wrapper{width:100%;padding:0}

.item #sidebar-wrapper{margin-top:20px}

}

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

.footer-widgets-wrap{display:block}

#footer-wrapper .footer{width:100%;margin-right:0}

#footer-sec2,#footer-sec3{margin-top:25px}

}

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

#hot-section .show-hot .widget-content,#hot-section .hot-posts{height:auto}

#hot-section .hot-loader{height:200px}

.hot-posts .hot-item{width:50%;margin:20px 0 0}

.hot-posts .hot-item.item-0,.hot-posts .hot-item.item-1{margin:0}

#footer-menu,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center}

#footer-menu{margin:10px 0 0}

#sub-footer-wrapper .copyright-area{margin:10px 0}

#footer-menu ul li{float:none;height:auto}

#footer-menu ul li a{line-height:inherit;margin:0 3px 5px}

}

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

.share-links li a span{display:none}

.share-links li.facebook,.share-links li.twitter{width:32px}

ul.related-posts{margin:0}

.related-posts .related-item{width:100%;padding:0;margin:20px 0 0}

.related-posts .item-0{margin:0}

.related-posts .post-image-link{width:100px;height:70px;float:left;margin:0 15px 0 0}

.related-posts .post-title{font-size:13px;overflow:hidden;margin:0 0 5px}

.post-reactions{display:none}

.queryMessage{text-align:center;line-height:inherit;padding:10px 15px}

.queryMessage a.show-more{display:none}

.get-code{text-align:center}

.code-show{float:none;display:inline-block}

.code-code{float:none;display:block;margin:20px 0 0}

}

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

.hot-posts .hot-item,.hot-posts .hot-item.item-1{width:100%;margin:20px 0 0}

.index-post .post-image-wrap{width:100px;height:70px}

.index-post .post-info > h2{font-size:14px}

.read-more{display:none}

.item-post h1.post-title{font-size:24px}

.about-author{text-align:center}

.about-author .avatar-container{float:none;display:table;margin:0 auto 10px}

#comments ol{padding:0}

.errorWrap{padding:70px 0 100px}

.errorWrap h3{font-size:120px}

}

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

.about-author .avatar-container{width:60px;height:60px}

}

]]></b:skin>

<b:if cond='data:view.isLayoutMode'>

<b:template-skin>

<![CDATA[

/*------Layout (No Edit)----------*/

body#layout #outer-wrapper,body#layout .row{width:auto;padding:0}

body#layout{width:860px;position:relative;padding:95px 5px 0;margin:0}

body#layout div.section{margin:0 5px 10px!important;padding:16px 16px 18px!important}

body#layout .section h4{font-size:14px;margin:0}

body#layout .layout-widget-description{display:none}

body#layout .theme-options,body#layout #main-menu .widget{display:block!important}

body#layout div.sora-panel{background-color:#d7d7d7!important;overflow:hidden!important;border-color:#bcbcbc}

body#layout .sora-panel .widget{float:left;width:49%;margin-right:2%}

body#layout .sora-panel #LinkList71{margin-right:0}

body#layout #top-bar{height:auto}

body#layout #top-bar .container{display:flex}

body#layout .top-bar-nav,body#layout .top-bar-social{width:50%}

body#layout #header-wrap{height:auto}

body#layout .header-header{float:left;width:100%;height:auto;padding:0}

body#layout #header-search{display:none}

body#layout div.header-logo,body#layout div.top-menu{float:none;width:auto;height:auto;max-width:none;max-height:none}

body#layout .mobile-menu{display:none}

body#layout .header-menu{float:left;width:100%;height:auto}

body#layout .header-menu .row{display:flex}

body#layout #main-menu,body#layout #nav-social{width:50%;height:auto}

body#layout #hot-wrapper{display:block}

body#layout .hot-section .widget-content{float:none;width:auto;height:auto;margin:0}

body#layout .hot-section .widget{overflow:visible}

body#layout #content-wrapper{margin:0}

body#layout #content-wrapper > .container{display:flex;margin:0}

body#layout #main-wrapper{width:66.66%;padding:0}

body#layout #sidebar-wrapper{width:33.33%;padding:0}

body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible}

body#layout .footer-widgets-wrap{display:flex}

body#layout .footer-widgets-wrap div.footer{width:100%}

/*------Layout (end)----------*/

]]>

</b:template-skin>

</b:if>

<style>

/*-------Typography and ShortCodes-------*/

.firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:"\f06e";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:"\f019";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:"\f09d";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:"\f14c";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, "Andale Mono", "Courier New", Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:'Code';display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:"\f058"}.fa-info-circle:before{content:"\f05a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-exclamation-circle:before{content:"\f06a"}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}

.FollowByEmail {

clear: both;

}

.widget .post-body ol {

padding: 0 0 0 15px;

}

.post-body ul li {

list-style: none;

}

</style>

<script type='text/javascript'>

//<![CDATA[

// Global variables with content. "Available for Edit"

var monthFormat = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],

noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibQI66xijoK5SGZ-RofaWI8YjO1WBURByT0ky4lbgWh_kYO_yzLyefL95eXf4vNAQ9VniHlEvmh4j7mv5Jd1uYSgSUEf0-zd5XzMyw5HBYh3Cww5amccFPZvnN1AyK4JDoXBICVc_5tUs/w680/nth.png",

postPerPage = 7,

fixedSidebar = true,

commentsSystem = "blogger",

disqusShortname = "TrickZone";

//]]>

</script>

<b:defaultmarkups>

<b:defaultmarkup type='Common'>

<b:includable id='widget-title'>

<b:if cond='data:defaultTitle or data:title'>

<div class='widget-title'>

<h3 class='title'>

<data:title/>

</h3>

</div>

</b:if>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='PopularPosts'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<div class='widget-content'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='postContent' var='post'>

<div class='post'>

<div class='post-content'>

<a class='post-image-link' expr:href='data:post.url'>

<b:if cond='data:post.featuredImage'>

<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>

<b:else/>

</b:if>

</a>

<div class='post-info'>

<h2 class='post-title'>

<a expr:href='data:post.url'><data:post.title/></a>

</h2>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Header'>

<b:includable id='main' var='this'>

<div class='header-widget'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</div>

</b:includable>

<b:includable id='image'>

<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>

<img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>

</a>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='FeaturedPost'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<div class='widget-content'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='postContent' var='post'>

<div class='post'>

<div class='post-content'>

<a class='post-image-link' expr:href='data:post.url'>

<b:if cond='data:post.featuredImage'>

<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>

<b:else/>

</b:if>

<span class='post-tag'><data:post.labels.last.name/></span>

</a>

<div class='post-info'>

<h2 class='post-title'>

<a expr:href='data:post.url'><data:post.title/></a>

</h2>

<div class='post-meta'>

<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Label'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<a class='label-name' expr:href='data:label.url'>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

<span class='label-count'><data:label.count/></span>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='FollowByEmail'>

<b:includable id='main' var='this'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<b:if cond='data:defaultTitle or data:title'>

<h3 class='title'>

<data:title/>

</h3>

</b:if>

<span class='before-text'><data:skin.vars.followByEmail/></span>

<div class='follow-by-email-inner'>

<input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>

<input class='follow-by-email-submit' expr:value='data:messages.subscribe' type='submit'/>

<input expr:value='data:feedPath' name='uri' type='hidden'/>

<input name='loc' type='hidden' value='en_US'/>

</form>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogSearch'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content' role='search'>

<form class='search-form' expr:action='data:blog.searchUrl'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

<input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>

</form>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogArchive'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>

</div>

</b:includable>

<b:includable id='flat'>

<ul class='flat'>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'>

<data:i.name/><span class='post-count'><data:i.post-count/></span>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:defaultmarkup>

</b:defaultmarkups>

<b:include data='blog' name='google-analytics'/>

</head>

<body expr:class='data:blog.pageType'>

<b:class cond='data:view.isHomepage' name='home'/>

<b:class cond='data:view.isPage' name='item'/>

<b:class cond='data:view.isArchive' name='index'/>

<b:class cond='data:view.isError' name='error404'/>

<div class='theme-options' style='display:none'>

<b:section class='sora-panel' id='sora-panel' maxwidgets='1' name='Theme Options' showaddelement='no'>

<b:widget id='LinkList70' locked='true' title='Boxed Version' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-0'>boxedVersion</b:widget-setting>

<b:widget-setting name='link-0'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<style type='text/css'>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.name == "boxedVersion"'>

<b:if cond='data:link.target == "true"'>

body{background:#eee}

#outer-wrapper{max-width:1020px}

</b:if>

</b:loop>

</style>

</b:includable>

</b:widget>

<b:widget id='LinkList71' locked='true' title='Default Variables' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>6</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>commentsSystem</b:widget-setting>

<b:widget-setting name='link-1'>blogger</b:widget-setting>

<b:widget-setting name='text-0'>disqusShortname</b:widget-setting>

<b:widget-setting name='link-2'>true</b:widget-setting>

<b:widget-setting name='text-3'>postPerPage</b:widget-setting>

<b:widget-setting name='link-0'>TrickZone</b:widget-setting>

<b:widget-setting name='text-2'>fixedSidebar</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<script type='text/javascript'>

//<![CDATA[

<b:loop values='data:links' var='link'>

<b:if cond='data:link.name == "postPerPage"'>

var postPerPage = <data:link.target/>;

</b:if>

<b:if cond='data:link.name == "fixedSidebar"'>

var fixedSidebar = <data:link.target/>;

</b:if>

<b:if cond='data:link.name == "commentsSystem"'>

var commentsSystem = "<data:link.target/>";

</b:if>

<b:if cond='data:link.name == "disqusShortname"'>

var disqusShortname = "<data:link.target/>";

</b:if>

</b:loop>

//]]>

</script>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='outer-wrapper'>

<div id='header-wrap'>

<div class='header-header'>

<div class='container row'>

<b:section class='header-logo' id='header-logo' maxwidgets='1' name='Header Logo' showaddelement='yes'>

<b:widget id='Header1' locked='true' title='BD TECH PUBG (Header)' type='Header' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdxYum-ex1tZRtbDRnps7Nk4B3VEPPpTdAexzjqo80eMrkh-6ZgMa6NTwtIDZM4ME6asCZtPEBUL2GvwgnBRy0ZEL9qULxWEfcWGoAciaikjijbrHkjkKrM64qmkM51ji-RNN5rCPS_0/s1600/Screenshot+%252879%2529.png</b:widget-setting>

<b:widget-setting name='displayHeight'>138</b:widget-setting>

<b:widget-setting name='sectionWidth'>850</b:widget-setting>

<b:widget-setting name='useImage'>true</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>

<b:widget-setting name='displayWidth'>529</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<div class='header-widget'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</div>

</b:includable>

<b:includable id='behindImageStyle'>

<b:if cond='data:sourceUrl'>

<b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>

<style type='text/css'>

.header-widget {

background-position: <data:blog.locale.languageAlignment/>;

background-repeat: no-repeat;

}

</style>

</b:if>

</b:includable>

<b:includable id='description'>

<p>

<data:this.description/>

</p>

</b:includable>

<b:includable id='image'>

<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>

<img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>

</a>

</b:includable>

<b:includable id='title'>

<h1>

<b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>

<data:title/>

</b:tag>

</h1>

</b:includable>

</b:widget>

</b:section>

<div id='header-search'>

<form class='search-form' expr:action='data:blog.searchUrl' role='search'>

<input autocomplete='off' class='search-input' expr:placeholder='data:messages.searchThisBlog' name='q' type='search' value=''/>

<button id='search-submit' type='submit' value=''><i class='fa fa-search'/></button>

</form>

</div>

<div class='header-menu'>

<div class='mobile-menu'/>

<div class='container row'>

<span class='slide-menu-toggle'/>

<b:section class='main-menu' id='main-menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>

<b:widget id='LinkList74' locked='true' title='Link List' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>http://www.bdtechpubg.blogspot.com</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>Contact</b:widget-setting>

<b:widget-setting name='link-1'>http://www.facebook.com/itsjibonray</b:widget-setting>

<b:widget-setting name='text-0'>Home</b:widget-setting>

<b:widget-setting name='link-2'>http://www.trickzone.ml</b:widget-setting>

<b:widget-setting name='text-3'>Visit Our Blog</b:widget-setting>

<b:widget-setting name='link-0'>/</b:widget-setting>

<b:widget-setting name='text-2'>About</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<ul id='main-menu-nav' role='menubar'>

<b:loop values='data:links' var='link'>

<li><a expr:href='data:link.target' role='menuitem'><data:link.name/></a></li>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

<b:section class='nav-social' id='nav-social' maxwidgets='1' name='Nav Social' showaddelement='yes'>

<b:widget id='LinkList75' locked='true' title='Social Widget' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-0'>Facebook</b:widget-setting>

<b:widget-setting name='link-0'>http://facebook.com/jbnafiz.blogspot</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<ul class='social'>

<b:loop values='data:links' var='link'>

<li expr:class='data:link.name'><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'/></li>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='clearfix'/>

<b:if cond='data:view.isHomepage'>

<div class='hot-wrapper' id='hot-wrapper'>

<b:section class='hot-section row' id='hot-section' maxwidgets='1' name='Hot Posts' showaddelement='yes'>

<b:widget id='HTML2' locked='false' title='Featured posts' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'>recent/hot-posts</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<div class='widget-content'>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='clearfix'/>

</b:if>

<div class='row' id='content-wrapper'>

<div class='container'>

<div id='main-wrapper'>

<b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='commentLabel'>Comments</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>by</b:widget-setting>

<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='timestampLabel'/>

<b:widget-setting name='reactionsLabel'>Reactions</b:widget-setting>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLocation'>false</b:widget-setting>

<b:widget-setting name='showTimestamp'>true</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='backlinksLabel'>Related Posts</b:widget-setting>

<b:widget-setting name='showDateHeader'>false</b:widget-setting>

<b:widget-setting name='style.textcolor'>#222222</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#ff9900</b:widget-setting>

<b:widget-setting name='showAuthor'>true</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#00979d</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='postLabelsLabel'>Tags</b:widget-setting>

<b:widget-setting name='showBacklinks'>true</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='homePostsHeadline'/>

<b:include name='searchMessage'/>

<div class='blog-posts hfeed container'>

<b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>

<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>

<b:tag class='grid-posts' cond='data:view.isMultipleItems' name='div'>

<b:loop index='i' values='data:posts' var='post'>

<b:include data='post' name='postCommentsAndAd'/>

</b:loop>

</b:tag>

</div>

<b:include cond='data:view.isMultipleItems' name='indexBlogPager'/>

<b:include name='feedLinks'/>

<script type='text/javascript'>

var messages = {

showMore: "<data:messages.showMore/>"

}

</script>

</b:includable>

<b:includable id='aboutPostAuthor'>

<div class='about-author'>

<div class='avatar-container'>

<b:if cond='data:post.author.authorPhoto.image'>

<img class='author-avatar' expr:alt='data:post.author.name' expr:src='data:post.author.authorPhoto.image resizeImage 100'/>

<b:else/>

</b:if>

</div>

<h3 class='author-name'>

<span><data:messages.postedBy/></span><a expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' target='_blank'> <data:post.author.name/></a>

</h3>

<span class='author-description'><data:post.author.aboutMe/></span>

</div>

</b:includable>

<b:includable id='addComments'>

<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>

<b:message name='messages.postAComment'/>

</a>

</b:includable>

<b:includable id='backLinks' var='post'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='commentAuthorAvatar'>

<div class='avatar-image-container'>

<img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='45' width='45'/>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='"item-control " + data:comment.adminClass'>

<b:if cond='data:showCmtPopup'>

<div class='goog-toggle-button'>

<div class='goog-inline-block comment-action-icon'/>

</div>

<b:else/>

<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>

<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='commentForm' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<b:if cond='data:this.messages.blogComment != ""'>

<p><data:this.messages.blogComment/></p>

</b:if>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='commentFormIframeSrc' var='post'>

<a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src'/>

</b:includable>

<b:includable id='commentItem' var='comment'>

<div class='comment' expr:id='"c" + data:comment.id'>

<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

<div class='comment-block'>

<div class='comment-author'>

<b:if cond='data:comment.authorUrl'>

<b:message name='messages.authorSaidWithLink'>

<b:param expr:value='data:comment.author' name='authorName'/>

<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>

</b:message>

<b:else/>

<b:message name='messages.authorSaid'>

<b:param expr:value='data:comment.author' name='authorName'/>

</b:message>

</b:if>

</div>

<div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>

<data:comment.body/>

</div>

<div class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='data:comment.url' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</div>

</b:includable>

<b:includable id='commentList' var='comments'>

<div id='comments-block'>

<b:loop values='data:comments' var='comment'>

<b:include data='comment' name='commentItem'/>

</b:loop>

</div>

</b:includable>

<b:includable id='commentPicker' var='post'>

<b:if cond='data:post.allowComments'>

<div class='title-wrap comments-title'>

<h3><data:messages.postAComment/></h3>

</div>

</b:if>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframeComments'/>

<b:elseif cond='data:post.showThreadedComments'/>

<b:include data='post' name='threadedComments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<section expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'>

<a name='comments'/>

<b:if cond='data:post.allowComments'>

<b:include name='commentsTitle'/>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<b:include cond='data:post.comments' data='post.comments' name='commentList'/>

</div>

<b:if cond='data:post.commentPagingRequired'>

<div class='paging-control-container'>

<b:if cond='data:post.hasOlderLinks'>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>

<data:messages.oldest/>

</a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>

<data:messages.older/>

</a>

</b:if>

<span class='comment-range-text'>

<data:post.commentRangeText/>

</span>

<b:if cond='data:post.hasNewerLinks'>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>

<data:messages.newer/>

</a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

<data:messages.newest/>

</a>

</b:if>

</div>

</b:if>

<div class='footer'>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='commentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='addComments'/>

</b:if>

</div>

</b:if>

<b:if cond='data:showCmtPopup'>

<div id='comment-popup'>

<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

</iframe>

</div>

</b:if>

</section>

</b:includable>

<b:includable id='commentsTitle'>

<h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3>

</b:includable>

<b:includable id='feedLinks'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='footerBylines' var='post'>

<b:include data='post' name='postLabels'/>

<b:include data='post' name='postReactions'/>

<b:include data='post' name='postShareButtons'/>

</b:includable>

<b:includable id='headerByline' var='post'>

<div class='post-meta'>

<b:include cond='data:view.isMultipleItems' data='post' name='postCategory'/>

<b:include cond='data:view.isPost' data='post' name='postAuthor'/>

<b:include data='post' name='postTimestamp'/>

</div>

</b:includable>

<b:includable id='homePageLink'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='homePostsHeadline'>

<b:if cond='data:view.isHomepage'>

<div class='home-posts-headline title-wrap'><h3 class='title'><data:messages.recentPosts/></h3></div>

</b:if>

</b:includable>

<b:includable id='iframeComments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

<b:if cond='!data:post.embedCommentForm'>

<b:include data='post' name='commentsLink'/>

</b:if>

</b:includable>

<b:includable id='indexBlogPager'>

<div class='blog-pager container' id='blog-pager'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='indexPost' var='post'>

<b:include data='post' name='postFeaturedImage'/>

<div class='post-info'>

<b:include data='post' name='postHeader'/>

<b:include data='post' name='postJumpLink'/>

</div>

</b:includable>

<b:includable id='inlineAd' var='post'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='itemPost' var='post'>

<b:tag class='post-item-content' name='div'>

<b:include data='post' name='postMeta'/>

<b:include data='post' name='postHeader'/>

<b:include data='post' name='postBody'/>

<b:include data='post' name='footerBylines'/>

</b:tag>

<b:include cond='data:view.isPost' data='post' name='postFooter'/>

</b:includable>

<b:includable id='nextPageLink'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'>

<data:messages.olderPosts/>

</a>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:view.isMultipleItems'>

<b:include data='post' name='indexPost'/>

</b:if>

<b:if cond='data:view.isSingleItem'>

<b:include data='post' name='itemPost'/>

</b:if>

</b:includable>

<b:includable id='postAuthor' var='post'>

<b:if cond='data:allBylineItems.author'>

</b:if>

</b:includable>

<b:includable id='postBody' var='post'>

<div class='post-body post-content'>

<data:post.body/>

</div>

</b:includable>

<b:includable id='postBodySnippet' var='post'>

<b:include data='post' name='postBody'/>

</b:includable>

<b:includable id='postBreadcrumbs' var='post'>

<script type='application/ld+json'>

{

"@context": "http://schema.org",

"@type": "BreadcrumbList",

"@id": "#Breadcrumb",

"itemListElement": [{

"@type": "ListItem",

"position": 1,

"item": {

"name": "<data:messages.home/>",

"@id": "<data:blog.homepageUrl.jsonEscaped/>"

}

},{

"@type": "ListItem",

"position": 2,

"item": {

"name": "<b:if cond='data:post.labels'><data:post.labels.first.name/></b:if>",

"@id": "<data:post.labels.first.url.jsonEscaped/>"

}

},{

"@type": "ListItem",

"position": 3,

"item": {

"name": "<data:post.title/>",

"@id": "<data:post.url.jsonEscaped/>"

}

}]

}

</script>

</b:includable>

<b:includable id='postCategory' var='post'>

<b:if cond='data:view.isMultipleItems and data:post.labels'>

<span class='post-tag index-post-tag'>

<data:post.labels.first.name/>

</span><i>-</i>

</b:if>

</b:includable>

<b:includable id='postCommentsAndAd' var='post'>

<div class='blog-post hentry'>

<b:class cond='data:view.isMultipleItems' expr:name='"index-post post-" + data:i'/>

<b:class cond='data:view.isSingleItem' name='item-post'/>

<b:include data='post' name='post'/>

</div>

<b:if cond='data:view.isSingleItem and data:post.allowComments'>

<div class='blog-post-comments'>

<b:include data='post' name='threadedCommentsDisqus'/>

<b:include data='post' name='commentPicker'/>

</div>

</b:if>

</b:includable>

<b:includable id='postCommentsLink'>

<b:if cond='data:view.isMultipleItems'>

<span class='byline post-comment-link container'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>

</span>

</b:if>

</b:includable>

<b:includable id='postFeaturedImage' var='post'>

<div class='post-image-wrap'>

<a class='post-image-link' expr:href='data:post.url'>

<b:if cond='data:post.featuredImage'>

<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>

<b:else/>

</b:if>

</a>

</div>

</b:includable>

<b:includable id='postFooter' var='post'>

<div class='post-footer'>

<b:include cond='data:allBylineItems.icons' data='post' name='postNavigation'/>

<b:include cond='data:post.author.aboutMe' data='post' name='aboutPostAuthor'/>

<b:include cond='data:allBylineItems.backlinks' data='post' name='postRelated'/>

</div>

</b:includable>

<b:includable id='postFooterAuthorProfile' var='post'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='postHeader' var='post'>

<b:include cond='data:view.isPost' data='post' name='postBreadcrumbs'/>

<b:include cond='data:view.isPost' data='post' name='postCategory'/>

<b:include data='post' name='postTitle'/>

<b:include cond='!data:view.isPage' data='post' name='headerByline'/>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:if cond='data:blog.jumpLinkMessage != "hide"'>

<a class='read-more' expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>

</b:if>

</b:includable>

<b:includable id='postLabels' var='post'>

<b:if cond='data:view.isPost and data:allBylineItems.labels'>

<b:if cond='data:post.labels'>

<div class='post-labels'>

<div class='label-head Label'>

<b:loop values='data:post.labels' var='label'>

<a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='postMeta' var='post'>

<b:include data='post' name='postMetadataJSON'/>

</b:includable>

<b:includable id='postNavigation' var='post'>

<ul class='post-nav'>

<li class='post-next'>

<b:if cond='data:newerPageUrl'>

<a class='next-post-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next'>

<div class='post-nav-inner'><span><data:messages.newer/></span><p/></div>

</a>

<b:else/>

<a rel='next'><div class='post-nav-inner post-nav-active'><span><data:messages.newer/></span><p><data:post.title/></p></div></a>

</b:if>

</li>

<li class='post-prev'>

<b:if cond='data:olderPageUrl'>

<a class='prev-post-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' rel='previous'>

<div class='post-nav-inner'><span><data:messages.older/></span><p/></div>

</a>

<b:else/>

<a rel='previous'><div class='post-nav-inner post-nav-active'><span><data:messages.older/></span><p><data:post.title/></p></div></a>

</b:if>

</li>

</ul>

</b:includable>

<b:includable id='postPagination'>

<div class='blog-pager container' id='blog-pager'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='postReactions' var='post'>

<b:if cond='data:view.isPost and data:allBylineItems.reactions'>

<div class='post-reactions'>

<span><data:allBylineItems.reactions.label/></span>

<div class='reactions-inner'>

<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:posts[0].reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>

</div>

</b:if>

</b:includable>

<b:includable id='postRelated' var='post'>

<div id='related-wrap'>

<div class='title-wrap'>

<h3><data:allBylineItems.backlinks.label/></h3>

</div>

<div class='related-ready'>

<b:if cond='data:post.labels'>

<div class='related-tag' expr:data-label='data:post.labels.first.name'/>

<b:else/>

<div class='related-tag' data-label='random'/>

</b:if>

</div>

</b:includable>

<b:includable id='postShareButtons' var='post'>

<b:if cond='data:view.isPost and data:allBylineItems.share'>

<div class='post-share'>

<ul class='share-links social social-color'>

<b:class cond='data:blog.isMobileRequest' name='is-mobile'/>

<li class='facebook'><a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Facebook</span></a></li>

<li class='twitter'><a class='twitter' expr:href='"https://twitter.com/share?url=" + data:post.url + "&text=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=450, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Twitter</span></a></li>

</ul>

</div>

</b:if>

</b:includable>

<b:includable id='postShortMeta'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='postTimestamp' var='post'>

<b:if cond='data:allBylineItems.timestamp'>

<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>

</b:if>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:view.isMultipleItems'>

<h2 class='post-title'>

<a expr:href='data:post.url'><data:post.title/></a>

</h2>

</b:if>

<b:if cond='data:view.isSingleItem'>

<h1 class='post-title'>

<data:post.title/>

</h1>

</b:if>

</b:includable>

<b:includable id='previousPageLink'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'>

<data:messages.newerPosts/>

</a>

</b:includable>

<b:includable id='searchMessage'>

<b:if cond='data:view.search.query'>

<div class='queryMessage'>

<b:if cond='data:posts.empty'>

<span class='query-info query-error'/><data:view.search.resultsMessageHtml/><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>

<b:else/>

<span class='query-info query-success'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>

</b:if>

</div>

</b:if>

<b:if cond='data:view.search.label'>

<div class='queryMessage'>

<b:if cond='data:posts.empty'>

<span class='query-info query-error'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>

<b:else/>

<span class='query-info query-success'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>

</b:if>

</div>

</b:if>

<b:if cond='data:view.isArchive'>

<div class='queryMessage'>

<b:if cond='data:posts.empty'>

<span class='query-info query-error'><data:view.archive.rangeMessage/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>

<b:else/>

<span class='query-info query-success'><data:view.archive.rangeMessage/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>

</b:if>

</div>

</b:if>

<b:if cond='data:view.isError'>

<div class='errorWrap'>

<h3>404</h3>

<h4><data:messages.theresNothingHere/></h4>

<p><data:navMessage/></p>

<a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> <data:messages.home/></a>

</div>

</b:if>

<b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><data:messages.noResultsFound/></div></b:if>

</b:includable>

<b:includable id='threadedCommentForm' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<b:if cond='data:this.messages.blogComment != ""'>

<p><data:this.messages.blogComment/></p>

</b:if>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='threadedCommentJs' var='post'>

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<b:template-script inline='true' name='threaded_comments'/>

<script type='text/javascript'>

blogger.widgets.blog.initThreadedComments(

<data:post.commentJso/>,

<data:post.commentMsgs/>,

<data:post.commentConfig/>);

</script>

</b:includable>

<b:includable id='threadedComments' var='post'>

<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>

<a name='comments'/>

<b:include name='commentsTitle'/>

<div class='comments-content'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threadedCommentJs'/>

</b:if>

<div id='comment-holder'>

<data:post.commentHtml/>

</div>

<p class='comment-footer'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threadedCommentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

<div id='comment-popup'>

<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

</iframe>

</div>

</b:if>

</section>

</b:includable>

<b:includable id='threadedCommentsDisqus' var='post'>

<script type='text/javascript'>

var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";

if (!disqus_blogger_current_url.length) {

disqus_blogger_current_url = "<data:blog.url/>";

}

var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";

var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";

</script>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='sidebar-wrapper'>

<b:section class='sidebar common-widget' id='sidebar1' name='Sidebar Right' showaddelement='yes'>

<b:widget id='FeaturedPost1' locked='false' title='Featured Post' type='FeaturedPost' visible='true'>

<b:widget-settings>

<b:widget-setting name='showSnippet'>false</b:widget-setting>

<b:widget-setting name='showPostTitle'>true</b:widget-setting>

<b:widget-setting name='postId'>3862421170057048610</b:widget-setting>

<b:widget-setting name='showFirstImage'>true</b:widget-setting>

<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<div class='widget-content'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='postContent' var='post'>

<div class='post'>

<div class='post-content'>

<a class='post-image-link' expr:href='data:post.url'>

<b:if cond='data:post.featuredImage'>

<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>

<b:else/>

</b:if>

<span class='post-tag'><data:post.labels.last.name/></span>

</a>

<div class='post-info'>

<h2 class='post-title'>

<a expr:href='data:post.url'><data:post.title/></a>

</h2>

<div class='post-meta'>

<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML6' locked='false' title='Facebook' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<center><div class="fb-page" data-href="https://www.facebook.com/jbnafiz.blogspot" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<div class='widget-content'>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label3' locked='false' title='Categories' type='Label' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'>Games,Movies,Sports,Technology</b:widget-setting>

<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<span class='label-size'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

<a class='label-name' expr:href='data:label.url'>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

<span class='label-count'><data:label.count/></span>

</b:if>

</a>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<a class='label-name' expr:href='data:label.url'>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

<span class='label-count'><data:label.count/></span>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='AdSense1' locked='false' title='' type='AdSense' visible='true'>

<b:includable id='main'>

<div class='widget-content'>

<b:if cond='data:adCode'>

<data:adCode/>

<b:else/>

<b:include name='defaultAdUnit'/>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='AdSense2' locked='false' title='' type='AdSense' visible='true'>

<b:includable id='main'>

<div class='widget-content'>

<b:if cond='data:adCode'>

<data:adCode/>

<b:else/>

<b:include name='defaultAdUnit'/>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget cond='!data:view.isPost' id='PageList1' locked='false' title='Join us' type='PageList' visible='true'>

<b:widget-settings>

<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://bdtechpubg.blogspot.com/', 'title': 'Home', 'position': 0}}]]></b:widget-setting>

<b:widget-setting name='homeTitle'>Home</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<b:include name='pageList'/>

</div>

</b:includable>

<b:includable id='overflowButton'>

<b:include name='verticalMoreIcon'/>

</b:includable>

<b:includable id='overflowablePageList'>

<div class='overflowable-container'>

<div class='overflowable-contents'>

<div class='container'>

<b:with value='true' var='overflow'>

<b:with value='"tabs"' var='pageListClass'>

<b:include name='pageList'/>

</b:with>

</div>

<div class='overflow-button hidden'>

<b:include name='overflowButton'/>

</div>

</b:includable>

<b:includable id='pageLink'>

<li>

<b:class cond='data:overflow' name='overflowable-item'/>

<b:class cond='data:link.isCurrentPage' name='selected'/>

<a expr:href='data:link.href'><data:link.title/></a>

</li>

</b:includable>

<b:includable id='pageList'>

<ul>

<b:class cond='data:pageListClass' expr:name='data:pageListClass'/>

<b:loop values='data:links' var='link'>

<b:include name='pageLink'/>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='BlogSearch1' locked='false' title='Search Anything in This Blog' type='BlogSearch' visible='true'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content' role='search'>

<form class='search-form' expr:action='data:blog.searchUrl'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

<input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>

</form>

</div>

</b:includable>

<b:includable id='searchForm'>

<form expr:action='data:blog.searchUrl'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

<div class='search-input'>

</div>

<b:include name='searchSubmit'/>

</form>

</b:includable>

<b:includable id='searchSubmit'>

<input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>

</b:includable>

</b:widget>

<b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>

<b:widget-settings>

<b:widget-setting name='copyright'>You are copyright restriced if you copy a post you should pay my bill such as 1dollar @copyright</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<div class='widget-content'>

<div class='blogger'>

<a expr:href='data:bloggerUrl' rel='nofollow'>

<b:include name='flatBloggerIcon'/>

<b:message name='messages.poweredByBlogger'/>

</a>

</div>

<b:if cond='data:imageAuthor'>

<div class='image-attribution'>

<b:if cond='data:imageAuthor.url'>

<b:message name='messages.templateImagesByLink'>

<b:param expr:value='data:imageAuthor.url'/>

<b:param expr:value='data:imageAuthor.name'/>

</b:message>

<b:else/>

<b:message name='messages.templateImagesBy'>

<b:param expr:value='data:imageAuthor.name'/>

</b:message>

</b:if>

</div>

</b:if>

<b:if cond='data:copyright != ""'>

<div class='copyright'><data:copyright/></div>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'>

<b:widget-settings>

<b:widget-setting name='showStyle'>FLAT</b:widget-setting>

<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>

<b:widget-setting name='showWeekEnd'>true</b:widget-setting>

<b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>

<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>

<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>

<b:widget-setting name='chronological'>false</b:widget-setting>

<b:widget-setting name='showPosts'>true</b:widget-setting>

<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>

</div>

</b:includable>

<b:includable id='flat'>

<ul class='flat'>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'>

<data:i.name/><span class='post-count'><data:i.post-count/></span>

</a>

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='hierarchy'>

<b:include data='data' name='interval'/>

</b:includable>

<b:includable id='interval' var='intervals'>

<ul class='hierarchy'>

<b:loop values='data:intervals' var='interval'>

<li class='archivedate'>

<div class='hierarchy-title'>

<a class='post-count-link' expr:href='data:interval.url'>

<data:interval.name/>

<span class='post-count'><data:interval.post-count/></span>

</a>

</div>

<div class='hierarchy-content'>

<b:include cond='data:interval.data' data='interval.data' name='interval'/>

<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>

</div>

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='posts' var='posts'>

<ul class='posts hierarchy'>

<b:loop values='data:posts' var='post'>

<li>

<a expr:href='data:post.url'><data:post.title/></a>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' visible='true'>

<b:includable id='main' var='this'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<b:if cond='data:defaultTitle or data:title'>

<h3 class='title'>

<data:title/>

</h3>

</b:if>

<span class='before-text'><data:skin.vars.followByEmail/></span>

<div class='follow-by-email-inner'>

<input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>

<input class='follow-by-email-submit' expr:value='data:messages.subscribe' type='submit'/>

<input expr:value='data:feedPath' name='uri' type='hidden'/>

<input name='loc' type='hidden' value='en_US'/>

</form>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<span class='label-size'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

<a class='label-name' expr:href='data:label.url'>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

<span class='label-count'><data:label.count/></span>

</b:if>

</a>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<a class='label-name' expr:href='data:label.url'>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

<span class='label-count'><data:label.count/></span>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='ReportAbuse1' locked='false' title='' type='ReportAbuse' visible='true'>

<b:includable id='main'>

<b:include name='reportAbuse'/>

</b:includable>

</b:widget>

<b:widget cond='data:view.isSingleItem and data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='false' title='' type='PopularPosts' visible='true'>

<b:widget-settings>

<b:widget-setting name='numItemsToShow'>3</b:widget-setting>

<b:widget-setting name='showThumbnails'>true</b:widget-setting>

<b:widget-setting name='showSnippets'>true</b:widget-setting>

<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<div class='widget-content'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='postContent' var='post'>

<div class='post'>

<div class='post-content'>

<a class='post-image-link' expr:href='data:post.url'>

<b:if cond='data:post.featuredImage'>

<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>

<b:else/>

</b:if>

</a>

<div class='post-info'>

<h2 class='post-title'>

<a expr:href='data:post.url'><data:post.title/></a>

</h2>

</div>

</b:includable>

</b:widget>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile' visible='true'>

<b:widget-settings>

<b:widget-setting name='showaboutme'>true</b:widget-setting>

<b:widget-setting name='showlocation'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='authorProfileImage'>

<img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>

</b:includable>

<b:includable id='content'>

<b:if cond='data:team'>

<div class='widget-content team'>

<b:include name='teamProfile'/>

</div>

<b:else/>

<div class='widget-content individual'>

<b:include name='userProfile'/>

</div>

</b:if>

</b:includable>

<b:includable id='defaultProfileImage'>

<div class='default-avatar'/>

</b:includable>

<b:includable id='profileImage'>

<b:if cond='data:authorPhoto.image'>

<b:include name='authorProfileImage'/>

<b:else/>

<b:include name='defaultProfileImage'/>

</b:if>

</b:includable>

<b:includable id='teamProfile'>

<ul>

<b:loop values='data:authors' var='author'>

<li>

<div class='team-member'>

<b:include data='author' name='teamProfileLink'/>

</div>

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='teamProfileLink'>

<a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow'>

<b:include name='profileImage'/>

<span class='profile-name'><data:display-name/></span>

</a>

</b:includable>

<b:includable id='userGoogleProfile'>

<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>

</b:includable>

<b:includable id='userLocation'>

<dd class='profile-data location'><data:location/></dd>

</b:includable>

<b:includable id='userProfile'>

<b:include name='userProfileImage'/>

<b:include name='userProfileInfo'/>

</b:includable>

<b:includable id='userProfileData'>

<dt class='profile-data'>

<b:include name='userProfileLink'/>

<b:include cond='data:hasgoogleprofile' name='userGoogleProfile'/>

</dt>

</b:includable>

<b:includable id='userProfileImage'>

<a expr:href='data:userUrl' rel='nofollow'>

<b:include name='profileImage'/>

</a>

</b:includable>

<b:includable id='userProfileInfo'>

<div class='profile-info'>

<dl class='profile-datablock'>

<b:class cond='data:showlocation and data:location != ""' name='has-location'/>

<b:include name='userProfileData'/>

<b:include cond='data:showlocation and data:location != ""' name='userLocation'/>

<b:include cond='data:aboutme != ""' name='userProfileText'/>

</dl>

<b:include name='viewProfileLink'/>

</div>

</b:includable>

<b:includable id='userProfileLink'>

<a class='profile-link g-profile' expr:href='data:userUrl' rel='author nofollow'>

<data:displayname/>

</a>

</b:includable>

<b:includable id='userProfileText'>

<dd class='profile-textblock'>

<data:aboutme/>

</dd>

</b:includable>

<b:includable id='viewProfileLink'>

<a class='profile-link' expr:href='data:userUrl' rel='author nofollow'>

<data:messages.viewMyCompleteProfile/>

</a>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='clearfix'/>

<div id='footer-wrapper'>

<div class='container row'>

<div class='footer-widgets-wrap'>

<b:section class='footer common-widget' id='footer-sec1' maxwidgets='3' name='Section (Left)' showaddelement='yes'/>

<b:section class='footer common-widget' id='footer-sec2' maxwidgets='3' name='Section (Center)' showaddelement='yes'/>

<b:section class='footer common-widget' id='footer-sec3' maxwidgets='3' name='Section (Right)' showaddelement='yes'/>

</div>

<div class='clearfix'/>

<div id='sub-footer-wrapper'>

<div class='container row'>

<b:section class='footer-menu' id='footer-menu' maxwidgets='1' name='Footer Menu' showaddelement='yes'>

<b:widget id='LinkList76' locked='true' title='Footer Menu Widget' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>About</b:widget-setting>

<b:widget-setting name='link-1'>http://www.jbnafiz.blogspot.com</b:widget-setting>

<b:widget-setting name='text-0'>Home</b:widget-setting>

<b:widget-setting name='link-2'>https://www.facebook.com/jbnafiz.blogspot</b:widget-setting>

<b:widget-setting name='link-0'>/</b:widget-setting>

<b:widget-setting name='text-2'>Contact Us</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<ul>

<b:loop values='data:links' var='link'>

<li><a expr:href='data:link.target'><data:link.name/></a></li>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

<div class='copyright-area'>Created By <a href='http://www.trickzone.ml' id='mycontent' rel='dofollow' title='paid Blogger Templates'>TrickZone.ML</a> | Distributed By <a href='https://www.facebook.com/jbnafiz.blogspot' rel='dofollow' style='color:#00979d;' target='_blank'>Nafiz Iqbal</a>

</div>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

/*! Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */

//]]>

</script>

<script type='text/javascript'>

//<![CDATA[

var _tQ7aIz= "\x65\x76\x61\x6c\x28\x66\x75\x6

TECH CITY

If you want my blog theme so see my post

Post a Comment

0 Comments

Advertise

Total Pageviews

Time Bangladesh

Current local time in
Bangladesh By Nafiz Iqbal

Categories

Search Post and Anything in This Blog

Report Abuse

earphone Review

How to download pubg lite in any Device {Link and Video}

Our youtube channel..

Contributors

Translate

Contact Form

Footer Menu Widget

TECH CITY

Social Widget

If you want my blog theme so see my post

Related Posts

Post a Comment

0 Comments

Advertise

Total Pageviews

Time Bangladesh

Current local time inBangladesh By Nafiz Iqbal

Categories

Search Post and Anything in This Blog

Report Abuse

earphone Review

How to download pubg lite in any Device {Link and Video}

Our youtube channel..

Contributors

Translate

Contact Form

Footer Menu Widget

Current local time in
Bangladesh By Nafiz Iqbal