برگه های اسلایدر
برگههای اسلایدر 2x
Huro برگههای ناوبری خاصی را ارائه میکند که میتوانید از آنها برای ایجاد طرحبندی زیبا و بهینهسازی شده استفاده کنید. برگه ها با اجرای جاوا اسکریپت کار می کنند. برای جزئیات بیشتر نشانه گذاری را بررسی کنید. این برگه ها فقط از 2 مورد پشتیبانی می کنند.
<div class="tabs-wrapper is-slider">
<div class="tabs-inner">
<div class="tabs">
<ul>
<li data-tab="team-tab" class="is-active"><a><span>Team</span></a></li>
<li data-tab="projects-tab"><a><span>Projects</span></a></li>
<li class="tab-naver"></li>
</ul>
</div>
</div>
<div id="team-tab" class="tab-content is-active">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
<div id="projects-tab" class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
</div>
برگه های مربعی 2x
Huro برگههای ناوبری خاصی را ارائه میکند که میتوانید از آنها برای ایجاد طرحبندی زیبا و بهینهسازی شده استفاده کنید. کلاس is-squared
را به عنصر tabs-wrapper
اضافه کنید تا برگه ها مربع شوند. برگه ها با اجرای جاوا اسکریپت کار می کنند. برای جزئیات بیشتر نشانه گذاری را بررسی کنید. این برگه ها فقط از 2 مورد پشتیبانی می کنند.
<div class="tabs-wrapper is-slider is-squared">
<div class="tabs-inner">
<div class="tabs">
<ul>
<li data-tab="team-tab1" class="is-active"><a><span>Team</span></a></li>
<li data-tab="projects-tab1"><a><span>Projects</span></a></li>
<li class="tab-naver"></li>
</ul>
</div>
</div>
<div id="team-tab1" class="tab-content is-active">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
<div id="projects-tab1" class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
</div>
برگههای اسلایدر 3x
Huro برگههای ناوبری خاصی را ارائه میکند که میتوانید از آنها برای ایجاد طرحبندی زیبا و بهینهسازی شده استفاده کنید. برگه ها با اجرای جاوا اسکریپت کار می کنند. برای جزئیات بیشتر نشانه گذاری را بررسی کنید. این برگه ها فقط از 3 مورد پشتیبانی می کنند.
<div class="tabs-wrapper is-triple-slider">
<div class="tabs-inner">
<div class="tabs">
<ul>
<li data-tab="team-tab2" class="is-active"><a><span>Team</span></a></li>
<li data-tab="projects-tab2"><a><span>Projects</span></a></li>
<li data-tab="tasks-tab2"><a><span>Tasks</span></a></li>
<li class="tab-naver"></li>
</ul>
</div>
</div>
<div id="team-tab2" class="tab-content is-active">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
<div id="projects-tab2" class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
<div id="tasks-tab2" class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
</div>
برگههای اسلایدر مربعی 3x
Huro برگههای ناوبری خاصی را ارائه میکند که میتوانید از آنها برای ایجاد طرحبندی زیبا و بهینهسازی شده استفاده کنید. کلاس is-squared
را به عنصر tabs-wrapper
اضافه کنید تا برگه ها مربع شوند. برگه ها با اجرای جاوا اسکریپت کار می کنند. برای جزئیات بیشتر نشانه گذاری را بررسی کنید. این برگه ها فقط از 3 مورد پشتیبانی می کنند.
<div class="tabs-wrapper is-triple-slider is-squared">
<div class="tabs-inner">
<div class="tabs">
<ul>
<li data-tab="team-tab3" class="is-active"><a><span>Team</span></a></li>
<li data-tab="projects-tab3"><a><span>Projects</span></a></li>
<li data-tab="tasks-tab3"><a><span>Tasks</span></a></li>
<li class="tab-naver"></li>
</ul>
</div>
</div>
<div id="team-tab3" class="tab-content is-active">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
<div id="projects-tab3" class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
<div id="tasks-tab3" class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant
sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum
abducam, times. Quae diligentissime contra Aristonem dicuntur a Chryippo.
Duo Reges: constructio interrete.</p>
</div>
</div>