{% extends 'home/base/base.html' %}
{% load static %}
{% block content%}
<!-- Preloader Start -->
<div class="se-pre-con"></div>
<!-- Preloader Ends -->

<!-- Header
============================================= -->
{% include 'home/base/header.html' %}
<!-- End Header -->

<!-- Start Banner
   ============================================= -->
{% include 'home/base/banner.html' %}
<!-- End Banner -->

<!-- Start Our feature
    ============================================= -->
{% include 'home/base/feature.html' %}
<!-- End Our Features -->

<!-- Start Our About
    ============================================= -->
{% include 'home/base/about.html' %}
<!-- End Our About -->

<!-- Start Services Area
    ============================================= -->
<div id="services" class="services-area half-bg default-padding-top bottom-less">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="site-heading text-center">
                    <h4>What we offer</h4>
                    <h2>Our <strong>Services</strong></h2>
                    <p>
                        Described questions for recommend advantage belonging estimable had. Pianoforte reasonable as so
                        am inhabiting. Chatty design remark and his abroad figure but its.
                    </p>
                </div>
            </div>
        </div>
        <div class="services-items text-center">
            <div class="row">
                <!-- Single Item -->
                <div class="col-md-4 equal-height">
                    <div class="item">
                        <h4>Project creation</h4>
                        <div class="icon">
                            <i class="flaticon-architect"></i>
                        </div>
                        <p>
                            Intention defective at convinced. Led income months itself and houses you. After nor you
                            leave might share court balls.
                        </p>
                        <a href="#"><i class="fas fa-angle-right"></i> Learn more</a>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="col-md-4 equal-height">
                    <div class="item">
                        <h4>Software Development</h4>
                        <div class="icon">
                            <i class="flaticon-software"></i>
                        </div>
                        <p>
                            Intention defective at convinced. Led income months itself and houses you. After nor you
                            leave might share court balls.
                        </p>
                        <a href="#"><i class="fas fa-angle-right"></i> Learn more</a>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="col-md-4 equal-height">
                    <div class="item">
                        <h4>Porject Management</h4>
                        <div class="icon">
                            <i class="flaticon-testing"></i>
                        </div>
                        <p>
                            Intention defective at convinced. Led income months itself and houses you. After nor you
                            leave might share court balls.
                        </p>
                        <a href="#"><i class="fas fa-angle-right"></i> Learn more</a>
                    </div>
                </div>
                <!-- End Single Item -->
            </div>
        </div>
    </div>
</div>
<!-- End Services Area -->

<!-- Start Work Process Area
    ============================================= -->
<div id="overview" class="process-area default-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-6 thumb">
                <img src="assets/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>
<!-- End Work Process Area -->

<!-- Start Pricing Area
   ============================================= -->
<div id="pricing" class="pricing-area bg-gray shape default-padding-top">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="site-heading text-center">
                    <h4>Pricing Plan</h4>
                    <h2>Our <strong>Pricing</strong></h2>
                    <p>
                        Described questions for recommend advantage belonging estimable had. Pianoforte reasonable as so
                        am inhabiting. Chatty design remark and his abroad figure but its.
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="pricing pricing-simple text-center">
                <div class="col-md-12 pricing-items">
                    <div class="col-md-4 single-item">
                        <div class="pricing-item">
                            <ul>
                                <li class="pricing-header">
                                    <i class="flaticon-start"></i>
                                    <h4>Trial Version</h4>
                                </li>
                                <li class="price">
                                    <h2>Free</h2>
                                </li>
                                <li>Demo file <span data-toggle="tooltip" data-placement="top" title=""
                                                    data-original-title="Available on pro version"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>Update</li>
                                <li>File compressed</li>
                                <li>Commercial use</li>
                                <li>Support <span data-toggle="tooltip" data-placement="top" title=""
                                                  data-original-title="Available on pro version"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>2 database</li>
                                <li>Documetation <span data-toggle="tooltip" data-placement="top" title=""
                                                       data-original-title="Available on pro version"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li class="footer">
                                    <a class="btn btn-dark border btn-sm" href="#">Try for free</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 single-item">
                        <div class="pricing-item active">
                            <ul>
                                <li class="pricing-header">
                                    <i class="flaticon-quality-badge"></i>
                                    <h4>Regular</h4>
                                </li>
                                <li class="price">
                                    <h2><sup>$</sup>29 <sub>/ Mo</sub></h2>
                                </li>
                                <li>Demo file</li>
                                <li>Update <span data-toggle="tooltip" data-placement="top" title=""
                                                 data-original-title="Only for extended licence"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>File compressed</li>
                                <li>Commercial use</li>
                                <li>Support <span data-toggle="tooltip" data-placement="top" title=""
                                                  data-original-title="Only for extended licence"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>5 database</li>
                                <li>Documetation</li>
                                <li class="footer">
                                    <a class="btn btn-theme effect btn-sm" href="#">Get Started</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 single-item">
                        <div class="pricing-item">
                            <ul>
                                <li class="pricing-header">
                                    <i class="flaticon-value"></i>
                                    <h4>Extended</h4>
                                </li>
                                <li class="price">
                                    <h2><sup>$</sup>59 <sub>/ Mo</sub></h2>
                                </li>
                                <li>Demo file</li>
                                <li>Update</li>
                                <li>File compressed</li>
                                <li>Commercial use</li>
                                <li>Support</li>
                                <li>8 database</li>
                                <li>Documetation</li>
                                <li class="footer">
                                    <a class="btn btn-dark border btn-sm" href="#">Get Started</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Pricing Area -->

