@extends('Layouts.web_master')
  @section('content')
   <!-- ======= Breadcrumbs ======= -->
   <section id="breadcrumbs" class="breadcrumbs">
      <div class="container text-center">
        <h1 id="prductName">Our {{ $productData->name }} System</h1>
        <p class="font-italic">{{ $productData->title }}</p>
        <div class="text-center">
          <a href="https://advanceerp.com/" target="_blank" class="btn-learn-more" id="prBtn">View Pricing</a> 
        </div>      
      </div>
  </section><!-- End Breadcrumbs -->

  <!-- ======= Service Details Section ======= -->
  <section>
    <div class="container"> 
          <div style="font-family: Arial, Helvetica, sans-serif; font-size:20px;">
              <h1 id="productHeading">Features Of Our {{ $productData->name }} System</h1>
              <br><br>
              <img src="{{asset( $productData->image )}}" style="width:500px;height:350px;">
              <br><br>
              {!! $productData->features !!} 
          </div>
          <br><br><br>
          <div style="font-family: Arial, Helvetica, sans-serif; font-size:20px;">
            <h1 id="productHeading">Benefits Of Our {{ $productData->name }} System</h1>
            <br><br>
            <img src="{{asset('assets/img/prduct.gif')}}" style="width:500px;height:350px;">
            <br><br>
            {!!$productData->benefits !!}
          </div>
          
      
    </div>
  </section>
 
  <style>
    #productHeading{
        color:#47b2e4;
    }
    #prductName
    {
        color:#47b2e4;
    }
    #prBtn:hover{
      background-color:#47b2e4;
      color:white;
    }
  </style>
  
  
  
  <!-- End Service Details Section -->
  

  @endsection