Amava - Startup Agency and SasS Business Template

Style 1

Analysis

A complete analysis ready to help you
Execution

A complete execution ready to help you
Release

A complete feature ready to help you


<div class="verticaltab vtab-style1">
    <div class="row align-items-center justify-content-center">
        <div class="col-lg-5 col-xl-4">

            <ul class="resp-tabs-list hor_1">
                <li class="tab1">
                    <span class="icon-circle green align-middle">
                        <span class="ti-bar-chart"></span>
                    </span>
                    <div class="tab-desc">
                        <h4 class="h5">Analysis</h4>
                        <p class="mb-0 font-weight-400">A complete analysis ready to help you</p>
                    </div>
                </li>
                <li class="tab2"><span class="icon-circle orange align-middle">
                        <span class="ti-write"></span>
                    </span>
                    <div class="tab-desc">
                        <h4 class="h5">Execution</h4>
                        <p class="mb-0 font-weight-400">A complete execution ready to help you</p>
                    </div>
                </li>
                <li class="tab3"><span class="icon-circle blue align-middle">
                        <span class="ti-rocket"></span>
                    </span>
                    <div class="tab-desc">
                        <h4 class="h5">Release</h4>
                        <p class="mb-0 font-weight-400">A complete feature ready to help you</p>
                    </div>
                </li>
            </ul>

        </div>
        <div class="col-lg-7 col-xl-6 offset-xl-1">
            <div class="resp-tabs-container hor_1">
                <div class="first tabs_div">
                    <img src="img/content/tab-01.png" alt="..." class="box-shadow-large rounded">
                </div>
                <div class="second tabs_div">
                    <img src="img/content/tab-02.png" alt="..." class="box-shadow-large rounded">
                </div>
                <div class="third tabs_div">
                    <img src="img/content/tab-03.png" alt="..." class="box-shadow-large rounded">
                </div>
            </div>
        </div>
    </div>
</div>

Style 2

Discover
Planning
Design
Development
Launch

Integration of design

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

Let’s build something great

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

Now ready for design

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

Connect with development.

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

You have a ready site

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

One click and site ready to use
Launch Your Project
Solve your problem with us
We Provide Awesome Services
Exclusive design

Copy

copy


<div class="horizontaltab tab-style01">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fab fa-renren"></i><span class="d-lg-block d-md-inline-block align-top">Discover</span></li>
        <li><i class="far fa-chart-bar"></i><span class="d-lg-block d-md-inline-block align-top">Planning</span></li>
        <li><i class="fas fa-code"></i><span class="d-lg-block d-md-inline-block align-top">Design</span></li>
        <li><i class="fas fa-database"></i><span class="d-lg-block d-md-inline-block align-top">Development</span></li>
        <li><i class="fas fa-rocket"></i><span class="d-lg-block d-md-inline-block align-top">Launch</span></li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/tab-content-01.png" alt="..." class="img-effect">
                    </div>
                    <div class="col-lg-5 offset-lg-1">

                        <h3 class="h4 mb-4">Integration of design</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 mb-0 ps-0">
                            <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 class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 order-lg-1 order-2">
                        <h3 class="h4 mb-4">Let’s build something great</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 mb-0 ps-0">
                            <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 class="col-lg-5 offset-lg-1 order-lg-2 order-1 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/tab-content-05.png" alt="..." class="img-effect">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/tab-content-04.png" alt="..." class="img-effect">
                    </div>
                    <div class="col-lg-5 offset-lg-1">
                        <h3 class="h4 mb-4">Now ready for design</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 mb-0 ps-0">
                            <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 class="container">
                <div class="row">
                    <div class="col-lg-5 order-lg-1 order-2">
                        <h3 class="h4 mb-4">Connect with development.</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 mb-0 ps-0">
                            <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 class="col-lg-5 offset-lg-1 order-lg-2 order-1 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/tab-content-02.png" alt="..." class="img-effect">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 mb-4 mb-lg-0 text-center text-lg-start">
                        <img src="img/content/tab-content-03.png" alt="..." class="img-effect">
                    </div>
                    <div class="col-lg-5 offset-lg-1">
                        <h3 class="h4 mb-4">You have a ready site</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 mb-0 ps-0">
                            <li>One click and site ready to use</li>
                            <li>Launch Your Project</li>
                            <li>Solve your problem with us</li>
                            <li>We Provide Awesome Services</li>
                            <li>Exclusive design</li>

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

Style 3

Collaboration
UI/UX design
Easy to maintain

Some unique features and awesome experience

Unlimited Possibilities

Our business and the force behind our innovations for successful remote
Easy to Customize

We create a simple and faster template with responsive ready to use solutions

Work Management solution and quick to gain visibility

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Exclusive design
We Provide Awesome Services
Your business deserves best design

Powerful tool for your better communication

Deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste ut pertis unde omnis anim id est laborum iste

Voluptas sit aspernatur aut odit aut fugit, sed quia equuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.

Copy

copy


