<b:includable id='main'>
<div class='widget-content'>
<data:content/>
</div>

<div id='news-ticker-container'>
<div class='container'>
<span class='news-ticker-header'><i class='fa fa-newspaper-o icon'/>Breaking news</span>
<ul id='news-ticker'>

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

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div id='logo-area' itemscope='' itemtype='http://schema.org/WPHeader'>
<b:section class='container logo-and-ad-container' id='logo-and-ad-container' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Cool Mag (Header)' type='Header'>
<b:includable id='main'>

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

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='clearfix' id='main-nav-wrapper' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
<div class='container'>
<div id='mobile-main-nav-btn'>Main menu</div>
<b:section id='main-nav' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList1' locked='true' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<div class='search-box' id='search-box'>
<i class='fa fa-search'/>
</div>
<div class='search' id='search-input'>
<form action='/search' id='search-form' method='get'>
<input placeholder='Type and hit enter to search' type='text'/>
</form>
</div>
</div>
</div>


</header>

<b:section class='container' id='slider' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='slider1' type='HTML'>