<!-- Start Team Area
    ============================================= -->
<div id="team" class="team-area shape default-padding bottom-less">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="site-heading text-center">
                    <h4>Meet our experts</h4>
                    <h2>Team <strong>Members</strong></h2>
                    <p>
                        Described questions for recommend advantage belonging estimable had. Pianoforte reasonable as so
                        am inhabiting. Chatty design remark and his abroad figure but its.
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="team-items text-center">
                <!-- Single Item -->
                <div class="col-md-4 single-item">
                    <div class="item">
                        <div class="thumb">
                            <img src="assets/img/800x800.png" alt="Thumb">
                            <div class="social">
                                <ul>
                                    <li class="facebook">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    </li>
                                    <li class="twitter">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                    </li>
                                    <li class="instagram">
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </li>
                                    <li class="linkedin">
                                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="info">

                            <h4>Jessica Jones</h4>
                            <span>Sales & Marketing</span>
                            <p>
                                Required honoured trifling eat pleasure man relation. Assurance yet bed was improving
                                furniture Distrusts delighted
                            </p>

                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="col-md-4 single-item">
                    <div class="item">
                        <div class="thumb">
                            <img src="assets/img/800x800.png" alt="Thumb">
                            <div class="social">
                                <ul>
                                    <li class="facebook">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    </li>
                                    <li class="twitter">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                    </li>
                                    <li class="instagram">
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </li>
                                    <li class="linkedin">
                                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="info">

                            <h4>Amir Bubhan</h4>
                            <span>Data Scientist</span>
                            <p>
                                Required honoured trifling eat pleasure man relation. Assurance yet bed was improving
                                furniture Distrusts delighted
                            </p>

                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="col-md-4 single-item">
                    <div class="item">
                        <div class="thumb">
                            <img src="assets/img/800x800.png" alt="Thumb">
                            <div class="social">
                                <ul>
                                    <li class="facebook">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    </li>
                                    <li class="twitter">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                    </li>
                                    <li class="instagram">
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </li>
                                    <li class="linkedin">
                                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="info">

                            <h4>Ahel Natasha</h4>
                            <span>Chairman</span>
                            <p>
                                Required honoured trifling eat pleasure man relation. Assurance yet bed was improving
                                furniture Distrusts delighted
                            </p>

                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
            </div>
        </div>
    </div>
</div>
<!-- End Team Area -->

<!-- Start Testimonials Area
   ============================================= -->
<div class="testimonials-area default-padding bg-dark text-light">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="site-heading text-center">
                    <h4>What people says</h4>
                    <h2>Customer <strong>Review</strong></h2>
                </div>
            </div>
        </div>
        <div class="col-md-8 col-md-offset-2">
            <div class="row">
                <div class="testimonial-items testimonial-carousel owl-carousel owl-theme">
                    <!-- Single Item -->
                    <div class="item">
                        <div class="col-md-5 thumb">
                            <img src="assets/img/800x800.png" alt="Thumb">
                        </div>
                        <div class="col-md-7 info">
                            <i class="ti-quote-left"></i>
                            <h4>Jessica Jones</h4>
                            <span>Market researcher</span>
                            <p>
                                Music leave say doors him. Tore bred form if sigh case as do. Staying he no looking if
                                do opinion. Sentiments way understood end partiality and his.
                            </p>
                        </div>
                    </div>
                    <!-- End Single Item -->
                    <!-- Single Item -->
                    <div class="item">
                        <div class="col-md-5 thumb">
                            <img src="assets/img/800x800.png" alt="Thumb">
                        </div>
                        <div class="col-md-7 info">
                            <i class="ti-quote-left"></i>
                            <h4>Jessica Jones</h4>
                            <span>Market researcher</span>
                            <p>
                                Music leave say doors him. Tore bred form if sigh case as do. Staying he no looking if
                                do opinion. Sentiments way understood end partiality and his.
                            </p>
                        </div>
                    </div>
                    <!-- End Single Item -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Testimonials Area -->

