@extends('layouts.master')

@section('content')

<header class="masthead  text-white text-center solution_bg">
      <div class="container">
       
      </div>
    </header>
    <section   class="section-wrapper serviceline">
      <div class="container">
        <div class="row">
    <h3 class="h6 mx-auto">
            <strong><span class="h5 text-primary mr-1 ">•</span>WEB / ENTERPRISE DEVELOPMENT

<span class="h6 text-primary mr-1">•</span>MOBILE DEVELOPMENT
<span class="h6 text-primary mr-1">•</span>TECHNOLOGY CONSULTING
<span class="h6 text-primary mr-1">•</span>DIGITAL TRANSFORMATION
<span class="h6 text-primary mr-1">•</span>TESTING</strong>
          </h3>
    </div>
      </div>
    </section>
    <section id="services">
        
<div class="container">
                <div class="row text-center">
                    <div class="col-md-8 offset-md-2 pb-2">
                        <h3 class="display-4"> SOLUTIONS</h3> <hr class="star-light">
                        <div class="spacer-15"></div>
 </div>

                   
                </div>
                <div class="row mt-60">
                    <div class="col-md-3 mb-6">
                        <div class="service-image"><img class="img-fluid mx-auto" src="img/service/services-1.jpg"></div>
                        <h3>CLOUD</h3>
                        <!-- <p></p> -->
                        <ul class="link services-list">
                    <li><a href="#"><i class="fab fa-slack"></i>aws </a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>azure</a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>google</a></li>
                </ul>
                    </div>
                    <div class="col-md-3 mb-6">
                        <div class="service-image"><img class="img-fluid mx-auto" src="img/service/services-1.jpg"></div>
                        <h3>MOBILE</h3>
                          <!-- <p></p> -->
                        <ul class="link services-list">
                    <li><a href="#"><i class="fab fa-slack"></i>android </a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>ionic</a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>ios</a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>xamarin</a></li>
                </ul>
                    </div>
                    <div class="col-md-3 mb-6">
                        <div class="service-image"><img class="img-fluid mx-auto" src="img/service/services-1.jpg"></div>
                        <h3>Emerging Technology</h3>
                            <!-- <p></p> -->
                        <ul class="link services-list">
                    <li><a href="#"><i class="fab fa-slack"></i>ar</a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>chatbots</a></li>
                    
                </ul>
                    </div>
                    <div class="col-md-3 mb-6">
                        <div class="service-image"><img class="img-fluid mx-auto" src="img/service/services-1.jpg"></div>
                        <h3>Web</h3>
                          <!-- <p></p> -->
                        <ul class="link services-list">
                    <li><a href="#"><i class="fab fa-slack"></i>.net</a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>responsive</a></li>
                    <li><a href="#"><i class="fab fa-slack"></i>laravel</a></li>
                
                </ul>
                    </div>
                    
                    
                    
                </div>
            </div>
            </div>
        </section>

 <section id="Price_list" class="cash bg-raintels"> 

    <div class="section-heading text-center">
          <h2 class=" text-white">Our Other Products</h2>
          <p class="text-light">We share Technology!</p>
          <hr>
        </div>
    <div class="carousel-wrapper prouctlist">
     <div class="row mx-auto my-auto">
        <div id="RaintelsCarousel" class="container productcarousel carousel  slide  text-center" data-ride="carousel" data-interval="false">
            <div class="carousel-inner w-100 row no-gutters vh-25" role="listbox">
                
           <!-- first slide have active class -->
                <div class="carousel-item col-lg-3 active "> 
                     <div class="col-md-12">
                           <div class="card card-default h-100">
                             <div class="card-header">
    <h5 > Resus Crew <br><small>Uber-Clone for Ambulances </small> </h5>
  </div>
                            <div class="card-block p-t-2">
                            
                            
                                <p class="card-text mb-3 version">Web - Laravel MVC <br>&nbsp; Mobile -  Android, iOS </p>
                                <h3 class="mb-3"> <i class="fas fa-dollar-sign"></i> 10000 <small class="text-muted">/-</small>  </h3>
                                
                                <p class="card-text mb-auto">On-Demand Booking of Ambulances. Real time view of Nearby ambulances and booking in case of emergencies. Achieved utilizing Raintels Uber-Clone Platform</p>
                            
                            </div>
                            <div class="card-footer text-muted">Delivered in 6 Weeks </div>
                        </div>
                        </div>
                </div>
                
                <div class="carousel-item col-lg-3 ">
                     <div class="col-md-12">
                           <div class="card card-default h-100">
                            <div class="card-header">
    <h5 > Training Management System </h5>
  </div>
                            <div class="card-block p-t-2">
    
                            
                                <p class="card-text mb-3 version">Web - Laravel MVC <br>&nbsp; Mobile -  Android, iOS </p>
                                <h3 class="mb-3"> <i class="fas fa-dollar-sign"></i> 16500<small class="text-muted">/-</small>  </h3>
                                
                                <p class="card-text mb-auto">An Enterprise Solution for creating custom Training and Content for internal and external stakeholders.</p>
                            
                            </div>
                            <div class="card-footer text-muted">Delivered in 5 Weeks </div>
                        </div>
                        </div>
                </div>
                <div class="carousel-item col-lg-3 ">
                     <div class="col-md-12">
                           <div class="card card-default h-100">
                             <div class="card-header">
    <h5 > Digital Office Management </h5>
  </div>
                            <div class="card-block p-t-2">
                                
                            
                                    <p class="card-text mb-3 version">Web - Laravel MVC <br>&nbsp; Mobile -  Android, iOS </p>
                                <h3 class="mb-3"> <i class="fas fa-dollar-sign"></i> 15000 <small class="text-muted">/-</small>  </h3>
                            
                                <p class="card-text mb-auto">A smart office solution enabling seamless electronic transfer of Letters and Files across departments. 
                                With the integration of Dynamic Workflow engine, Customer was able to find exponential value in the solution and successfully shelved 
                                the legacy File Flow System</p>
                                
                            </div>
                            <div class="card-footer text-muted">Delivered in 5 Weeks </div>
                        </div>
                        </div>
                </div>
                <div class="carousel-item col-lg-3 ">
                     <div class="col-md-12">
                           <div class="card card-default h-100">
                            <div class="card-header">
    <h5 >On-Demand Service Discovery Solution </h5>
  </div>
                            <div class="card-block p-t-2">
                                    <p class="card-text mb-3 version"> &nbsp; &nbsp; Web - Laravel MVC <br> Mobile - Android, iOS           </p>
                                <h3 class="mb-3"> <i class="fas fa-dollar-sign"></i> 30000<small class="text-muted">/-</small>  </h3>
                                
                                <p class="card-text mb-auto">Customer was looking for a solution to display multi disciplinary Services in their business portfolio. 
                                Raintels customized our uber-clone platform to cater to Customer Requirement. With integrated ecommerce feature and MIS reports, Customer was delighted and entrusted us with Subsequent maintenance and Support</p>
                            
                                                    
                                
                            </div>
                            <div class="card-footer text-muted">Delivered in 18 Weeks </div>
                        </div>
                        </div>
                </div>
                <div class="carousel-item col-lg-3 ">
                     <div class="col-md-12">
                           <div class="card card-default h-100">
                            <div class="card-header">
    <h5 > Vehicle Management Solution </h5>
  </div>
                            <div class="card-block p-t-2">
                                    <p class="card-text mb-3 version"> &nbsp; &nbsp; Web - Laravel MVC <br> Mobile - Android            </p>
                                <h3 class="mb-3"> <i class="fas fa-dollar-sign"></i> 6000<small class="text-muted">/-</small>  </h3>
                                
                                <p class="card-text mb-auto">An Enterprise Ride Capture &  Predictive Maintenance Solution for Enterprise Vehicles. 
                                With interactive UI to capture each ride details, Customer was able to cut down the Operational Costs</p>
                            
                                                    
                                
                            </div>
                            <div class="card-footer text-muted">Delivered in 5 Weeks </div>
                        </div>
                        </div>
                </div>
                
                
                    
                
            

                </div>
            <a class="carousel-control-prev prev" href="#RaintelsCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next next" href="#RaintelsCarousel" role="next" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span> 
            <span class="sr-only">Next</span>   
        </a>
            
           
        </div>
    </div>
    
    </div>
</div> 
</section>
 <section id="Contact">
      <div class="container">
        <div class="row">
         
            
         
            <div class="col-sm-12 section-header">
                <h2 class="margin-top-0 wow fadeIn">Have a question? Get in touch with us! <i class=" object"></i></h2>
                <hr class="primary">
                <p>We love feedback. Fill out the form below and we'll get back to you as soon as possible.</p>
                <a class="btn btn-success" href="contact" target="_blank"><i class="fa fa-home "></i> Get in touch</a>
            </div>
           
        </div>
      </div>
    </section>

    
@endsection