hollyzed themes test: article

artic post

<link href='https://googledrive.com/host/0B1W6pb_FP4trVGNlYlFYUy1pVE0' rel='stylesheet' type='text/css'/>

<script src='https://googledrive.com/host/0B1W6pb_FP4trbDREejBTMXlDcFk' type='text/javascript'></script>

<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/amiri" rel="stylesheet" type="text/css"/>

<div id="intro">
<div id="intro-img">
<img alt="أسم صورة العرض" border="0" height="0px" itemprop="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6EX6dVpPmMVkr1DSgosmq1t0q87-St1o5fVBrkENxtuGv7-pGkdoSKHKZzGJWHmbzirdizk3NP2UOjv1GBTE3g7-kWXnGVUVvkTSFNfPTBgsSeJOTXsl1Tk6OQIoylxDZB4beInTY9HQ/s1600/background-hw-text1.png" style="border: inherit;" title="أسم صورة االعرض" width="0px"/></div>
</div>

<form id="cover-form">
<div id="calc_main">

<div id="calc_post-info">
<table class="tree-table" width="210" cellpadding="3" cellspacing="0"><tbody>
<div class="medCalcFont-tree"><i class="icon-coverbrowse"></i><span class="show-hide"><span id="hidecover"><span style="color:#000;"></span><i class="icon-hidenav"></i><span style="color:#000;"></span></span><span id="showcover" class="hide"><span style="color:#000;"></span><i class="icon-shownav"></i><span style="color:#000;"></span></span></span></div>

<div id="post-img-position" align="center">
<div id="post-img">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCvGbWxaIsmgDZaZk-ib_Cq_Emo-x8JpJPrjda36kjTKjSCdSdA-yHtgf7a1D-qa39ca3o-l_DhbOhe4VCYEIbnWADmOjY0XRFiBz2a9_GrI5mnnp5nK_mVFfRHeeVdOSI_Cpiu2heUlY/s1600/post+image+template-beitypedia.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="أسم الصورة هنا" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCvGbWxaIsmgDZaZk-ib_Cq_Emo-x8JpJPrjda36kjTKjSCdSdA-yHtgf7a1D-qa39ca3o-l_DhbOhe4VCYEIbnWADmOjY0XRFiBz2a9_GrI5mnnp5nK_mVFfRHeeVdOSI_Cpiu2heUlY/s1600/post+image+template-beitypedia.png" title="أسم الصورة هنا" /></a></div>
</div>

<tr><td id="info" class="tree-td">

<i class="icon-covermainlabel"></i>
<ul class="tree-td-ul">
<meta><li><a href="####"><i class="icon-mainlabel1" style="color: #38761d;">قسم رئيسي 1</i></a></li></meta>
<li><a href="####"><i class="icon-mainlabel2" style="color: #38761d;">قسم رئيسي 2</i></a></li>
<li><a href="####"><i class="icon-mainlabel3" style="color: #38761d;">قسم رئيسي 3</i></a></li>
</ul>

<i class="icon-relatedtopic"></i> 
<ul class="tree-td-ul">
<li class="relatedtopic"><a href="####"><span style="color: #38761d;">مقالة 1</span></a></li>
<li class="relatedtopic"><a href="####"><span style="color: #38761d;">مقالة 2</span></a></li>
</ul>

<i class="icon-topicappendix"></i>
<ul class="tree-td-ul">
<li><a href="#6"><span style="color: #38761d;">فيديو / برنامج / صور</span></a> </li>
<li><a href="#6"><span style="color: #38761d;">فيديو / برنامج / صور</span></a> </li>
</ul>

<i class="icon-mainpoint"></i>
<ul class="tree-td-ul">
<li><a href="#0"><span style="color: #38761d;">مقدمة الموضوع</span></a> </li>
<li><a href="#1"><span style="color: #38761d;">محتوى 1</span></a> </li>
<li><a href="#2"><span style="color: #38761d;">محتوى 2</span></a> </li>
<li><a href="#3"><span style="color: #38761d;">محتوى 3</span></a> </li>
<li><a href="#4"><span style="color: #38761d;">محتوى 4</span></a> </li>
<li><a href="#5"><span style="color: #38761d;">محتوى 5</span></a> </li>
</ul>
</td></tr>

</tbody></table>
</div>

</div>
</form>

<form>
<div dir="rtl" id="calc_main_content" style="border: none;">

<div id="calc_info">

<div id="calcinfo_links">
<h2><span class="link_open"><a name="0"><i id="dow2" class="icon-showpoint hide"></i><i id="up2" class="icon-hidepoint"></i> مقدمة الموضوع </a></span></h2>
</div>

<div id="p2">محتوى الفقرة</div>

<div id="calcinfo_links">
<h2><span class="link_open" id="link_equation"><a name="1"><i id="dow1" class="icon-showpoint hide"></i><i id="up1" class="icon-hidepoint"></i> محتوى 1 </a></span></h2>
</div>