<!-- Start Contact Area
   ============================================= -->
<div id="contact" class="contact-area default-padding">
    <div class="container">
        <div class="contact-items">
            <div class="row">
                <div class="col-md-6 faq">
                    <div class="heading">
                        <h2>Answer & Questions</h2>
                    </div>
                    <div class="acd-items acd-arrow">
                        <div class="panel-group symb" id="accordion">

                            <!-- Single Item -->
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#ac1">
                                            <strong>01</strong> Do I need a business plan?
                                        </a>
                                    </h4>
                                </div>
                                <div id="ac1" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        <p>
                                            Removing welcomed civility or hastened is. Justice elderly but perhaps
                                            expense six her are another passage. Full her ten open fond walk not
                                            down.For request general express unknown are. Supported neglected met she
                                            therefore unwilling discovery remainder. Way sentiments two indulgence
                                            uncommonly own.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single Item -->

                            <!-- Single Item -->
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#ac2">
                                            <strong>02</strong> How long should a business plan be?
                                        </a>
                                    </h4>
                                </div>
                                <div id="ac2" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>
                                            Removing welcomed civility or hastened is. Justice elderly but perhaps
                                            expense six her are another passage. Full her ten open fond walk not
                                            down.For request general express unknown are. Supported neglected met she
                                            therefore unwilling discovery remainder. Way sentiments two indulgence
                                            uncommonly own.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single Item -->

                            <!-- Single Item -->
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#ac4">
                                            <strong>03</strong> Where do I start?
                                        </a>
                                    </h4>
                                </div>
                                <div id="ac4" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>
                                            Removing welcomed civility or hastened is. Justice elderly but perhaps
                                            expense six her are another passage. Full her ten open fond walk not
                                            down.For request general express unknown are. Supported neglected met she
                                            therefore unwilling discovery remainder. Way sentiments two indulgence
                                            uncommonly own.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Single Item -->
                        </div>
                    </div>
                    <!-- End Faq -->
                    <a class="btn btn-theme effect btn-sm" href="#">more questions ?</a>
                </div>
                <div class="col-md-6 contact-forms">
                    <div class="form-items bg-cover shadow dark-hard text-light"
                         style="background-image: url(assets/img/2440x1578.png);">
                        <h2>Do You Have Any <strong>Questions?</strong></h2>

                        <form action="assets/mail/contact.php" method="POST" class="contact-form">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-group">
                                        <input class="form-control" id="name" name="name" placeholder="Name"
                                               type="text">
                                        <span class="alert-error"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input class="form-control" id="email" name="email" placeholder="Email*"
                                               type="email">
                                        <span class="alert-error"></span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input class="form-control" id="phone" name="phone" placeholder="Phone"
                                               type="text">
                                        <span class="alert-error"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-group comments">
                                        <textarea class="form-control" id="comments" name="comments"
                                                  placeholder="Tell Us About Project *"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="row">
                                    <button type="submit" name="submit" id="submit">
                                        Send Message
                                    </button>
                                </div>
                            </div>
                            <!-- Alert Message -->
                            <div class="col-md-12 alert-notification">
                                <div id="message" class="alert-msg"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Contact Area -->

<!-- Start Companies Area
    ============================================= -->
<div class="companies-area bg-gray text-center default-padding">
    <div class="container">
        <div class="companies-items">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="heading">
                        <h4>We're thrusted by</h4>
                        <h2><strong>12k+</strong> Customer</h2>
                        <p>
                            Perceive screened throwing met not eat distance. Viewing hastily or written dearest elderly
                            up weather it as. So direction so sweetness or extremity at daughters. Provided put unpacked
                            now but bringing.
                        </p>
                    </div>
                    <div class="item-list companies-carousel owl-carousel owl-theme">
                        <div class="item">
                            <img src="assets/img/150x80.png" alt="Thumb">
                        </div>
                        <div class="item">
                            <img src="assets/img/150x80.png" alt="Thumb">
                        </div>
                        <div class="item">
                            <img src="assets/img/150x80.png" alt="Thumb">
                        </div>
                        <div class="item">
                            <img src="assets/img/150x80.png" alt="Thumb">
                        </div>
                        <div class="item">
                            <img src="assets/img/150x80.png" alt="Thumb">
                        </div>
                        <div class="item">
                            <img src="assets/img/150x80.png" alt="Thumb">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Companies Area -->

<!-- Start Footer
    ============================================= -->
{% include 'home/base/footer.html' %}
<!-- End Footer -->

<!-- jQuery Frameworks
    ============================================= -->
{% include 'home/jquery/jguery.html' %}

{% endblock content %}