- var theme_customizer      = true;

doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-sm-6
                                    h3
                                      | Bootstrap Tabs
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         | Home
                                      li.breadcrumb-item Base
                                      li.breadcrumb-item Tabs
                                      li.breadcrumb-item.active Bootstrap Tabs
                                .col-sm-6
                                  include ../../components/bookmark
                    // Container-fluid starts                    
                    .container-fluid
                      .row
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Basic Tabs
                            .card-body
                              ul#myTab.nav.nav-tabs(role='tablist')
                                li.nav-item
                                  a#home-tab.nav-link.active(data-bs-toggle='tab', href='#home', role='tab', aria-controls='home', aria-selected='true') Home
                                li.nav-item.dropdown
                                  a.nav-link.dropdown-toggle(data-bs-toggle='dropdown', href='#', role='button', aria-haspopup='true', aria-expanded='false') Dropdown
                                  .dropdown-menu
                                    a#profile-tab.dropdown-item(data-bs-toggle='tab', href='#profile', role='tab', aria-controls='profile', aria-selected='false') Action
                                    a.dropdown-item(href='#') Another action
                                    a.dropdown-item(href='#') Something else here
                                    a.dropdown-item(href='#') Separated link
                                li.nav-item
                                  a#profile-tabs.nav-link(data-bs-toggle='tab', href='#profile', role='tab', aria-controls='profile', aria-selected='false') Profile
                                li.nav-item
                                  a#contact-tab.nav-link(data-bs-toggle='tab', href='#contact', role='tab', aria-controls='contact', aria-selected='false') Contact
                              #myTabContent.tab-content
                                #home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='home-tab')
                                  p.mb-0.m-t-30
                                    | Tabs have long been used to show alternative views of the same group of information tabs in software. Known as “module tabs”, these are still used today in web sites. For instance, airline companies such as Ryanair, easyJet and AirMalta use module tabs to enable the user to switch between bookings for flights, hotels and car hire.
                                #profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                                  p.mb-0.m-t-30
                                    | Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.
                                #contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-tab')
                                  p.mb-0.m-t-30
                                    | Us Technology offers web & mobile development solutions for all industry verticals.Include a short form using fields that'll help your business understand who's contacting them.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Tabs bottom left Align
                            .card-body
                              #bottom-tabContent.tab-content
                                #bottom-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='bottom-home-tab')
                                  p.m-b-30
                                    | Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.
                                #bottom-profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-bottom-tab')
                                  p.m-b-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                                #bottom-contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-bottom-tab')
                                  p.m-b-30
                                    | interactive elements to build out your creative vision, then scale your content for different sizes or audiences with responsive and dynamic workflows.
                              ul#bottom-tab.nav.nav-tabs.nav-bottom(role='tablist')
                                li.nav-item
                                  a#bottom-home-tab.nav-link.active(data-bs-toggle='tab', href='#bottom-home', role='tab', aria-controls='bottom-home', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#profile-bottom-tab.nav-link(data-bs-toggle='tab', href='#bottom-profile', role='tab', aria-controls='profile-icon', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#contact-bottom-tab.nav-link(data-bs-toggle='tab', href='#bottom-contact', role='tab', aria-controls='contact-icon', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Tabs With Icon 
                            .card-body
                              ul#icon-tab.nav.nav-tabs(role='tablist')
                                li.nav-item
                                  a#icon-home-tab.nav-link.active(data-bs-toggle='tab', href='#icon-home', role='tab', aria-controls='icon-home', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#profile-icon-tab.nav-link(data-bs-toggle='tab', href='#profile-icon', role='tab', aria-controls='profile-icon', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#contact-icon-tab.nav-link(data-bs-toggle='tab', href='#contact-icon', role='tab', aria-controls='contact-icon', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #icon-tabContent.tab-content
                                #icon-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='icon-home-tab')
                                  p.mb-0.m-t-30
                                    | Site speed and design are two of the most important ranking factors Google takes into consideration, as they have the biggest effect of customer staying on site as the website respond faster.
                                #profile-icon.tab-pane.fade(role='tabpanel', aria-labelledby='profile-icon-tab')
                                  p.mb-0.m-t-30
                                    | If you are a business owner, your website is absolutely one of the most important tools you have in your arsenal to get more - and better - clients and customers or a good one from a great one? Here are 10 qualities that a great website will need.
                                #contact-icon.tab-pane.fade(role='tabpanel', aria-labelledby='contact-icon-tab')
                                  p.mb-0.m-t-30
                                    | It was an easy decision.an affordable expense! Absolutely! we got peace of mind. Now, my time is spent on the“Sale” and not on technology. Create product Builder tool is also pre-bundled in this template so that you can let the audience configure the product by themselves before placing the order.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Tabs Right Align
                            .card-body
                              ul#right-tab.nav.nav-tabs.nav-right(role='tablist')
                                li.nav-item
                                  a#right-home-tab.nav-link.active(data-bs-toggle='tab', href='#right-home', role='tab', aria-controls='right-home', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#profile-right-tab.nav-link(data-bs-toggle='tab', href='#right-profile', role='tab', aria-controls='profile-icon', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#contact-right-tab.nav-link(data-bs-toggle='tab', href='#right-contact', role='tab', aria-controls='contact-icon', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #right-tabContent.tab-content
                                #right-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='right-home-tab')
                                  p.mb-0.m-t-30
                                    | We are a small yet highly-skilled group of creative brains with a vast experience. Our team of web designers, online marketing experts, content writers, graphic professionals have completed numerous projects.
                                #right-profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-right-tab')
                                  p.mb-0.m-t-30
                                    | Typography: Typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader.Tooltip: A tooltip is a brief, informative message that appears when a user interacts with an element in a graphical user interface (GUI).
                                #right-contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-right-tab')
                                  p.mb-0.m-t-30
                                    | Site purpose Like a mission statement, a website's purpose gives the primary reason for the site's existence in the world. Whether for education, advocacy, service provision, community organizing, etc.Features It's important to figure out as many of these in advance as you can for the sake of a more coherent design.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Tabs Vertical
                            .card-body
                              .row
                                .col-sm-3.col-xs-12
                                  #v-pills-tab.nav.flex-column.nav-pills(role='tablist', aria-orientation='vertical')
                                    a#v-pills-home-tab.nav-link.active(data-bs-toggle='pill', href='#v-pills-home', role='tab', aria-controls='v-pills-home', aria-selected='true') Home
                                    a#v-pills-profile-tab.nav-link(data-bs-toggle='pill', href='#v-pills-profile', role='tab', aria-controls='v-pills-profile', aria-selected='false') Profile
                                    a#v-pills-messages-tab.nav-link(data-bs-toggle='pill', href='#v-pills-messages', role='tab', aria-controls='v-pills-messages', aria-selected='false') Messages
                                    a#v-pills-settings-tab.nav-link(data-bs-toggle='pill', href='#v-pills-settings', role='tab', aria-controls='v-pills-settings', aria-selected='false') Settings
                                .col-sm-9.col-xs-12
                                  #v-pills-tabContent.tab-content
                                    #v-pills-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='v-pills-home-tab')
                                      p
                                        | Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.
                                    #v-pills-profile.tab-pane.fade(role='tabpanel', aria-labelledby='v-pills-profile-tab')
                                      p
                                        | Us Technology offers web & mobile development solutions for all industry verticals.Include a short form using fields that'll help your business understand who's contacting them.
                                    #v-pills-messages.tab-pane.fade(role='tabpanel', aria-labelledby='v-pills-messages-tab')
                                      p
                                        | Tabs have long been used to show alternative views of the same group of information tabs in software. Known as “module tabs”, these are still used today in web sites. For instance, airline companies such as Ryanair, easyJet and AirMalta use module tabs to enable the user to switch between bookings for flights, hotels and car hire.
                                    #v-pills-settings.tab-pane.fade(role='tabpanel', aria-labelledby='v-pills-settings-tab')
                                      p
                                        | Smart headphones — also called smart earbuds or hearable — are high-tech in-ear devices that do more than transmit audio. These headphones are usually wireless, and they can sync up with your phone, tablet, computer or other Bluetooth-enabled device. The main appeal of hearables is convenience, as they allow you to complete common tasks without directly accessing your phone or computer.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Pill Tabs
                            .card-body
                              ul#pills-tab.nav.nav-pills(role='tablist')
                                li.nav-item
                                  a#pills-home-tab.nav-link.active(data-bs-toggle='pill', href='#pills-home', role='tab', aria-controls='pills-home', aria-selected='true') Home
                                    .media
                                li.nav-item
                                  a#pills-profile-tab.nav-link(data-bs-toggle='pill', href='#pills-profile', role='tab', aria-controls='pills-profile', aria-selected='false') Profile
                                li.nav-item
                                  a#pills-contact-tab.nav-link(data-bs-toggle='pill', href='#pills-contact', role='tab', aria-controls='pills-contact', aria-selected='false') Contact
                              #pills-tabContent.tab-content
                                #pills-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-home-tab')
                                  p.mb-0.m-t-30
                                    | Smart headphones — also called smart earbuds or hearable — are high-tech in-ear devices that do more than transmit audio. These headphones are usually wireless, and they can sync up with your phone, tablet, computer or other Bluetooth-enabled device. The main appeal of hearables is convenience, as they allow you to complete common tasks without directly accessing your phone or computer.
                                #pills-profile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-profile-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos
                                #pills-contact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-contact-tab')
                                  p.mb-0.m-t-30
                                    | Site speed and design are two of the most important ranking factors Google takes into consideration, as they have the biggest effect of customer staying on site as the website respond faster.
                        .col-sm-12.col-xl-6.xl-100
                          .card.height-equal
                            .card-header.pb-0
                              h5 Pill Tabs With Icon
                            .card-body
                              ul#pills-icontab.nav.nav-pills(role='tablist')
                                li.nav-item
                                  a#pills-iconhome-tab.nav-link.active(data-bs-toggle='pill', href='#pills-iconhome', role='tab', aria-controls='pills-iconhome', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-iconprofile-tab.nav-link(data-bs-toggle='pill', href='#pills-iconprofile', role='tab', aria-controls='pills-iconprofile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-iconcontact-tab.nav-link(data-bs-toggle='pill', href='#pills-iconcontact', role='tab', aria-controls='pills-iconcontact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-icontabContent.tab-content
                                #pills-iconhome.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-iconhome-tab')
                                  p.mb-0.m-t-30
                                    | Site speed and design are two of the most important ranking factors Google takes into consideration, as they have the biggest effect of customer staying on site as the website respond faster.
                                #pills-iconprofile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-iconprofile-tab')
                                  p.mb-0.m-t-30
                                    | It was an easy decision.an affordable expense! Absolutely! we got peace of mind. Now, my time is spent on the“Sale” and not on technology. Create product Builder tool is also pre-bundled in this template so that you can let the audience configure the product by themselves before placing the order.
                                #pills-iconcontact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-iconcontact-tab')
                                  p.mb-0.m-t-30
                                    | We are a small yet highly-skilled group of creative brains with a vast experience. Our team of web designers, online marketing experts, content writers, graphic professionals have completed numerous projects.
                        .col-sm-12.col-xl-6.xl-100
                          .card.height-equal
                            .card-header.pb-0
                              h5 Pill Dark color
                              span
                                | Add 
                                code .nav-*
                                |  class with nav class
                              span
                                | remove  
                                code nav-pill
                                |  class from pill style Tab
                            .card-body
                              ul#pills-darktab.nav.nav-dark(role='tablist')
                                li.nav-item
                                  a#pills-darkhome-tab.nav-link.active(data-bs-toggle='pill', href='#pills-darkhome', role='tab', aria-controls='pills-darkhome', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-darkprofile-tab.nav-link(data-bs-toggle='pill', href='#pills-darkprofile', role='tab', aria-controls='pills-darkprofile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-darkcontact-tab.nav-link(data-bs-toggle='pill', href='#pills-darkcontact', role='tab', aria-controls='pills-darkcontact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-darktabContent.tab-content
                                #pills-darkhome.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-darkhome-tab')
                                  p.mb-0.m-t-30
                                    | We are a small yet highly-skilled group of creative brains with a vast experience. Our team of web designers, online marketing experts, content writers, graphic professionals have completed numerous projects.
                                #pills-darkprofile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-darkprofile-tab')
                                  p.mb-0.m-t-30
                                    | Smart headphones — also called smart earbuds or hearable — are high-tech in-ear devices that do more than transmit audio. These headphones are usually wireless, and they can sync up with your phone, tablet, computer or other Bluetooth-enabled device. The main appeal of hearables is convenience, as they allow you to complete common tasks without directly accessing your phone or computer. Smart wireless headphones sync up to other devices using Bluetooth technology, and many of their features rely on data from your smartphone or computer.
                                #pills-darkcontact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-darkcontact-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Primary Color
                              span
                                | Add 
                                code .nav-primary
                                |  class with nav class
                            .card-body
                              ul#pills-warningtab.nav.nav-tabs.nav-primary(role='tablist')
                                li.nav-item
                                  a#pills-warninghome-tab.nav-link.active(data-bs-toggle='pill', href='#pills-warninghome', role='tab', aria-controls='pills-warninghome', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-warningprofile-tab.nav-link(data-bs-toggle='pill', href='#pills-warningprofile', role='tab', aria-controls='pills-warningprofile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-warningcontact-tab.nav-link(data-bs-toggle='pill', href='#pills-warningcontact', role='tab', aria-controls='pills-warningcontact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-warningtabContent.tab-content
                                #pills-warninghome.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-warninghome-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                                #pills-warningprofile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-warningprofile-tab')
                                  p.mb-0.m-t-30
                                    | Site speed and design are two of the most important ranking factors Google takes into consideration, as they have the biggest effect of customer staying on site as the website respond faster.
                                #pills-warningcontact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-warningcontact-tab')
                                  p.mb-0.m-t-30
                                    | Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Secondary Color
                              span
                                | Add 
                                code .nav-secondary
                                |  class with nav class
                            .card-body
                              ul#pills-successtab.nav.nav-pills.nav-secondary(role='tablist')
                                li.nav-item
                                  a#pills-successhome-tab.nav-link.active(data-bs-toggle='pill', href='#pills-successhome', role='tab', aria-controls='pills-successhome', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-successprofile-tab.nav-link(data-bs-toggle='pill', href='#pills-successprofile', role='tab', aria-controls='pills-successprofile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-successcontact-tab.nav-link(data-bs-toggle='pill', href='#pills-successcontact', role='tab', aria-controls='pills-successcontact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-successtabContent.tab-content
                                #pills-successhome.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-successhome-tab')
                                  p.mb-0.m-t-30
                                    | We are a small yet highly-skilled group of creative brains with a vast experience. Our team of web designers, online marketing experts, content writers, graphic professionals have completed numerous projects.
                                #pills-successprofile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-successprofile-tab')
                                  p.mb-0.m-t-30
                                    | Smart headphones — also called smart earbuds or hearable — are high-tech in-ear devices that do more than transmit audio. These headphones are usually wireless, and they can sync up with your phone, tablet, computer or other Bluetooth-enabled device. The main appeal of hearables is convenience, as they allow you to complete common tasks without directly accessing your phone or computer. Smart wireless headphones sync up to other devices using Bluetooth technology, and many of their features rely on data from your smartphone or computer.
                                #pills-successcontact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-successcontact-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Success Color
                              span
                                | Add 
                                code .nav-success
                                |  class with nav class
                            .card-body
                              ul#pills-clrtab.nav.nav-pills.nav-success(role='tablist')
                                li.nav-item
                                  a#pills-clrhome-tab.nav-link.active(data-bs-toggle='pill', href='#pills-clrhome', role='tab', aria-controls='pills-clrhome', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-clrprofile-tab.nav-link(data-bs-toggle='pill', href='#pills-clrprofile', role='tab', aria-controls='pills-clrprofile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-clrcontact-tab.nav-link(data-bs-toggle='pill', href='#pills-clrcontact', role='tab', aria-controls='pills-clrcontact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-clrtabContent.tab-content
                                #pills-clrhome.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-clrhome-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                                #pills-clrprofile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-clrprofile-tab')
                                  p.mb-0.m-t-30
                                    | Site speed and design are two of the most important ranking factors Google takes into consideration, as they have the biggest effect of customer staying on site as the website respond faster.
                                #pills-clrcontact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-clrcontact-tab')
                                  p.mb-0.m-t-30
                                    | Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Info Color
                              span
                                | Add 
                                code .nav-info
                                |  class with nav class
                            .card-body
                              ul#pills-infotab.nav.nav-pills.nav-info(role='tablist')
                                li.nav-item
                                  a#pills-infohome-tab.nav-link.active(data-bs-toggle='pill', href='#pills-infohome', role='tab', aria-controls='pills-infohome', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-infoprofile-tab.nav-link(data-bs-toggle='pill', href='#pills-infoprofile', role='tab', aria-controls='pills-infoprofile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-infocontact-tab.nav-link(data-bs-toggle='pill', href='#pills-infocontact', role='tab', aria-controls='pills-infocontact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-infotabContent.tab-content
                                #pills-infohome.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-infohome-tab')
                                  p.mb-0.m-t-30
                                    | We are a small yet highly-skilled group of creative brains with a vast experience. Our team of web designers, online marketing experts, content writers, graphic professionals have completed numerous projects.
                                #pills-infoprofile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-infoprofile-tab')
                                  p.mb-0.m-t-30
                                    | Smart headphones — also called smart earbuds or hearable — are high-tech in-ear devices that do more than transmit audio. These headphones are usually wireless, and they can sync up with your phone, tablet, computer or other Bluetooth-enabled device. The main appeal of hearables is convenience, as they allow you to complete common tasks without directly accessing your phone or computer. Smart wireless headphones sync up to other devices using Bluetooth technology, and many of their features rely on data from your smartphone or computer.
                                #pills-infocontact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-infocontact-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Warning Color
                              span
                                | Add 
                                code .nav-warning
                                |  class with nav class
                            .card-body
                              ul#pills-warning-tab.nav.nav-pills.nav-warning(role='tablist')
                                li.nav-item
                                  a#pills-warning-home-tab.nav-link.active(data-bs-toggle='pill', href='#pills-warning-home', role='tab', aria-controls='pills-warning-home', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-warning-profile-tab.nav-link(data-bs-toggle='pill', href='#pills-warning-profile', role='tab', aria-controls='pills-warning-profile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-warning-contact-tab.nav-link(data-bs-toggle='pill', href='#pills-warning-contact', role='tab', aria-controls='pills-warning-contact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-warning-tabContent.tab-content
                                #pills-warning-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-warning-home-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                                #pills-warning-profile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-warning-profile-tab')
                                  p.mb-0.m-t-30
                                    | Site speed and design are two of the most important ranking factors Google takes into consideration, as they have the biggest effect of customer staying on site as the website respond faster.
                                #pills-warning-contact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-warning-contact-tab')
                                  p.mb-0.m-t-30
                                    | Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.
                        .col-sm-12.col-xl-6.xl-100
                          .card
                            .card-header.pb-0
                              h5 Danger Color
                              span
                                | Add 
                                code .nav-danger
                                |  class with nav class
                            .card-body
                              ul#pills-danger-tab.nav.nav-pills.nav-danger(role='tablist')
                                li.nav-item
                                  a#pills-danger-home-tab.nav-link.active(data-bs-toggle='pill', href='#pills-danger-home', role='tab', aria-controls='pills-danger-home', aria-selected='true')
                                    i.icofont.icofont-ui-home
                                    | Home
                                li.nav-item
                                  a#pills-danger-profile-tab.nav-link(data-bs-toggle='pill', href='#pills-danger-profile', role='tab', aria-controls='pills-danger-profile', aria-selected='false')
                                    i.icofont.icofont-man-in-glasses
                                    | Profile
                                li.nav-item
                                  a#pills-danger-contact-tab.nav-link(data-bs-toggle='pill', href='#pills-danger-contact', role='tab', aria-controls='pills-danger-contact', aria-selected='false')
                                    i.icofont.icofont-contacts
                                    | Contact
                              #pills-danger-tabContent.tab-content
                                #pills-danger-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='pills-danger-home-tab')
                                  p.mb-0.m-t-30
                                    | We are a small yet highly-skilled group of creative brains with a vast experience. Our team of web designers, online marketing experts, content writers, graphic professionals have completed numerous projects.
                                #pills-danger-profile.tab-pane.fade(role='tabpanel', aria-labelledby='pills-danger-profile-tab')
                                  p.mb-0.m-t-30
                                    | Smart headphones — also called smart earbuds or hearable — are high-tech in-ear devices that do more than transmit audio. These headphones are usually wireless, and they can sync up with your phone, tablet, computer or other Bluetooth-enabled device. The main appeal of hearables is convenience, as they allow you to complete common tasks without directly accessing your phone or computer. Smart wireless headphones sync up to other devices using Bluetooth technology, and many of their features rely on data from your smartphone or computer.
                                #pills-danger-contact.tab-pane.fade(role='tabpanel', aria-labelledby='pills-danger-contact-tab')
                                  p.mb-0.m-t-30
                                    | This product is meant for educational purposes only. Any resemblance to real persons, living or dead is purely coincidental. Void where prohibited. Some assembly required. List each check separately by bank number. Batteries not included.Google Web Designer gives you the power to create beautiful and compelling videos, images and HTML5 ads.
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files   
