Tabs

Home
Tabs

Tab Style 01

Planning
Marketing
Growth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis 01.

Copy

copy


<div class="horizontaltab">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i> Planning</li>
        <li><i class="fas fa-cog"></i> Marketing</li>
        <li><i class="fas fa-flask"></i> Growth</li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis 01.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis 02.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis 03.

        </div>
    </div>
</div>

Tab Style 02

Planning
Marketing
Growth

Responsive Tab 1
Responsive Tab 2
Responsive Tab 3
Long name Responsive Tab 4

Lorem ipsum dolor sit amet, lerisque commodo. Nam porta cursus lectusconsectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales sce. Proin nunc erat, gravida a facilisis quis, ornare id lectus

Suspendisse blandit velit Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravid urna gravid eget erat suscipit in malesuada odio venenatis.

d ut ornare non, volutpat vel tortor. InLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.t in malesuada odio venenatis.

Copy

copy


<div class="horizontaltab">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i> Planning</li>
        <li><i class="fas fa-cog"></i> Marketing</li>
        <li><i class="fas fa-flask"></i> Growth</li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>

            <!--vertical Tabs-->

            <div class="childverticaltab">
                <ul class="resp-tabs-list ver_1">
                    <li>Responsive Tab 1</li>
                    <li>Responsive Tab 2</li>
                    <li>Responsive Tab 3</li>
                    <li>Long name Responsive Tab 4</li>
                </ul>
                <div class="resp-tabs-container ver_1">
                    <div>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
                        quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.
                    </div>
                    <div>
                        Lorem ipsum dolor sit amet, lerisque commodo. Nam porta cursus lectusconsectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales sce. Proin nunc erat, gravida a facilisis
                        quis, ornare id lectus
                    </div>
                    <div>
                        Suspendisse blandit velit Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis Integer laoreet placerat suscipit. Sed sodales
                        scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravid urna gravid eget erat suscipit in malesuada odio venenatis.
                    </div>
                    <div>
                        d ut ornare non, volutpat vel tortor. InLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus.
                        Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.t in malesuada odio venenatis.
                    </div>
                </div>
            </div>

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
    </div>
</div>

Tab Style 03

Vertical 1
Vertical 2
Vertical 3

Tab 1 Container

Lorem consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis.

Tab 2 Container

Tab 3 Container

Copy

copy


<div class="verticaltab">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i> Vertical 1</li>
        <li><i class="fas fa-medkit"></i> Vertical 2</li>
        <li><i class="fas fa-medkit"></i> Vertical 3</li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            Lorem ipsum dolor sit amet, lerisque commodo. Nam porta cursus lectusconsectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales sce. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus.
            <br>
            <br>
            <p>Tab 1 Container</p>
        </div>
        <div>
            Lorem consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus.
            Proin consectetur nibh quis.
            <br>
            <br>
            <p>Tab 2 Container</p>
        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.
            <br>
            <br>
            <p>Tab 3 Container</p>
        </div>
    </div>
</div>

Tab Style 04

Planning
Marketing
Growth

Copy

copy


<div class="horizontaltab tab-style1">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i> Planning</li>
        <li><i class="fas fa-cog"></i> Marketing</li>
        <li><i class="fas fa-flask"></i> Growth</li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
    </div>
</div>

Tab Style 05

Planning
Marketing
Growth

Copy

copy


<div class="horizontaltab tab-style2">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i> Planning</li>
        <li><i class="fas fa-cog"></i> Marketing</li>
        <li><i class="fas fa-flask"></i> Growth</li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
    </div>
</div>

Tab Style 06

Pharmacy
Nnde omnis iste
Marketing
Nnde omnis iste
Growth
Nnde omnis iste

Copy

copy


<div class="horizontaltab tab-style3">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i>
            <div class="tab-box">
                <h6>Pharmacy</h6><span>Nnde omnis iste</span>
            </div>
        </li>
        <li><i class="fas fa-cog"></i>
            <div class="tab-box">
                <h6>Marketing</h6><span>Nnde omnis iste</span>
            </div>
        </li>
        <li><i class="fas fa-flask"></i>
            <div class="tab-box">
                <h6>Growth</h6><span>Nnde omnis iste</span>
            </div>
        </li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis
            quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.

        </div>
    </div>
</div>

Tab Style 07

Discover
Planning
Marketing
Growth

Integration of business

Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.

Exclusive design
Life time supports
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Vision to planning

Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Life time supports
Exclusive design
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Plan to marketing

Ready site integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Creating Stunning design
Solve your problem with us
Grow your business
We Provide Awesome Services
Exclusive design

Start to growth

Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Research & Devloping
Fully customizable
Solve your problem faster
There are many variations
Your business deserves best software

Copy

copy


