Tractive GPS Classic

<div class="product-description-wrapper"> <div class="tractive-row tractive-grid"> <div class="image-block image-block-gps-live-tracking"></div> <div class="feature-block backdrop-blue"> <h2 id="c1-heading">{{trans "catalog.product.view.TRATR1.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.TRATR1.details.content1.feature1.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRATR1.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.TRATR1.details.content1.feature2.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRATR1.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.TRATR1.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.TRATR1.details.content2.feature1.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRATR1.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.TRATR1.details.content2.feature2.heading"}}</h6> </div> <div class="badge-text">{{trans "catalog.product.view.TRATR1.details.content2.feature2.text"}}</div> </div> </div> </div> </div> <div class="image-block image-block-gps-labrador"></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.TRADEFAULT.faq.question3"}} </strong> <br/> {{trans "catalog.product.view.TRADEFAULT.faq.answer3"}} </p> <p> <strong> {{trans "catalog.product.view.TRADEFAULT.faq.question4"}} </strong> <br/> {{trans "catalog.product.view.TRADEFAULT.faq.answer4"}} </p></div> </div> </div> <div class="key-features"> <div class="tractive-container"> <div class="feature-list tractive-row"> <div class="feature-item"> <div class="animation"> <video loop preload="none" muted poster="/media/tractive/animations/virtual-fence-poster.jpg"> <source src="/media/tractive/animations/virtual-fence.mp4" type="video/mp4"> Your browser does not support the animation element. </video> </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="animation"> <video loop preload="none" muted poster="/media/tractive/animations/live-tracking-poster.jpg""> <source src="/media/tractive/animations/live-tracking.mp4" type="video/mp4"> Your browser does not support the animation element. </video> </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="animation"> <video loop preload="none" muted poster="/media/tractive/animations/location-history-poster.jpg"> <source src="/media/tractive/animations/location-history.mp4" type="video/mp4"> Your browser does not support the animation element. </video> </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="animation"> <video loop preload="none" muted poster="/media/tractive/animations/share-poster.jpg"> <source src="/media/tractive/animations/share.mp4" type="video/mp4"> Your browser does not support the animation element. </video> </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.TRADEFAULT.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.TRATR1.details.technical.badge1.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRATR1.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.TRATR1.details.technical.badge2.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRATR1.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.TRATR1.details.technical.badge3.heading"}} </h6> </div> <div class="badge-text"> {{trans "catalog.product.view.TRATR1.details.technical.badge3.text"}} </div> </div> </div> </div> <div class="technical-details-image"> <img src="/media/tractive/product-detail/dimensions/Tractive-GPS-Dimensions.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-App-live-tracking-virtual-fence.jpg')"> </div> </div> <div class="box-wrapper"> <div class="tractive-container"> <h2><strong>{{trans "catalog.product.view.default.details.box.heading"}}</strong></h2> <div class="content"><p class="medium">{{trans "catalog.product.view.TRADEFAULT.details.box.content"}}</p></div> <div class="box-list tractive-row"> <div class="box-item"> <div class="img"> <img src="/media/tractive/product-detail/tracker/Tractive-GPS-Tracker.png" alt="{{trans "img.alt.product.detail.box.tracker"}}"/> </div> <div class="box-text"><h6>{{trans "catalog.product.view.TRADEFAULT.details.box.text1"}}</h6> </div> </div> <div class="box-item"> <div class="img"> <img src="/media/tractive/product-detail/box/Tractive-GPS-Collar-Clips.jpg" alt="{{trans "img.alt.product.detail.box.clips"}}"/> </div> <div class="box-text"><h6>{{trans "catalog.product.view.TRADEFAULT.details.box.text2"}}</h6> </div> </div> <div class="box-item"> <div class="img"> <img src="/media/tractive/product-detail/box/Tractive-GPS-Charger.jpg" alt="{{trans "img.alt.product.detail.box.charger"}}"/> </div> <div class="box-text"><h6>{{trans "catalog.product.view.TRADEFAULT.details.box.text3"}}</h6> </div> </div> <div class="box-item"> <div class="img"> <img src="/media/tractive/product-detail/manual/Tractive-GPS-manual.jpg" alt="{{trans "img.alt.product.detail.box.manual"}}"/> </div> <div class="box-text"><h6>{{trans "catalog.product.view.TRADEFAULT.details.box.text4"}}</h6> </div> </div> </div> </div> </div> </div>