<div class="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png">
<img height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" width="320" />
</a>
<span>أسم الصورة هنا</span>
</div>

<a class="center" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png">
<img alt="أسم الصورة هنا" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" title="أسم الصورة هنا" width="320" />
</a>

<h3><span class="border-btn">نقطة فرعية h3</span></h3>

<ul>
<li class="h3-li"><h4>نقاط فرعية h4</h4></li>
<li class="h3-li"><h4>نقاط فرعية h4</h4></li>
<li class="h3-li"><h4>نقاط فرعية h4</h4></li>
<li class="h3-li"><h4>نقاط فرعية h4</h4></li>
</ul>

<h4 class="h4-point"><span class="h4fst-scd-point"><b>1 . </b></span> نقطة فرعية h4</h4>

<ul>
<li class="h4-li"><h5>نقاط فرعية h5</h5></li>
<li class="h4-li"><h5>نقاط فرعية h5</h5></li>
<li class="h4-li"><h5>نقاط فرعية h5</h5></li>
<li class="h4-li"><h5>نقاط فرعية h5</h5></li>
</ul>

<p>وإليك شرح النقاط الأربع .... <i id="dow1" class="icon-hand-down"></i></p>

<a class="left" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png">
<img alt="أسم الصورة هنا" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" title="أسم الصورة هنا" width="320" />
</a>

<p class="shar7">شرح النقطة الفرعية لـ اتتش 3.. فقرة ثانية في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية والفقرة الأولى.</p>

<p class="shar7">شرح النقطة الفرعية رقم 1.. فقرة أولى في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية.</p>

<div class="left">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png">
<img height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" width="320" />
</a>
<span>وصف الصورة</span>
</div>

<p class="shar7">هذه الفقرة لشرح مصحوب بصورة لها وصف بالأسفل</p>

<p class="shar7">شرح النقطة الفرعية رقم 1.. فقرة أولى في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية.</p>

<p class="note">ملحوظة على شئ سبق شرحة <i class="icon-note"></i></p>

<div class="note"><p>ملحوظات : <i class="icon-note"></i></p>
<ul>
<li>ملحوظة متعددة النقاط</li>
<li>ملحوظة متعددة النقاط</li>
<li>ملحوظة متعددة النقاط</li>
</ul>
</div>

<p class="note">فقرة مُلخص لنقطة ما <i class="icon-check"></i></p>

<div class="note"><p>الخلاصة : <i class="icon-check"></i></p>
<ul>
<li>النقطات هذه</li>
<li>النقطات هذه</li>
<li>النقطات هذه</li>
</ul>
</div>

<p class="note">نصيحة أو يوصى بـ أو من المستحب <i class="icon-advice"></i></p>

<div class="note"><p>يوصى بـ : <i class="icon-advice"></i></p>
<ul>
<li>النقطات هذه</li>
<li>النقطات هذه</li>
<li>النقطات هذه</li>
</ul>
</div>

<p class="note">بهذا يكون أفضل أو نقطة التمام <i class="icon-ok"></i></p>

<div class="note"><p>نقاط التمام : <i class="icon-ok"></i></p>
<ul>
<li>النقطات هذه</li>
<li>النقطات هذه</li>
<li>النقطات هذه</li>
</ul>
</div>

<p class="note"><i class="fa fa-eye"></i> إقرأ لمزيد من المعلومات : <a href="http://">رابط</a></p>

<div class="note"><p><i class="fa fa-eye"></i> إقرأ لمزيد من المعلومات : </p>
<ul>
<li><a href="http://">1 رابط</a></li>
<li><a href="http://">2 رابط</a></li>
<li><a href="http://">3 رابط</a></li>
</ul>
</div>

<p class="note"><i class="fa fa-link"></i> رابط مرجعي : <a href="http://">رابط</a></p>

<div class="note"><p><i class="fa fa-link"></i> مراجع : </p>
<ul>
<li><a href="http://">1 رابط</a></li>
<li><a href="http://">2 رابط</a></li>
<li><a href="http://">3 رابط</a></li>
</ul>
</div>

</div>

<div id="calcinfo_links">
<h2><span class="link_open"><a name="2"><i id="dow2" class="icon-showpoint hide"></i><i id="up2" class="icon-hidepoint"></i> محتوى 2 </a></span></h2>
</div>

<div id="p2">محتوى الفقرة</div>

<div id="calcinfo_links">
<h2><span class="link_open"><a name="3"><i id="dow3" class="icon-showpoint hide"></i><i id="up3" class="icon-hidepoint"></i> محتوى 3 </a></span></h2>
</div>

<div id="p3">محتوى الفقرة</div>

<div id="post-ad">
<img src="http://www.esggreenpages.co.za/wp-content/plugins/ad-module/images/468x60.png"/>
</div>

<div id="calc_info">

<div id="calcinfo_links">
<h2><span class="link_open" id="link_equation"><a name="4"><i id="dow4" class="icon-showpoint hide"></i><i id="up4" class="icon-hidepoint"></i> محتوى 4 </a></span></h2>
</div>

