@extends('template.default')
@push('styles')
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
@endpush
@section('content')
  <div class="header-breadcrumbs">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
          {{-- <iframe frameborder="1" width="420" height="345" src="//www.youtube.com/"></iframe> --}}
          <div class="headerheading">
            <p class="big-caption home-big-cation" >How can we transfer basic maintenance knowledge effectively to the next generation? </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br>
<!-- testomilial area end hear -->

  <div class="coursedetails-area">
    <div class="container-inner">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="">
          <div class="aboutus-video mob-aboutus-video">
            <div class="container mob-p-l-0">
              <div class="row">
                <h3 style="color: #337ab7;"><u>Stories of PM, A Comprehensive Primer of Preventive Maintenance</u></h3>
                <p><b>IBSN: </b>979-8496071154</p>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" id="">
                  <img src="public/assets/images/NewCoverImages/preventive-Maintenance.jpg" class="landing-page" alt="landing-page" style="height: auto;width: 200px; padding:10px;">
                </div>
                <div>
                  <p>PM (Preventive Maintenance) is the primary way to ensure the reliability of machines, buildings, or other physical assets. Even the most rigorous reliability techniques such as RCM and PMO, in the end, rely on effective PM. </p>
                  <p>In a series of interesting anecdotes, <u>Stories of PM</u> tells the PM person the why, what, when, where, and even sometimes how to PM effectively. The stories are fun to read and contain descriptive color drawings. <u> Stories of PM</u> tells the whole story of PM including the history and a couple of fun stories. Included are about a dozen best practices disguised as the rantings of a bug.</p>
                  <p>Stories of PM is the third book in the series <b>Elements of Great Maintenance Management,</b> which was designed to educate practitioners in the basics of some, often complex, but vital maintenance ideas.</p>  
                  <p><b>Stories of PM</b></p>
                  <p><b>Paperback:</b><a href="https://www.amazon.com/dp/B0B917XPKK" target="_blank"> https://www.amazon.com/dp/B09K1TTGD5</a></p>
                  <p> Kindle:<a href="https://www.amazon.com/dp/B0B917XPKK" target="_blank"> https://www.amazon.com/dp/B09K1NVC7G</a></p>               
                </div>
                <div style="text-align: center;">
                  <a href="http://amazon.com/author/joellevitt" target="_blank"><img src="public/assets/images/NewCoverImages/Joel003.jpg" class="landing-page" alt="landing-page" style="height: auto;width: 200px; padding:10px;"></a>
                  <a href="http://amazon.com/author/joellevitt" target="_blank"><p style="font-size: 18px;"><u>See all of Joel Levitt's books on Amazon</u></p></a>  
                </div>
              </div>  
            </div>
            <br>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@push('styles')
<style>
  .form-error{color:red !important; font-weight: lighter;}
  .color{color:red;}
  iframe:focus {
    outline: none;
  }
  iframe[seamless] {
    display: block;
  }
  .more{
    margin-left: 2px;
    color: #c61508;
  }
  .boxsize{
    height: 366px!important;
    width: 363px!important;
  }
  .butontop {
    margin-top: -132px!important;
    height: 150px!important;
  }
  .laserfocus{
    height: 340px!important;
    width: 360px!important;
  }
  .modal-header .close {
    margin-top: -22px !important;
  }
  .modal-header{
    border-bottom:0px !important
  }
  .modal-footer{
    border-top:0px !important
  }
  .closeEmailModal .saveBtnEmail{
    background-color:#c61508 !important
  }
  .form-error{color:red !important; font-weight: lighter;}
  .color{color:red;}
  .error{
    color:red !important  
  }
</style>
  <link href="{{{URL::asset('public/css/home.css')}}}" rel="stylesheet">
  <link href="{{{URL::asset('public/css/about.css')}}}" rel="stylesheet">
  <meta name="csrf-token" content="{{ csrf_token() }}" />
@endpush

@push('scripts')
<script type="text/javascript" src="{{{URL::asset('public/js/jquery-1.7.1.min.js')}}}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
@endpush