<b:if cond='data:view.isHomepage'> 
  <div id='btechnomee-blogspot-com-hero-wrapper'> 
  <div class='btechnomee-blogspot-com-hero-row'>
<div class='btechnomee-blogspot-com-hero-container'>
<!--[ Homepage title ]-->
  <b:section id='header-technomee-ads' cond='data:view.isHomepage'>
    <b:widget id='Text15' locked='false' title='أفضل القوالب والإضافات والشروحات الإحترافية نقدمها مجانا' type='Text' version='2' visible='true'>
      <b:widget-settings>
        <b:widget-setting name='content'>أعثر على القالب المثالي لك وكل الإضافات التي يجتاجها أي مدون والشروحات التقنية والبرمجية وأفضل الألعاب والبرامج نقدمها مجانا لك أنت فقط</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
       <div class='btechnomee-blogspot-com-hero-content'>
            <h1 class='btechnomee-blogspot-com-hero-title'> <b:include name='widget-title'/></h1>
            <p class='btechnomee-blogspot-com-hero-text'>
              <data:content/>
            </p>
          </div>
        <div class='btechnomee-blogspot-com-hero-search'>
            <form action='/search' class='search-form' method='get'>
              <input aria-label='Search' autocomplete='off' autocorrect='off' class='search-input' name='q' placeholder='ابحث هنا.. ' spellcheck='false' type='text'/>
              <button class='search-button' title='Search' type='submit' value=''>
                <svg class='line' viewbox='0 0 24 24'>
                  <g transform='translate(2.000000, 2.000000)'>
                    <circle class='fill' cx='9.76659044' cy='9.76659044' r='8.9885584'/>
                    <line x1='16.0183067' x2='19.5423342' y1='16.4851259' y2='20.0000001'/>
                  </g>
                </svg>
              </button>
            </form>
          </div>
</b:includable>
    </b:widget>
    <b:widget id='Label251' locked='true' title='التسميات' type='Label' version='2' 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>
        <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
        <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main' var='this'>
  <b:include name='content'/>
</b:includable>
      <b:includable id='cloud'> <div class='btechnomee-blogspot-com-hero-tags'>   <span class='tags-label'><b>الأقسام :</b></span>   <b:loop values='data:labels' var='label'>
        <a class='popular-tag' expr:href='data:label.url'>
          <data:label.name/>   
        </a>
    </b:loop></div> 
</b:includable>
      <b:includable id='content'> 
    <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
    <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
      <b:includable id='list'>
    <div class='btechnomee-blogspot-com-hero-tags'>   <span class='tags-label'><b>الأقسام :</b></span>   <b:loop values='data:labels' var='label'>
        <a class='popular-tag' expr:href='data:label.url'>
          <data:label.name/>   
        </a>
    </b:loop></div> 
</b:includable>
    </b:widget>
  </b:section> 
</div>
</div>
</div> 
  <style>
    #btechnomee-blogspot-com-hero-wrapper{background-blend-mode:overlay;padding:50px 0;margin:0;background: url(https://res.cloudinary.com/themewiki/image/upload/v1625063858/background-circle_xmyhnx.png)}
    .btechnomee-blogspot-com-hero-content{color:var(--btechnomee-blogspot-com-hero-color);text-align:center;margin:0 0 30px}
    .btechnomee-blogspot-com-hero-content h1{display:block;font-size:35px;font-weight:700;margin:0 0 13px}
    .btechnomee-blogspot-com-hero-content p{display:block;font-size:16px;color:var(--btechnomee-blogspot-com-hero-text-color);margin:0}
    .btechnomee-blogspot-com-hero-search{text-align:center;margin:0 0 13px}
    .btechnomee-blogspot-com-hero-search .search-form{display:inline-block;position:relative;width:480px;max-width:100%;height:50px;border:0}
    .btechnomee-blogspot-com-hero-search .search-input{float:right;width:100%;height:50px;background-color: var(--transparent-bg);overflow:hidden;font-size:14px;color:#95a5a6;font-family:inherit;font-weight:400;line-height:51px;padding:0 20px;border:0;border-radius:6px}
    .btechnomee-blogspot-com-hero-search .search-input::placeholder{color:var(--title-color);opacity:.55}
    .btechnomee-blogspot-com-hero-search .search-input:focus{box-shadow:0 2px 8px rgba(0,0,0,0.1)}
    .btechnomee-blogspot-com-hero-search .search-button{position:absolute;top:0;left:0;height:50px;background-color:transparent;overflow:hidden;font-size:14px;color:#95a5a6;text-align:center;line-height:51px;cursor:pointer;opacity:.85;padding:0 20px;border:0;border-radius:6px 0 0 6px}
    .btechnomee-blogspot-com-hero-search .search-button:hover{background-color:rgba(155,155,155,0.1)}
    .btechnomee-blogspot-com-hero-tags{float:right;width:100%;font-size:14px;color:var(--btechnomee-blogspot-com-hero-color);text-align:center;margin:0 0 10px}
    .btechnomee-blogspot-com-hero-tags span,.btechnomee-blogspot-com-hero-tags a{display:inline-block}
    .btechnomee-blogspot-com-hero-tags a{color:var(--btechnomee-blogspot-com-hero-text-color);margin:0 10px 0 0}
    .btechnomee-blogspot-com-hero-tags a:hover{color:var(--btechnomee-blogspot-com-hero-color)}
    .btechnomee-blogspot-com-hero-promo{float:right;width:100%;font-size:21px;color:var(--btechnomee-blogspot-com-hero-text-color);text-align:center;padding:40px 0 0;margin:20px 0 0;border-top:1px solid rgba(255,255,255,0.15)}
    .btechnomee-blogspot-com-hero-promo a{color:var(--btechnomee-blogspot-com-hero-color);font-weight:700;margin:0}
    .btechnomee-blogspot-com-hero-promo a:hover{color:var(--btechnomee-blogspot-com-hero-text-color)}
    @media screen and (max-width: 1030px) {
    .btechnomee-blogspot-com-hero-row{width:100%;max-width:100%;margin:0}
    .btechnomee-blogspot-com-hero-container{padding:0 15px}}
    @media screen and (max-width: 640px){
    .btechnomee-blogspot-com-hero-content h1 {
        font-size: 31px;}}
  </style>
</b:if>