Tab

                
                
                <section class="sec-pad-100" id="tab-style-1">
                  <div class="container">
                    <div class="d-flex justify-content-center align-items-center">
                      <div class="heading-1">
                        <h2>Tab Style 1</h2> </div>
                    </div>
                    <div class="tab-1">
                      <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation"> <a class="nav-link active" id="tab1-tab" data-bs-toggle="tab" href="#tab-1" role="tab" aria-controls="Graphice Design" aria-selected="true">tab 1</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab2-tab" data-bs-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false">Tab 2</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab3-tab" data-bs-toggle="tab" href="#tab-3" role="tab" aria-controls="Tab 34" aria-selected="false">Tab 3</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab4-tab" data-bs-toggle="tab" href="#tab-4" role="tab" aria-controls="Tab 4" aria-selected="false">Tab 4</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab5-tab" data-bs-toggle="tab" href="#tab-5" role="tab" aria-controls="Online Marketing" aria-selected="false">Tab 5</a> </li>
                      </ul>
                      <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab1-tab">
                          <div class="container">
                            <div class="tab-1-content">
                              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                            </div>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab2-tab">
                          <div class="tab-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-3" role="tabpanel" aria-labelledby="tab3-tab">
                          <div class="tab-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-4" role="tabpanel" aria-labelledby="tab4-tab">
                          <div class="tab-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-5" role="tabpanel" aria-labelledby="tab5-tab">
                          <div class="tab-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
                
              Copy to clipboard
              

                
                
                <section class="sec-pad-90" id="tab-style-2">
                  <div class="container">
                    <div class="d-flex justify-content-center align-items-center">
                      <div class="heading-1">
                        <h2>Tab Style 2</h2> </div>
                    </div>
                    <div class="tab-style-2">
                      <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation"> <a class="nav-link active" id="tab-2-1-tab" data-bs-toggle="tab" href="#tab-2-1" role="tab" aria-controls="Graphice Design" aria-selected="true">tab 1</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab2-2-tab" data-bs-toggle="tab" href="#tab-2-2" role="tab" aria-controls="tab-2-2" aria-selected="false">Tab 2</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab2-3" data-bs-toggle="tab" href="#tab-2-3" role="tab" aria-controls="Tab 3" aria-selected="false">Tab 3</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab4-tab" data-bs-toggle="tab" href="#tab-2-4" role="tab" aria-controls="Tab 4" aria-selected="false">Tab 4</a> </li>
                        <li class="nav-item" role="presentation"> <a class="nav-link" id="tab5-tab" data-bs-toggle="tab" href="#tab-2-5" role="tab" aria-controls="Online Marketing" aria-selected="false">Tab 5</a> </li>
                      </ul>
                      <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="tab-2-1" role="tabpanel" aria-labelledby="tab2-1-tab">
                          <div class="container">
                            <div class="tab-2-1-content">
                              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                            </div>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-2-2" role="tabpanel" aria-labelledby="tab2-2-tab">
                          <div class="tab-2-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-2-3" role="tabpanel" aria-labelledby="tab-2-3-tab">
                          <div class="tab-2-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-2-4" role="tabpanel" aria-labelledby="tab4-tab">
                          <div class="tab-2-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="tab-2-5" role="tabpanel" aria-labelledby="tab5-tab">
                          <div class="tab-2-1-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
                
              Copy to clipboard
              

                
                
                <section class="sec-pad-90" id="tab-style-3">
                    <div class="container">
                      <div class="d-flex justify-content-center align-items-center">
                        <div class="heading-1">
                          <h2>Tab Style 3</h2> </div>
                      </div>
                      <div class="tab-style-3">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                          <li class="nav-item" role="presentation"> <a class="nav-link active" id="tab3-1" data-bs-toggle="tab" href="#tab-3-1" role="tab" aria-controls="Graphice Design" aria-selected="true">tab 1</a> </li>
                          <li class="nav-item" role="presentation"> <a class="nav-link" id="tab2-3" data-bs-toggle="tab" href="#tab3-2" role="tab" aria-controls="tab3-2" aria-selected="false">Tab 2</a> </li>
                          <li class="nav-item" role="presentation"> <a class="nav-link" id="tab3-3" data-bs-toggle="tab" href="#tab-3-3" role="tab" aria-controls="Tab 3" aria-selected="false">Tab 3</a> </li>
                          <li class="nav-item" role="presentation"> <a class="nav-link" id="tab4-3" data-bs-toggle="tab" href="#tab-3-4" role="tab" aria-controls="Tab 4" aria-selected="false">Tab 4</a> </li>
                          <li class="nav-item" role="presentation"> <a class="nav-link" id="tab5-3-tab" data-bs-toggle="tab" href="#tab-3-5" role="tab" aria-controls="Online Marketing" aria-selected="false">Tab 5</a> </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                          <div class="tab-pane fade show active" id="tab-3-1" role="tabpanel" aria-labelledby="tab3-1-tab">
                            <div class="container">
                              <div class="tab-3-1-content">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                              </div>
                            </div>
                          </div>
                          <div class="tab-pane fade" id="tab3-2" role="tabpanel" aria-labelledby="tab3-2-tab">
                            <div class="tab-3-1-content">
                              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                            </div>
                          </div>
                          <div class="tab-pane fade" id="tab-3-3" role="tabpanel" aria-labelledby="tab2-3-tab">
                            <div class="tab-3-1-content">
                              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                            </div>
                          </div>
                          <div class="tab-pane fade" id="tab-3-4" role="tabpanel" aria-labelledby="tab4-3">
                            <div class="tab-3-1-content">
                              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                            </div>
                          </div>
                          <div class="tab-pane fade" id="tab-3-5" role="tabpanel" aria-labelledby="tab5-3-tab">
                            <div class="tab-3-1-content">
                              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into elec tronic type.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                
              Copy to clipboard