include('include/header.php');
?>


 <section class="hero-slide-wrapper hero-2">
        <div class="hero-text">USAPRO</div>
        <div class="hero-slider-2 owl-carousel">
            <div class="single-slide bg-cover" style="background-image: url('assets/img/home2/slide1.jpg')">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12 col-lg-10 col-xl-8">
                            <div class="hero-contents">
                                <h1>IT Solutions For <br> Your Business.</h1>
                                <p>We Have 5 Years Of Experience In IT Solutions</p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="single-slide bg-cover" style="background-image: url('assets/img/home2/slide2.jpg')">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12 col-lg-10 col-xl-8">
                            <div class="hero-contents">
                                <h1>Grow Your Business <br> with us.</h1>
                                <p>We Have 5 Years Of Experience In IT Solutions</p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </section>

    <section class="features-wrapper features-2 section-padding">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-xl-6">
                    <div class="row mtm-30">
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="icon-box">
                                <div class="icon">
                                    <i class="flaticon flaticon-monitor"></i>
                                </div>
                                <h4><a href="services.php">Development</a></h4>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="icon-box">
                                <div class="icon">
                                    <i class="flaticon flaticon-pyramid"></i>
                                </div>
                                <h4><a href="services.php">Engineering</a></h4>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="icon-box">
                                <div class="icon">
                                    <i class="flaticon flaticon-diagram"></i>
                                </div>
                                <h4><a href="services.phpservices.php">IT Marketing</a></h4>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="icon-box">
                                <div class="icon">
                                    <i class="flaticon flaticon-diagram-1"></i>
                                </div>
                                <h4><a href="services.php">UX Strategy</a></h4>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="icon-box">
                                <div class="icon">
                                    <i class="flaticon flaticon-meeting"></i>
                                </div>
                                <h4><a href="services.php">Consultancy</a></h4>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">                           
                            <div class="icon-box">
                                <div class="icon">
                                    <i class="flaticon flaticon-stats"></i>
                                </div>
                                <h4><a href="services.php">Apps Design</a></h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-5 offset-xl-1 mt-5 mt-xl-0">
                    <div class="section-title">
                        <p>How can help you</p>
                        <h1>IT Solutions For Your Business Growth</h1>
                    </div>
                    <p class="mt-20">It takes a lot to grow your business. Excellent people, smart technologies, robust processes, and focus.</p>
                   
                </div>
            </div>
        </div>
        <svg class="feature-bg"><path fill-rule="evenodd"  opacity="0.039" fill="rgb(8, 106, 215)"
             d="M-0.000,232.999 C-0.000,232.999 239.131,-52.566 575.000,47.000 C910.869,146.565 1087.000,55.653 1231.000,19.999 C1375.000,-15.654 1800.820,-31.520 1915.000,232.999 C1445.000,232.999 -0.000,232.999 -0.000,232.999 Z"/>
            </svg>
    </section>

    <section class="about-us-wrapper section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6 col-12 pr-xl-5">
                    <div class="section-title mb-30">
                        <p>About Company</p>
                        <h1>5 Years Of Experience <br> In IT Solutions</h1>
                    </div>

                    <p class="pr-md-5">We employ the perfect combination of qualified experts, robust processes and advanced technology to help our partners work smarter with business process outsourcing solutions.</p>
                    
                    <div class="about-check-list d-flex">
                        <div class="banner bg-cover" style="background-image: url('assets/img/about_list.jpg')"></div>

                        <ul class="checked-list">
                            <li>Product Engineering</li>
                            <li>Digital Services</li>
                            <li>IT Consultancy</li>
                            <li>Automated Software</li>
                        </ul>
                    </div>

                </div>

                <div class="col-xl-6 col-md-10 col-lg-6 pl-xl-5 col-12 mt-5 mt-xl-0">
                    <div class="about-thum">
                        <div class="item top-image text-right">
                            <img src="assets/img/about-big-thumb-1.jpg" alt="rrdevs">
                        </div>
                        <div class="item bottom-image">
                            <img src="assets/img/about-big-thumb-2.jpg" alt="rrdevs">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>  

    <section class="funfact-wrapper bottom text-white">
        <div class="container">
            <div class="funfact-content-grid bg-cover" style="background-image: url('assets/img/funfact-line.png')">
                <div class="single-funfact-item">
                    <div class="icon">
                        <i class="fal fa-gem"></i>
                    </div>
                    <h3>368</h3>
                    <p>Project Completed</p>
                </div>
                <div class="single-funfact-item">
                    <div class="icon">
                        <i class="fal fa-drafting-compass"></i>
                    </div>
                    <h3>785</h3>
                    <p>Expert Consultants</p>
                </div>
                <div class="single-funfact-item">
                    <div class="icon">
                        <i class="fal fa-stars"></i>
                    </div>
                    <h3>896</h3>
                    <p>5 Stars Rating</p>
                </div>
                <div class="single-funfact-item">
                    <div class="icon">
                        <i class="fal fa-trophy-alt"></i>
                    </div>
                    <h3>125</h3>
                    <p>Awards Winning</p>
                </div>
            </div>
        </div>
    </section> 

    <section class="services-wrapper service-2 section-padding section-bg bg-contain" style="background-image: url('assets/img/circle-bg.png')">
        <div class="container">
            <div class="row mb-50">
                <div class="col-12 col-lg-12">
                    <div class="section-title text-white text-center">
                        <p>Popular IT services</p>
                        <h1>Solutions For IT Business</h1>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 col-xl-4 col-12">
                    <div class="single-service-box">
                        <div class="icon bg-cover" style="background-image: url('assets/img/home2/s1.jpg')">
                        </div>
                        <div class="content-visible">
                            <h4><a href="services.php">Manage IT Services</a></h4>
                            <!--<p>Sed perspicias unde omnis natus</p>-->
                        </div>
                        <!--<div class="content-overlay">-->
                        <!--    <h4><a href="services-details.html">Manage IT Services</a></h4>-->
                        <!--    <p>Quis autem vel eum iure reprehenderit -->
                        <!--    qui in ea voluptate velit esse</p>-->
                        <!--    <a href="services-details.html" class="read-link">learn more <i class="fas fa-arrow-right"></i></a>-->
                        <!--</div> -->
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-12">
                    <div class="single-service-box">
                        <div class="icon bg-cover" style="background-image: url('assets/img/home2/s2.jpg')">
                        </div>
                        <div class="content-visible">
                            <h4><a href="services.php">Product  Engineering</a></h4>
                            <!--<p>Sed perspicias unde omnis natus</p>-->
                        </div>
                        <!--<div class="content-overlay">-->
                        <!--    <h4><a href="services-details.html">Product  Engineering</a></h4>-->
                        <!--    <p>Quis autem vel eum iure reprehenderit -->
                        <!--    qui in ea voluptate velit esse</p>-->
                        <!--    <a href="services-details.html" class="read-link">learn more <i class="fas fa-arrow-right"></i></a>-->
                        <!--</div> -->
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-12">
                    <div class="single-service-box">
                        <div class="icon bg-cover" style="background-image: url('assets/img/home2/s3.jpg')">
                        </div>
                        <div class="content-visible">
                            <h4><a href="services.php">Digital Marketing</a></h4>
                            <!--<p>Sed perspicias unde omnis natus</p>-->
                        </div>
                        <!--<div class="content-overlay">-->
                        <!--    <h4><a href="services-details.html">Product  Engineering</a></h4>-->
                        <!--    <p>Quis autem vel eum iure reprehenderit -->
                        <!--    qui in ea voluptate velit esse</p>-->
                        <!--    <a href="services-details.html" class="read-link">learn more <i class="fas fa-arrow-right"></i></a>-->
                        <!--</div> -->
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="faq-section section-padding">
        <div class="faq-bg bg-cover d-none d-lg-block" style="background-image: url('assets/img/faq_home_2.jpg')"></div>
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-6 offset-lg-6 offset-xl-7">
                    <div class="col-12 col-lg-12 mb-40">
                        <div class="section-title">
                            <p>Why choose us</p>
                            <h1>Innovating Solutions <br> Digital Mindset</h1>
                        </div>
                    </div>

                    <div class="faq-content">
                        <div class="faq-accordion">
                            <div id="accordion" class="accordion">
                                <div class="card">
                                    <div class="card-header" id="faq1">
                                        <p class="mb-0 text-capitalize">
                                            <a class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" href="#faq-1">
                                           What is digital marketing?
                                            </a>
                                        </h5>
                                    </div>
                                    <div id="faq-1" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                           Digital marketing is a means of advertising and selling products through the internet, mobile devices, social media, search engines, display advertising, etc.
                                        </div>
                                    </div>
                                </div> <!-- /card -->
                                <div class="card">
                                    <div class="card-header" id="faq2">
                                        <p class="mb-0 text-capitalize">
                                            <a class="collapsed" role="button" data-toggle="collapse" aria-expanded="true" href="#faq-2">
                                               How can you secure our website?
                                            </a>
                                        </p>
                                    </div>
                                    <div id="faq-2" class="collapse show" data-parent="#accordion">
                                        <div class="card-body">
                                           We put special analytical tools to monitor the activity on your website and keep it safe.
                                        </div>
                                    </div>
                                </div> <!-- /card -->
                                <div class="card">
                                    <div class="card-header" id="faq4">
                                        <p class="mb-0 text-capitalize">
                                            <a class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" href="#faq-3">
                                               What is SSL
                                            </a>
                                        </p>
                                    </div>
                                    <div id="faq-3" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                           Secure Sockets Layer (SSL) is a standard security technology for establishing an encrypted link between a server and a client—typically a web server
                                        </div>
                                    </div>
                                </div> <!-- /card -->
                                <div class="card">
                                    <div class="card-header" id="faq4">
                                        <p class="mb-0 text-capitalize">
                                            <a class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" href="#faq-4">
                                                Can you make my website responsive
                                            </a>
                                        </p>
                                    </div>
                                    <div id="faq-4" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                           Yes we can change your old looking website to modern responsive website
                                        </div>
                                    </div>
                                </div> <!-- /card -->
                            </div>                        
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section class="our-pricing-wrapper right-bg section-padding">
        <div class="dot-circle"></div>
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6 col-xl-4 mb-5 mb-xl-0">
                    <div class="section-title style-3 mb-30">
                        <span>price</span>
                        <p>popular pricing</p>
                        <h1>our pricing plan</h1>
                    </div>
                    <p>Connect with experts at USAPRO and to discuss industry challenges and how to join with us to unlock your potential.</p>
                    <a href="contact.php" class="theme-btn mt-30">Contact <i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="col-xl-7 col-12 offset-xl-1">
                    <div class="row">
                        <div class="col-md-6 mt-4 mt-xl-0">
                            <div class="single-pricing-plan style-2 active">
                                <h3>Regular Plan</h3>
                                <!--<p>Quis autem vel eum iure reprehes derit quin voluptate velite</p>-->
                                <div class="pricing">
                                    <span>$</span>
                                    <h2>39.99</h2>
                                    <p>monthly</p>
                                </div>
                                <ul class="plan-features">
                                  <li class="active">IT Consulting</li>  
                                  <li class="active">Product Engineering</li>  
                                  <li>Digital Solutions</li>  
                                </ul>
                                <div class="buy-btn">
                                    <a href="https://buy.stripe.com/fZe5kFbFValM5uoaEE" class="theme-btn">Subscribe <i class="fas fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mt-4 mt-xl-0">
                            <div class="single-pricing-plan style-2">
                                <h3>Premium Plan</h3>
                                <!--<p>Quis autem vel eum iure reprehes derit quin voluptate velite</p>-->
                                <div class="pricing">
                                    <span>$</span>
                                    <h2>99.99</h2>
                                    <p>monthly</p>
                                </div>
                                <ul class="plan-features">
                                  <li class="active">IT Consulting</li>  
                                  <li class="active">Product Engineering</li>  
                                  <li class="active">Digital Solutions</li>  
                                </ul>
                                <div class="buy-btn">
                                    <a href="https://buy.stripe.com/5kA4gBeS7bpQg92289" class="theme-btn">Subscribe <i class="fas fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> 

   

    <section class="cta-banner">
        <div class="container-fluid bg-cover section-bg" style="background-image: url('assets/img/cta_bg1.png')">
            <div class="cta-content">
                <div class="row align-items-center">
                    <div class="col-xl-7 text-white col-12 text-center text-xl-left">
                        <h1>Ready To Get Free Consulations For <br> Any Kind Of It Solutions ? </h1>
                    </div>
                    <div class="col-xl-5 col-12 text-center text-xl-right">
                        <a href="contact.php" class="theme-btn mt-4 mt-xl-0">Contact Us <i class="fas fa-arrow-right"></i></a>
                        
                    </div>
                </div>
            </div>
        </div>
    </section> 
    
     <footer class="footer-2 footer-wrap">
        <div class="footer-widgets">            
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-md-6 col-xl-3 col-12 pr-xl-4">
                        <div class="single-footer-wid site_footer_widget">
                            <a href="index.html">
                                <img src="assets/img/logo.png" alt="">
                            </a>
                            <p class="mt-4">Join hundreds of technology and business leaders subscribing to USAPRO.</p>
                           
                        </div>
                    </div> <!-- /.col-lg-3 - single-footer-wid -->
                    
                    <div class="col-md-6 col-xl-2 col-12">                        
                        <div class="single-footer-wid">
                            <div class="wid-title">
                                <h4>Company</h4>
                            </div>
                            <ul>
                                <li><a href="index.php">Home</a></li>
                                <li><a href="about.php">About Us</a></li>
                                <li><a href="services.php">Services</a></li>
                                <li><a href="contact.php">Contact</a></li>
                                
                            </ul>
                        </div>
                    </div> <!-- /.col-lg-3 - single-footer-wid -->
                    
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="container text-center">
                <div class="footer-bottom-content">
                    © 2022 USAPRO All Rights Reserved
                </div>
            </div>
        </div>
    </footer>

    <!--  ALl JS Plugins
    ====================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/modernizr.min.js"></script>
    <script src="assets/js/jquery.easing.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imageload.min.js"></script>
    <script src="assets/js/scrollUp.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/waypoint.js"></script>
    <script src="assets/js/easypiechart.min.js"></script>
    <script src="assets/js/counterup.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/metismenu.js"></script>
    <script src="assets/js/timeline.min.js"></script>
    <script src="assets/js/ajax-mail.js"></script>
    <script src="assets/js/active.js"></script>
</body>

</html>