<div class="horizontaltab tab-style2">
    <ul class="resp-tabs-list hor_1">
        <li class="tab1">Collaboration</li>
        <li class="tab2">UI/UX design</li>
        <li class="tab3">Easy to maintain</li>
    </ul>

    <div class="resp-tabs-container hor_1">
        <div class="first">

            <div class="row align-items-center">

                <div class="col-lg-7 mb-5 mb-lg-0 pe-lg-6">
                    <img src="img/content/content-16.svg" alt="...">
                </div>

                <div class="col-lg-5">
                    <h3 class="mb-2-8">Some unique features and awesome experience </h3>
                    <ul class="list-unstyled m-0 p-0">
                        <li class="mb-5">
                            <div class="d-flex">
                                <div class="me-4">
                                    <i class="ti-vector display-20 text-primary"></i>
                                </div>
                                <div class="w-100">
                                    <h4 class="h5">Unlimited Possibilities</h4>
                                    <p class="m-0 w-90">Our business and the force behind our innovations for successful remote</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex">
                                <div class="me-4">
                                    <i class="ti-lock display-20 text-primary"></i>
                                </div>
                                <div class="w-100">
                                    <h4 class="h5">Easy to Customize</h4>
                                    <p class="m-0 w-90">We create a simple and faster template with responsive ready to use solutions</p>
                                </div>
                            </div>
                        </li>
                    </ul>

                </div>

            </div>

        </div>
        <div class="second">

            <div class="row align-items-center">

                <div class="col-lg-7 mb-5 mb-lg-0 pe-lg-6">
                    <img src="img/content/content-17.svg" alt="...">
                </div>

                <div class="col-lg-5">

                    <h3 class="mb-2-6">Work Management solution and quick to gain visibility</h3>
                    <p class="display-28 mb-2-2">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>

                    <ul class="list-style4 mb-0 p-0">
                        <li>
                            Exclusive design
                        </li>
                        <li>
                            We Provide Awesome Services
                        </li>
                        <li>
                            Your business deserves best design
                        </li>
                    </ul>

                </div>

            </div>

        </div>

        <div class="third">

            <div class="row align-items-center">

                <div class="col-lg-7 mb-5 mb-lg-0 pe-lg-6">
                    <img src="img/content/content-18.svg" alt="...">
                </div>

                <div class="col-lg-5">
                    <h3 class="mb-2-6">Powerful tool for your better communication</h3>
                    <p class="mb-4">Deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste ut pertis unde omnis anim id est laborum iste</p>

                    <p class="bg-light-greyer p-4 display-30 mb-1-9">Voluptas sit aspernatur aut odit aut fugit, sed quia equuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>

                </div>

            </div>

        </div>

    </div>
</div>

Style 4

Idea
Planning
Strategy
Success

Introducing Ideas that transform your business

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem eos qui ratione voluptatem sequi nesciunt cupidatat.

Effective business planning can be the key to your success

It defines what the business needs to do to reach its goals

The key of business success is customer satisfaction

Copy

copy


<div class="horizontaltab tab-style02">
    <ul class="resp-tabs-list hor_1">
        <li class="tab1"><i class="ti-rocket"></i><span>Idea</span></li>
        <li class="tab2"><i class="ti-paint-roller"></i><span>Planning</span></li>
        <li class="tab3"><i class="ti-mouse-alt"></i><span>Strategy</span></li>
        <li class="tab4"><i class="ti-filter"></i><span>Success</span></li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div class="first">
            <div class="row justify-content-center">
                <div class="col-lg-11">
                    <div class="row align-items-center">
                        <div class="col-lg-5 order-2 order-lg-1">
                            <div class="tab-box rounded">
                                <h3 class="mb-1-6">Introducing Ideas that transform your business</h3>
                                <p class="display-30">
                                    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem eos qui ratione voluptatem sequi nesciunt cupidatat.
                                </p>
                                <a href="#!" class="text-primary">read more...</a>
                            </div>
                        </div>
                        <div class="col-lg-7 order-1 order-lg-2 mb-4 mb-lg-0">
                            <div class="tab-img">
                                <img src="img/content/tab-01.jpg" class="rounded" alt="...">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="second">
            <div class="row justify-content-center">
                <div class="col-lg-11">
                    <div class="row align-items-center">
                        <div class="col-lg-7 mb-4 mb-lg-0">
                            <div class="tab-img right">
                                <img src="img/content/tab-02.jpg" class="rounded" alt="...">
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="tab-box left rounded">
                                <h3 class="mb-1-6">Effective business planning can be the key to your success</h3>
                                <p class="display-30">
                                    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem eos qui ratione voluptatem sequi nesciunt cupidatat.
                                </p>
                                <a href="#!" class="text-primary">read more...</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="third">
            <div class="row justify-content-center">
                <div class="col-lg-11">
                    <div class="row align-items-center">
                        <div class="col-lg-5 order-2 order-lg-1">
                            <div class="tab-box rounded">
                                <h3 class="mb-1-6">It defines what the business needs to do to reach its goals</h3>
                                <p class="display-30">
                                    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem eos qui ratione voluptatem sequi nesciunt cupidatat.
                                </p>
                                <a href="#!" class="text-primary">read more...</a>
                            </div>
                        </div>
                        <div class="col-lg-7 order-1 order-lg-2 mb-4 mb-lg-0">
                            <div class="tab-img">
                                <img src="img/content/tab-03.jpg" class="rounded" alt="...">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="four">
            <div class="row justify-content-center">
                <div class="col-lg-11">
                    <div class="row align-items-center">
                        <div class="col-lg-7 mb-4 mb-lg-0">
                            <div class="tab-img right">
                                <img src="img/content/tab-04.jpg" class="rounded" alt="...">
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="tab-box left rounded">
                                <h3 class="mb-1-6">The key of business success is customer satisfaction</h3>
                                <p class="display-30">
                                    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem eos qui ratione voluptatem sequi nesciunt cupidatat.
                                </p>
                                <a href="#!" class="text-primary">read more...</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Tabs

Style 1

Analysis

Execution

Release

Style 2

Integration of design

Let’s build something great

Now ready for design

Connect with development.

You have a ready site

Style 3

Some unique features and awesome experience

Unlimited Possibilities

Easy to Customize

Work Management solution and quick to gain visibility

Powerful tool for your better communication

Style 4

Introducing Ideas that transform your business

Effective business planning can be the key to your success

It defines what the business needs to do to reach its goals

The key of business success is customer satisfaction