تب ها

تب های ساده

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

   
<div >
 <div >
  <h5>تب های ساده</h5>
   </div>
     <div >
  <ul id="Basic" role="tablist">
  <li role="presentation">
   <button id="html-tab" data-bs-toggle="tab"
   data-bs-target="#html-tab-pane" type="button" role="tab" aria-controls="html-tab-pane"
   aria-selected="true">اچ تی ام ال</button>
  </li>
  <li role="presentation">
   <button id="css-tab" data-bs-toggle="tab" data-bs-target="#css-tab-pane"
   type="button" role="tab" aria-controls="css-tab-pane" aria-selected="false">سی اس اس</button>
  </li>
  <li role="presentation">
   <button id="php-tab" data-bs-toggle="tab" data-bs-target="#php-tab-pane"
   type="button" role="tab" aria-controls="php-tab-pane" aria-selected="false">پی اچ پی</button>
  </li>
  </ul>
  <div id="BasicContent">
  <div id="html-tab-pane" role="tabpanel"
   aria-labelledby="html-tab" tabindex="0">
   <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
   <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
  </div>
  <div id="css-tab-pane" role="tabpanel" aria-labelledby="css-tab"
   tabindex="0">
   <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
   <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
  </div>
  <div id="php-tab-pane" role="tabpanel" aria-labelledby="php-tab"
   tabindex="0">
   <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
   <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
   </div>
   </div>
 </div>
</div>

تب های حاشیه دار

محتوای تب 1.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..

محتوای تب 2.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

محتوای تب 3.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

  
<div >
 <div >
  <h5>تب های حاشیه دار</h5>
   <a data-bs-toggle="collapse" href="#tab2" aria-expanded="false" aria-controls="tab2">
    <i data-source="t2"></i>
    </a>
    </div>
    <div >
     <ul id="Outline" role="tablist">
     <li role="presentation">
    <button id="connect-tab" data-bs-toggle="tab"
     data-bs-target="#connect-tab-pane" type="button" role="tab" aria-controls="connect-tab-pane"
     aria-selected="true">تماس</button>
     </li>
     <li role="presentation">
    <button id="discover-tab" data-bs-toggle="tab"
     data-bs-target="#discover-tab-pane" type="button" role="tab" aria-controls="discover-tab-pane"
     aria-selected="false">اکتشاف</button>
     </li>
     <li role="presentation">
    <button id="order-tab" data-bs-toggle="tab" data-bs-target="#order-tab-pane"
     type="button" role="tab" aria-controls="order-tab-pane" aria-selected="false">سفارشات</button>
     </li>
     </ul>
     <div id="OutlineContent">
     <div id="connect-tab-pane" role="tabpanel"
    aria-labelledby="connect-tab" tabindex="0">
    <h6 >محتوای تب 1.</h6>
    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
     </div>
     <div id="discover-tab-pane" role="tabpanel" aria-labelledby="discover-tab"
    tabindex="0">
    <h6 >محتوای تب 2.</h6>
    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
     </div>
     <div id="order-tab-pane" role="tabpanel" aria-labelledby="order-tab"
    tabindex="0">
    <h6 >محتوای تب 3.</h6>
    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..</p>
   </div>
  </div>
 </div>
</div>

تب های روشن

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی.
لورم ایپسوم متن ساختگی با تولید سادگی.
لورم ایپسوم متن ساختگی با تولید سادگی.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای .

    
<div >
 <div >
  <h5>تب های حاشیه دار</h5>
    </div>
    <div >
     <ul id="Outline" role="tablist">
     <li role="presentation">
      <button id="connect-tab" data-bs-toggle="tab"
      data-bs-target="#connect-tab-pane" type="button" role="tab" aria-controls="connect-tab-pane"
      aria-selected="true">تماس</button>
     </li>
     <li role="presentation">
      <button id="discover-tab" data-bs-toggle="tab"
      data-bs-target="#discover-tab-pane" type="button" role="tab" aria-controls="discover-tab-pane"
      aria-selected="false">اکتشاف</button>
     </li>
     <li role="presentation">
      <button id="order-tab" data-bs-toggle="tab" data-bs-target="#order-tab-pane"
      type="button" role="tab" aria-controls="order-tab-pane" aria-selected="false">سفارشات</button>
     </li>
     </ul>
     <div id="OutlineContent">
     <div id="connect-tab-pane" role="tabpanel"
      aria-labelledby="connect-tab" tabindex="0">
      <h6 >محتوای تب 1.</h6>
      <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای .</p>
     </div>
     <div id="discover-tab-pane" role="tabpanel" aria-labelledby="discover-tab"
      tabindex="0">
      <h6 >محتوای تب 2.</h6>
      <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای .</p>
     </div>
     <div id="order-tab-pane" role="tabpanel" aria-labelledby="order-tab"
      tabindex="0">
      <h6 >محتوای تب 3.</h6>
      <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای .</p>
   </div>
  </div>
 </div>