<div id="p4">محتوى الفقرة</div>

<div id="calcinfo_links">
<h2><span class="link_open"><a name="5"><i id="dow5" class="icon-showpoint hide"></i><i id="up5" class="icon-hidepoint"></i> محتوى 5 </a></span></h2>
</div>

<div id="p5">محتوى الفقرة</div>

artic post

قسم رئيسي 1 قسم رئيسي 2 قسم رئيسي 3 مقالة 1 مقالة 2 فيديو / برنامج / صور فيديو / ب...

اقرأ المزيد »

article post template 2016

<link href='https://googledrive.com/host/0B1W6pb_FP4trVGNlYlFYUy1pVE0' rel='stylesheet' type='text/css'/>

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet' type='text/css'/>
<link href='http://netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href="https://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css"/>
<link href='https://fonts.googleapis.com/css?family=Amiri' rel='stylesheet' type='text/css'/>

<script src='https://googledrive.com/host/0B1W6pb_FP4trbDREejBTMXlDcFk' type='text/javascript'></script>

<div id="intro">
<div id="intro-img">
<img alt="أسم صورة العرض" border="0" height="0px" itemprop="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6EX6dVpPmMVkr1DSgosmq1t0q87-St1o5fVBrkENxtuGv7-pGkdoSKHKZzGJWHmbzirdizk3NP2UOjv1GBTE3g7-kWXnGVUVvkTSFNfPTBgsSeJOTXsl1Tk6OQIoylxDZB4beInTY9HQ/s1600/background-hw-text1.png" style="width:0px!important;height:0px!important;border: inherit;" title="أسم صورة االعرض" width="0px"></div>
</div>

<form id="article-cover-form">

<div class="h2intro">
<div class="cloudtext"><i class="fa fa-cloudtext"></i></div>
<span id="h2intro-p" itemprop="description">قالب مقالات بيتي بيديا 2016 خفيف وصديق لمحركات البحث</span>
</div>

<div id="post-img-position" align="center">
<div id="post-img">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCvGbWxaIsmgDZaZk-ib_Cq_Emo-x8JpJPrjda36kjTKjSCdSdA-yHtgf7a1D-qa39ca3o-l_DhbOhe4VCYEIbnWADmOjY0XRFiBz2a9_GrI5mnnp5nK_mVFfRHeeVdOSI_Cpiu2heUlY/s1600/post+image+template-beitypedia.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="أسم الصورة هنا" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCvGbWxaIsmgDZaZk-ib_Cq_Emo-x8JpJPrjda36kjTKjSCdSdA-yHtgf7a1D-qa39ca3o-l_DhbOhe4VCYEIbnWADmOjY0XRFiBz2a9_GrI5mnnp5nK_mVFfRHeeVdOSI_Cpiu2heUlY/s1600/post+image+template-beitypedia.png" title="أسم الصورة هنا"></a></div>
</div>

<div id="calc_post-cover">
<table class="tree-table" width="210" cellpadding="3" cellspacing="0"><tbody>
<div class="medCalcFont-tree"><i class="icon-coverbrowse"></i><span class="show-hide"><span id="hidecover"><span style="color:#000;"></span><i class="icon-hidenavtext"></i><i class="icon-hidenav"></i><span style="color:#000;"></span></span><span id="showcover" class="hide"><span style="color:#000;"></span><i class="icon-shownavtext"></i><i class="icon-shownav"></i><span style="color:#000;"></span></span></span></div>

<tr><td id="info" class="tree-td">

<i class="icon-mainpoint"></i>
<ul class="tree-td-ul">
<li><a href="#0"><span>مقدمة الموضوع</span></a> </li>
<li><a href="#1"><span>محتوى 1</span></a> </li>
<li><a href="#2"><span>محتوى 2</span></a> </li>
<li><a href="#3"><span>محتوى 3</span></a> </li>
<li><a href="#4"><span>محتوى 4</span></a> </li>
<li><a href="#5"><span>محتوى 5</span></a> </li>
</ul>
</td></tr>

</tbody></table>
</div>

</div>
</form>

<form>
<div dir="rtl" id="calc_main_content" style="border: none;">

<div id="calc_info">

<div id="p2">محتوى الفقرة</div>

<div class="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png">
<img height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" width="320">
</a>
<span>أسم الصورة هنا</span>
</div>

<h3><span class="border-btn">نقطة فرعية h3</span></h3>

<h4 class="h4-point"><span class="h4fst-scd-point"><b>1 . </b></span> نقطة فرعية h4</h4>

<p>وإليك شرح النقاط الأربع .... <i id="dow1" class="icon-hand-down"></i></p>

<p class="shar7">شرح النقطة الفرعية رقم 1.. فقرة أولى في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية.</p>

<div class="left">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png">
<img height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" width="320">
</a>
<span>وصف الصورة</span>
</div>

<p class="shar7">هذه الفقرة لشرح مصحوب بصورة لها وصف بالأسفل</p>