<div class="horizontaltab tab-style5">
    <ul class="resp-tabs-list hor_1">
        <li>Discover</li>
        <li>Planning</li>
        <li>Marketing</li>
        <li>Growth</li>
    </ul>
    <div class="resp-tabs-container hor_1 p-0">
        <div>

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 mb-4 mb-lg-0 text-center text-lg-start">
                        <div class="box-shadow-large p-2">
                            <img src="img/content/content-04.jpg" alt="...">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="ps-lg-1-9">
                            <h3>Integration of business</h3>
                            <p>Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.</p>

                            <ul class="list-style-16">
                                <li>Exclusive design</li>
                                <li>Life time supports</li>
                                <li>Solve your problem with us</li>
                                <li>We Provide Awesome Services</li>
                                <li>Your business deserves best software</li>
                            </ul>

                        </div>

                    </div>
                </div>
            </div>

        </div>
        <div>

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-lg-1 order-2">
                        <div class="pe-lg-1-9">
                            <h3>Vision to planning</h3>
                            <p>Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                            <ul class="list-style-16">
                                <li>Life time supports</li>
                                <li>Exclusive design</li>
                                <li>Solve your problem with us</li>
                                <li>We Provide Awesome Services</li>
                                <li>Your business deserves best software</li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-lg-6 order-lg-2 order-1 text-center text-lg-start mb-4 mb-lg-0">
                        <div class="box-shadow-large p-2">
                            <img src="img/content/content-01.jpg" alt="...">
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div>

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 mb-4 mb-lg-0 text-center text-lg-start">
                        <div class="box-shadow-large p-2">
                            <img src="img/content/content-02.jpg" alt="...">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="ps-lg-1-9">
                            <h3>Plan to marketing</h3>
                            <p>Ready site integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                            <ul class="list-style-16">
                                <li>Creating Stunning design</li>
                                <li>Solve your problem with us</li>
                                <li>Grow your business</li>
                                <li>We Provide Awesome Services</li>
                                <li>Exclusive design</li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div>

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-lg-1 order-2">
                        <div class="pe-lg-1-9">
                            <h3>Start to growth</h3>
                            <p>Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                            <ul class="list-style-16">
                                <li>Research & Devloping</li>
                                <li>Fully customizable</li>
                                <li>Solve your problem faster</li>
                                <li>There are many variations</li>
                                <li>Your business deserves best software</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 order-lg-2 order-1 text-center text-lg-start mb-4 mb-lg-0">
                        <div class="box-shadow-large p-2">
                            <img src="img/content/content-03.jpg" alt="...">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

Tab Style 08

01

Planning
Vision to plan
02

Marketing
Plan to market
03

Growth
Start to growth

Vision to planning

Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.

Exclusive design
Life time supports
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Plan to marketing

Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Life time supports
Exclusive design
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Start to growth

Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.

Exclusive design
Life time supports
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Copy

copy


<div class="horizontaltab tab-style4">
    <ul class="resp-tabs-list hor_1">
        <li class="ms-4"><span class="count display-5 display-md-2 alt-font font-weight-700">01</span>
            <div class="tab-box">
                <h6>Planning</h6><span>Vision to plan</span>
            </div>
        </li>
        <li class="ms-4"><span class="count display-5 display-md-2 alt-font font-weight-700">02</span>
            <div class="tab-box">
                <h6>Marketing</h6><span>Plan to market</span>
            </div>
        </li>
        <li><span class="count display-5 display-md-2 alt-font font-weight-700">03</span>
            <div class="tab-box">
                <h6>Growth</h6><span>Start to growth</span>
            </div>
        </li>
    </ul>
    <div class="resp-tabs-container box-shadow-large bg-white hor_1">
        <div>

            <div class="bg-white box-shadow-primary p-3">
                <div class="row align-items-center">
                    <div class="col-lg-6 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/content-01.jpg" alt="...">
                    </div>
                    <div class="col-lg-6">
                        <div class="ps-lg-1-9">
                            <h3 class="h5">Vision to planning</h3>
                            <p>Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.</p>

                            <ul class="list-style-16">
                                <li>Exclusive design</li>
                                <li>Life time supports</li>
                                <li>Solve your problem with us</li>
                                <li>We Provide Awesome Services</li>
                                <li>Your business deserves best software</li>
                            </ul>

                        </div>

                    </div>
                </div>
            </div>

        </div>
        <div>

            <div class="bg-white box-shadow-primary p-3">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-lg-1 order-2">
                        <div class="pe-1-9">
                            <h3 class="h5">Plan to marketing</h3>
                            <p>Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                            <ul class="list-style-16">
                                <li>Life time supports</li>
                                <li>Exclusive design</li>
                                <li>Solve your problem with us</li>
                                <li>We Provide Awesome Services</li>
                                <li>Your business deserves best software</li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-lg-6 order-lg-2 order-1 text-center text-lg-start mb-4 mb-lg-0">
                        <img src="img/content/content-02.jpg" alt="...">
                    </div>
                </div>
            </div>

        </div>
        <div>

            <div class="bg-white box-shadow-primary p-3">
                <div class="row align-items-center">
                    <div class="col-lg-6 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/content-03.jpg" alt="...">
                    </div>
                    <div class="col-lg-6">
                        <div class="ps-lg-1-9">
                            <h3 class="h5">Start to growth</h3>
                            <p>Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.</p>

                            <ul class="list-style-16">
                                <li>Exclusive design</li>
                                <li>Life time supports</li>
                                <li>Solve your problem with us</li>
                                <li>We Provide Awesome Services</li>
                                <li>Your business deserves best software</li>
                            </ul>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