</div>

پس زمینه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

لورم ایپسوم متن ساختگی .
لورم ایپسوم متن ساختگی
لورم ایپسوم متن ساختگی .

  
<div >
 <div >
  <h5>پس زمینه</h5>
   </div>
     <div >
     <ul id="bg" role="tablist">
      <li role="presentation">
      <button id="features-tab" data-bs-toggle="tab"
       data-bs-target="#features-tab-pane" type="button" role="tab" aria-controls="features-tab-pane"
       aria-selected="true"> <i ></i> ویژگی ها</button>
      </li>
      <li role="presentation">
      <button id="history-tab" data-bs-toggle="tab"
       data-bs-target="#history-tab-pane" type="button" role="tab" aria-controls="history-tab-pane"
       aria-selected="false"><i ></i>تاریخ</button>
      </li>
      <li role="presentation">
      <button id="reviews-tab" data-bs-toggle="tab"
       data-bs-target="#reviews-tab-pane" type="button" role="tab" aria-controls="reviews-tab-pane"
       aria-selected="false"><i ></i>بازبینی</button>
      </li>
   
     </ul>
     <div id="bgContent">
      <div id="features-tab-pane" role="tabpanel"
      aria-labelledby="features-tab" tabindex="0">
      <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای</p>
      </div>
   

           <div class="tab-pane fade" id="history-tab-pane" role="tabpanel" aria-labelledby="history-tab"
            tabindex="0">
            <ol>
             <li>لورم ایپسوم متن ساختگی .</li>
             <li>لورم ایپسوم متن ساختگی .</li>
             <li>لورم ایپسوم متن ساختگی .</li>
            </ol>
           </div>
      

           <div class="tab-pane fade" id="reviews-tab-pane" role="tabpanel" aria-labelledby="reviews-tab"
            tabindex="0">
            <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای</p>
      </div>
    </div>
  </div>
</div>

تب های عمودی

لورم ایپسوم متن ساختگی با تولید سادگی.
لورم ایپسوم متن ساختگی با تولید سادگی
لورم ایپسوم متن ساختگی با تولید سادگی.

  
<div >
 <div >
  <h5>تب های عمودی</h5>
   </div>
     <div >
     <ul id="v-bg" role="tablist">
     <li role="presentation">
     <button id="v-features-tab" data-bs-toggle="tab"
     data-bs-target="#v-features-tab-pane" type="button" role="tab"
     aria-controls="v-features-tab-pane" aria-selected="true"> <i ></i>
     ویژگی ها</button>
     </li>
     <li role="presentation">
     <button id="v-history-tab" data-bs-toggle="tab"
     data-bs-target="#v-history-tab-pane" type="button" role="tab"
     aria-controls="v-history-tab-pane" aria-selected="false"><i
     ></i>تاریخ</button>
     </li>
     <li role="presentation">
     <button id="v-reviews-tab" data-bs-toggle="tab"
     data-bs-target="#v-reviews-tab-pane" type="button" role="tab"
     aria-controls="v-reviews-tab-pane" aria-selected="false"><i
     ></i>بازبینی</button>
     </li>
   
     </ul>
     <div id="v-bgContent">
     <div id="v-features-tab-pane" role="tabpanel"
     aria-labelledby="v-features-tab" tabindex="0">
     <p>لورم ایپسوم متن ساختگی با تولید سادگی</p>
     </div>
   

         <div class="tab-pane fade" id="v-history-tab-pane" role="tabpanel" aria-labelledby="v-history-tab"
          tabindex="0">
          <ol>
          <li>لورم ایپسوم متن ساختگی با تولید سادگی</li>
          <li>لورم ایپسوم متن ساختگی با تولید سادگی.</li>
          <li>لورم ایپسوم متن ساختگی با تولید سادگی.</li>
          </ol>
         </div>
      

         <div class="tab-pane fade" id="v-reviews-tab-pane" role="tabpanel" aria-labelledby="v-reviews-tab"
          tabindex="0">
          <p>لورم ایپسوم متن ساختگی با تولید سادگی.</p>
      </div>
    </div>
  </div>
</div>