{% load static %}
<div id="overview" class="process-area default-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-6 thumb">
                <img src="{% static 'file/home/img/illustrations/5.svg' %}" alt="Thumb">
            </div>
            <div class="col-md-6 info">
                <h4>How it works</h4>
                <h2>Designed for startups with expert developer</h2>
                <!-- Tab Nav -->
                <div class="tab-navigation text-center">
                    <ul class="nav nav-pills">
                        <li class="active">
                            <a data-toggle="tab" href="#tab1" aria-expanded="true">
                                Optimization
                            </a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab2" aria-expanded="false">
                                Integration
                            </a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab3" aria-expanded="false">
                                Performance
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- End Tab Nav -->
                <!-- Start Tab Content -->
                <div class="tab-content">

                    <!-- Start Single Item -->
                    <div id="tab1" class="tab-pane fade active in">
                        <div class="info">
                            <p>
                                Celebrated conviction stimulated principles day. Sure fail or in said west. Right my
                                front it wound cause fully am sorry if. She jointure goodness interest debating did
                                outweigh. Is time from them.
                            </p>
                            <ul>
                                <li>
                                    <h5>Amazingly Simple Use</h5>
                                    Certainty arranging am smallness by conveying
                                </li>
                                <li>
                                    <h5>Clear Documentation</h5>
                                    Frankness pronounce daughters remainder extensive
                                </li>
                                <li>
                                    <h5>Flexible user interface</h5>
                                    Outward general passage another as it. Very his are come man walk one next.
                                    Delighted prevailed supported
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Item -->

                    <!-- Start Single Item -->
                    <div id="tab2" class="tab-pane fade">
                        <div class="info">
                            <p>
                                Consulted or acuteness dejection an smallness if. Outward general passage another as it.
                                Very his are come man walk one next. partiality affronting unpleasant why add. Esteem
                                garden men yet shy course Consulted.
                            </p>
                            <ul>
                                <li>
                                    <h5>Amazingly Simple Use</h5>
                                    Certainty arranging am smallness by conveying
                                </li>
                                <li>
                                    <h5>Clear Documentation</h5>
                                    Frankness pronounce daughters remainder extensive
                                </li>
                                <li>
                                    <h5>Flexible user interface</h5>
                                    Outward general passage another as it. Very his are come man walk one next.
                                    Delighted prevailed supported
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Item -->

                    <!-- Start Single Item -->
                    <div id="tab3" class="tab-pane fade">
                        <div class="info">
                            <p>
                                Celebrated conviction stimulated principles day. Sure fail or in said west. Right my
                                front it wound cause fully am sorry if. She jointure goodness interest debating did
                                outweigh. Is time from them.
                            </p>
                            <ul>
                                <li>
                                    <h5>Amazingly Simple Use</h5>
                                    Certainty arranging am smallness by conveying
                                </li>
                                <li>
                                    <h5>Clear Documentation</h5>
                                    Frankness pronounce daughters remainder extensive
                                </li>
                                <li>
                                    <h5>Flexible user interface</h5>
                                    Outward general passage another as it. Very his are come man walk one next.
                                    Delighted prevailed supported
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Item -->
                </div>
                <!-- End Tab Content -->
            </div>
        </div>
    </div>
</div>