Tab Style 09

Build perfect website

Build website for your life.
Unique digital experience

Build website for your life.
Handcrafted templates

Build website for your life.

Copy

copy


<div class="verticaltab tab-style8">
    <ul class="resp-tabs-list hor_1">
        <li id="tab1">

            <div class="d-flex align-items-center align-items-lg-start">
                <div class="flex-shrink-0">
                    <i class="ti-world display-17"></i>
                </div>
                <div class="flex-grow-1 ms-3">
                    <h4 class="mb-0">Build perfect website</h4>
                    <div class="d-none d-lg-block mt-1">
                        <p class="mb-0">Build website for your life.</p>
                    </div>
                </div>
            </div>

        </li>
        <li id="tab2">

            <div class="d-flex align-items-center align-items-lg-start">
                <div class="flex-shrink-0">
                    <i class="ti-mobile display-17"></i>
                </div>
                <div class="flex-grow-1 ms-3">
                    <h4 class="mb-0">Unique digital experience</h4>
                    <div class="d-none d-lg-block mt-1">
                        <p class="mb-0">Build website for your life.</p>
                    </div>
                </div>
            </div>

        </li>
        <li id="tab3">
            <div class="d-flex align-items-center align-items-lg-start">
                <div class="flex-shrink-0">
                    <i class="ti-layers display-17"></i>
                </div>
                <div class="flex-grow-1 ms-3">
                    <h4 class="mb-0">Handcrafted templates</h4>
                    <div class="d-none d-lg-block mt-1">
                        <p class="mb-0">Build website for your life.</p>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div id="first">
            <img src="img/content/tab-content-01.jpg" alt="..." class="rounded">
        </div>
        <div id="second">
            <img src="img/content/tab-content-02.jpg" alt="..." class="rounded">
        </div>
        <div id="third">
            <img src="img/content/tab-content-03.jpg" alt="..." class="rounded">
        </div>
    </div>
</div>

Tab Style 10

Discover
Planning
Marketing
Growth

Integration of business

Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.

Exclusive design
Life time supports
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Vision to planning

Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Life time supports
Exclusive design
Solve your problem with us
We Provide Awesome Services
Your business deserves best software

Plan to marketing

Ready site integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Creating Stunning design
Solve your problem with us
Grow your business
We Provide Awesome Services
Exclusive design

Start to growth

Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.

Research & Devloping
Fully customizable
Solve your problem faster
There are many variations
Your business deserves best software

Copy

copy


<div class="horizontaltab tab-style9">
    <ul class="resp-tabs-list hor_1 mx-auto text-center mb-5">
        <li>Discover</li>
        <li>Planning</li>
        <li>Marketing</li>
        <li>Growth</li>
    </ul>
    <div class="resp-tabs-container hor_1 p-0">
        <div>
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4 mb-lg-0">
                    <div class="pe-lg-1-9">
                        <h3>Integration of business</h3>
                        <p>Duis Integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non design proident.</p>

                        <ul class="list-style-14">
                            <li>Exclusive design</li>
                            <li>Life time supports</li>
                            <li>Solve your problem with us</li>
                            <li>We Provide Awesome Services</li>
                            <li>Your business deserves best software</li>
                        </ul>

                    </div>

                </div>
                <div class="col-lg-6 text-center text-lg-start">
                    <div>
                        <img src="img/content/tab-1.jpg" class="border-radius-10 tilt" alt="...">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="row align-items-center">
                <div class="col-lg-6 text-center text-lg-start mb-4 mb-lg-0">
                    <div>
                        <img src="img/content/tab-2.jpg" class="tilt border-radius-10" alt="...">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="ps-lg-1-9">
                        <h3>Vision to planning</h3>
                        <p>Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                        <ul class="list-style-14">
                            <li>Life time supports</li>
                            <li>Exclusive design</li>
                            <li>Solve your problem with us</li>
                            <li>We Provide Awesome Services</li>
                            <li>Your business deserves best software</li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <div>
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4 mb-lg-0">
                    <div class="pe-lg-1-9">
                        <h3>Plan to marketing</h3>
                        <p>Ready site integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                        <ul class="list-style-14">
                            <li>Creating Stunning design</li>
                            <li>Solve your problem with us</li>
                            <li>Grow your business</li>
                            <li>We Provide Awesome Services</li>
                            <li>Exclusive design</li>

                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 text-center text-lg-start">
                    <div>
                        <img src="img/content/tab-3.jpg" class="tilt border-radius-10" alt="...">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4 mb-lg-0 text-center text-lg-start">
                    <div>
                        <img src="img/content/tab-4.jpg" class="tilt border-radius-10" alt="...">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="ps-lg-1-9">
                        <h3>Start to growth</h3>
                        <p>Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>

                        <ul class="list-style-14">
                            <li>Research & Devloping</li>
                            <li>Fully customizable</li>
                            <li>Solve your problem faster</li>
                            <li>There are many variations</li>
                            <li>Your business deserves best software</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>