Tractive GPS CAT

<style> .qty-input select option { display: none; } .qty-input select option[value="1"], .qty-input select option[value="2"], .qty-input select option[value="3"] { display: block; } </style> <div class="product-description-wrapper"> <div class="tractive-row tractive-grid"> <div class="image-block image-block-cat-live-tracking"></div> <div class="feature-block backdrop-blue"> <h2>{{trans "catalog.product.view.TRCAT1.details.content1.heading"}}</h2> <div class="badges tractive-row badges-vertical"> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6>{{trans "catalog.product.view.TRCAT1.details.content1.feature1.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRCAT1.details.content1.feature1.text"}} </div> </div> </div> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6>{{trans "catalog.product.view.TRCAT1.details.content1.feature2.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRCAT1.details.content1.feature2.text"}} </div> </div> </div> </div> </div> </div> <div class="tractive-row tractive-grid"> <div class="feature-block backdrop-light"> <h2>{{trans "catalog.product.view.TRCAT1.details.content2.heading"}}</h2> <div class="badges tractive-row badges-vertical"> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6>{{trans "catalog.product.view.TRCAT1.details.content2.feature1.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRCAT1.details.content2.feature1.text"}} </div> </div> </div> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6>{{trans "catalog.product.view.TRCAT1.details.content2.feature2.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRCAT1.details.content2.feature2.text"}} </div> </div> </div> </div> </div> <div class="image-block image-block-cat-tracker"></div> </div> <div class="tractive-container" id="faq"> <div class="feature-block"> <div class="text-center"> <h2>{{trans "catalog.product.view.TRADEFAULT.faq.header"}}</h2> </div> <div class="faq-content"> <p> <strong> {{trans "catalog.product.view.TRADEFAULT.faq.question1"}} </strong> <br/> {{trans "catalog.product.view.TRADEFAULT.faq.answer1"}} </p> <p> <strong> {{trans "catalog.product.view.TRADEFAULT.faq.question2"}} </strong> <br/> {{trans "catalog.product.view.TRADEFAULT.faq.answer2"}} </p> <p> <strong> {{trans "catalog.product.view.TRCAT1.faq.question3"}} </strong> <br/> {{trans "catalog.product.view.TRADEFAULT.faq.answer3"}} </p></div> </div> </div> <div class="key-features"> <div class="tractive-container"> <div class="feature-list tractive-row"> <div class="feature-item"> <div class="img"> <img src="/media/tractive/product-detail/cat/Tractive-GPS-CAT-App-virtual-fence.png" alt="{{trans " img.alt.product.detail.safezone.image"}}"/> </div> <div class="feature-badge"><img src="/media/tractive/product-detail/features-safezone.svg" alt="{{trans " img.alt.product.detail.safezone.badge"}}"/> </div> <div class="feature-text-container"> <h6>{{trans "catalog.product.view.TRADEFAULT.details.features.text1"}}</h6> </div> <div>{{trans "catalog.product.view.TRADEFAULT.details.features.subtext1"}}</div> </div> <div class="feature-item"> <div class="img"> <img src="/media/tractive/product-detail/cat/Tractive-GPS-CAT-App-LIVE-tracking.png" alt="{{trans " img.alt.product.detail.live.image"}}"/> </div> <div class="feature-badge"><img src="/media/tractive/product-detail/features-live.svg" alt="{{trans " img.alt.product.detail.live.badge"}}"/> </div> <div class="feature-text-container"> <h6>{{trans "catalog.product.view.TRADEFAULT.details.features.text2"}}</h6> </div> <div>{{trans "catalog.product.view.TRADEFAULT.details.features.subtext2"}}</div> </div> <div class="feature-item"> <div class="img"> <img src="/media/tractive/product-detail/cat/Tractive-GPS-CAT-App-location-history.png" alt="{{trans " img.alt.product.detail.history.image"}}"/> </div> <div class="feature-badge"><img src="/media/tractive/product-detail/features-history.svg" alt="{{trans " img.alt.product.detail.history.badge"}}"/> </div> <div class="feature-text-container"> <h6>{{trans "catalog.product.view.TRADEFAULT.details.features.text3"}}</h6> </div> <div>{{trans "catalog.product.view.TRADEFAULT.details.features.subtext3"}}</div> </div> <div class="feature-item"> <div class="img"> <img src="/media/tractive/product-detail/cat/Tractive-GPS-CAT-App-share.png" alt="{{trans " img.alt.product.detail.share.image"}}"/> </div> <div class="feature-badge"><img src="/media/tractive/product-detail/features-share.svg" alt="{{trans " img.alt.product.detail.share.badge"}}"/> </div> <div class="feature-text-container"> <h6>{{trans "catalog.product.view.TRADEFAULT.details.features.text4"}}</h6> </div> <div>{{trans "catalog.product.view.TRADEFAULT.details.features.subtext4"}}</div> </div> </div> </div> </div> <div class="technical-details-wrapper"> <div class="tractive-container"> <div class="technical-details-head"> <h2>{{trans "catalog.product.view.TRADEFAULT.details.technical.heading"}}</h2> <p class="medium">{{trans "catalog.product.view.TRCAT1.details.technical.text"}}</p> </div> <div class="technical-details"> <div class="tractive-row"> <div class="badges tractive-row badges-vertical"> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6> {{trans "catalog.product.view.TRCAT1.details.technical.badge1.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRCAT1.details.technical.badge1.text"}} </div> </div> </div> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6> {{trans "catalog.product.view.TRCAT1.details.technical.badge2.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRCAT1.details.technical.badge2.text"}} </div> </div> </div> </div> <div class="badges tractive-row badges-vertical"> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6> {{trans "catalog.product.view.TRCAT1.details.technical.badge3.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRCAT1.details.technical.badge3.text"}} </div> </div> </div> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6> {{trans "catalog.product.view.TRCAT1.details.technical.badge4.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRCAT1.details.technical.badge4.text"}} </div> </div> </div> </div> <div class="technical-details-image"> <img src="/media/tractive/product-detail/tracker/Tractive-GPS-CAT-Tracker.png" alt="{{trans " img.alt.product.detail.dimensions"}}"/> </div> </div> </div> </div> </div> <div class="tractive-row tractive-grid"> <div class="feature-block backdrop-light"> <h2>{{trans "catalog.product.view.details.easy.to.use.header"}}</h2> <div class="badges tractive-row badges-vertical"> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6> {{trans "catalog.product.view.details.easy.to.use.apps"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.details.easy.to.use.apps.text"}} <br/> <a title="Tractive GPS for iPhone" href="{{trans "apps.apple.gps.link"}}" target="_blank"> <img class="app-button google-play" src="/media/tractive/product-detail/app-store-badge.svg" alt="app-store"/> </a> <a title="Tractive GPS for Android" href="https://play.google.com/store/apps/details?id=com.tractive.android.gps" target="_blank"> <img class="app-button app-store" src="/media/tractive/product-detail/google-play-badge.svg" alt="play-store"/> </a> </div> </div> </div> <div class="badge-wrapper"> <div class="badge-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div> <div class="badge-content"> <div class="badge-header"> <h6> {{trans "catalog.product.view.details.easy.to.use.serviceplans"}} <a href="#/" data-tractive-modal="#modal-serviceplan"><i class="fa fa-question-circle" aria-hidden="true"></i></a> </h6> </div> <div class="badge-text">{{trans "catalog.product.view.details.easy.to.use.serviceplans.text"}} </div> </div> </div> </div> </div> <div class="image-block" style="background-image: url('/media/tractive/product-detail/Tractive-GPS-CAT-App-live-tracking-virtual-fence.jpg')"> </div> </div> </div>