CINXE.COM
,
<!-- InstanceEndEditable --> <!DOCTYPE html> <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> <!--[if !IE]><!--> <html lang="en"> <!--<![endif]--><head> <head> <!-- InstanceBeginEditable name="title" --> <title>, </title> <!-- Meta --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="description" content="Product - " > <meta name="keywords" content="Product, Product Details, " > <meta name="author" content="American Portwell Technology, Inc."> <meta name="copyright" content="American Portwell Technology, Inc."> <meta name="distribution" content="global"> <!-- InstanceEndEditable --> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Favicon --> <link rel="shortcut icon" href="https://portwell.com/ico/Portwell.ico"> <!-- Web Fonts --> <link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin'> <link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800,900'> <!-- CSS Global Compulsory --> <link rel="stylesheet" href="../assets-n/plugins/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="../assets-n/css/style.css"> <link rel="stylesheet" href="../assets-n/css/index.css"> <!-- CSS Header and Footer --> <link rel="stylesheet" href="../assets-n/css/headers/header-default.css"> <link rel="stylesheet" href="../assets-n/css/footers/footer-v1.css"> <!-- CSS Implementing Plugins --> <link rel="stylesheet" href="../assets-n/plugins/animate.css"> <link rel="stylesheet" href="../assets-n/plugins/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="../assets-n/plugins/revolution-slider/rs-plugin/css/settings.css" type="text/css" media="screen"> <link rel="stylesheet" href="../assets-n/plugins/slick/slick.css"> <link rel="stylesheet" href="../assets-n/css/event.style.css"> <link rel="stylesheet" href="../assets-n/css/details_page.css"> <!--[if lt IE 9]><link rel="stylesheet" href="../assets/plugins/revolution-slider/rs-plugin/css/settings-ie8.css" type="text/css" media="screen"><![endif]--> <!-- <link rel="stylesheet" type="text/css" href="../assets/css/IE_support.css" /> <script src="../assets/js/IE_support_template.js" type="text/javascript"></script> --> <!--[if IE]> <link href="../ie_edge/bootstrap-ie9.min.css" rel="stylesheet"> <script src="../ie_edge/html5shiv@3.7.3"></script> <![endif]--> <!--[if lt IE 9]> <link href="../ie_edge/bootstrap-ie8.min.css" rel="stylesheet"> <![endif]--> <!-- InstanceBeginEditable name="css" --> <link rel="stylesheet" href="../assets-n/css/products.css"> <link rel="stylesheet" href="../assets-n/plugins/fancybox/source/jquery.fancybox.css"> <!-- InstanceEndEditable --> <!-- CSS Lightbox --> <link rel="stylesheet" href="../css/colorbox.css" /> <link rel="stylesheet" href="../assets-n/css/details_page_n.css" /> <style> </style> <!-- Event snippet for Contact Page conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <!--<script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-1069667718/zNDRCMiMTBCGq4f-Aw', 'value': 1.0, 'currency': 'USD', 'event_callback': callback }); return false; } </script> --> <!-- Global site tag (gtag.js) - Google Ads: 1069667718 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1069667718"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1069667718'); </script> <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0107/2855.js" async="async"></script> </head> <!-- InstanceBeginEditable name="Body" --> <body class="header-fixed header-fixed-space-default"> <!-- InstanceEndEditable --> <!-- Image Modal --> <div id="imageModal" class="modal"> <span class="close">×</span> <img class="modal-content" id="img01"> <div id="caption"></div> </div> <div class="wrapper"> <!--=== Header ===--> <!--=== End Header ===--> <!-- InstanceBeginEditable name="content" --> <!-- Breadcrumb--> <div class="breadcrumbs"> <div class="container"> <ul class="pull-left breadcrumb"> <li><a href="../index.html"><i class="fa fa-home"></i> Home</a></li> <li><a href="products.php">Product</a></li> <li class='active'></li> </ul> </div> </div> <!-- End Breadcrumb--> <div class="container"> <div class="row"> <!--Sales Request & Downloiad PDF--> <br> <div class="col-md-12" > <div class="col-md-12 col-sm-12 div-h1h2 hg-title" > <h1></h1> <h2 id="prod-h2" ></h2> </div> </div> <!-- End Sales Request & Downloiad PDF--> </div> <div class="row"> <!--Image 500 / zoom 1000--> <div class="col-lg-5 col-md-12 col-md-12 col-xs-12 padding-top15"> <!--*--> <br> <ul class="list-unstyled row portfolio-box"> <li class="col-md-12"> <span class='pf-container zoom' id='ex1' onclick="openModal();currentSlide(1)" > <img id="expandedImg" /> <!--<p id="expandedP" >Hover</p>--> </span> <div class="pf-row"> <div class="pf-column"> <img id="first_img" src="" alt="Hover to zoom" style="width:100%;" onclick="showPic(this);"> </div> <div class="pf-column"> </div> <div class="pf-column"> </div> <div class="pf-column"> </div> <div class="pf-column"> </div> <div class="pf-column"> </div> </div> <!--- lightbox modal----> <div id="imgModal" class="modal" > <span class="close cursor" onclick="closeModal()">×</span> <div class="modal-content"> <div class="imgSlides"> <div class="numbertext">1</div> <img class="imgg" src="" style="width:auto; max-height: calc(100vh - 320px);max-width: calc(100vw - 650px);"> </div> <a class="prev-gal" onclick="plusSlides(-1)">❮</a> <a class="next-gal" onclick="plusSlides(1)">❯</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="pf-column" style="background-color: #fff;" > <img class="demo cursor" src="" style="width:60%" onclick="currentSlide(1)" alt="Nature and sunrise"> </div> <div class="pf-column" style="background-color: #fff;" > </div> <div class="pf-column" style="background-color: #fff;" > </div> <div class="pf-column" style="background-color: #fff;" > </div> </div> </div> <!--- end of lightbox modal----> </li> </ul> <!--*--> </div> <!--End Image 500 / zoom 1000--> <!--Modle Name & Feature--> <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 padding-top15"> <br> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 products-feature"><h3>Features</h3> <ul> <!--*--> <!--*--> </ul> </div> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 div-btn div-btn-l" > <a class="btn-u btn-u-lg ajax" href="/products/request-new.php?CUSTCHAR1=" onclick="var that=this;_gaq.push(['_trackEvent','quote','form',this.href]);setTimeout(function(){location.href=that.href;},200); return false;"><i class="fa fa-comments-o"></i> Quote & Request</a>    </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 div-btn" > <a class="btn-u btn-u-lg " onclick="window.open('https://www.portwell.com/pdf//.pdf');"><i class="fa fa-cloud-download"></i> Datasheet</a> </div> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 div-btn div-btn-r" > <a class="btn-u btn-u-lg ajax btn-opp" href="/products/request-sample.php?CUSTCHAR1=" ><i class="fa fa-hand-o-right"></i> Request Evaluation Sample</a>    </div> </div> </div> <br><br> <div class="row" > <div class="tabbable" style="margin: 0px 20px;" > <ul class="nav nav-tabs" > <li class="active"><a href="#pane1" data-toggle="tab">Introduction</a></li> <li><a href="#pane4" data-toggle="tab">Ordering Guide</a></li> <!--<li><a href="#pane5" data-toggle="tab">Related Products</a></li>--> </ul> <div class="tab-content" > <div id="pane1" class="tab-pane active" > <br> <!--Description--> <section > <div class="container products-description"> <div class="col-md-12 products-feature" style="background-color:transparent !important;color:#555555;"> <!--*--> <!--*--> </div> </div> </section> <!--End Description--> </div> <div id="pane2" class="tab-pane"> <br> <section > <div class="container products-description"> <div class="col-md-12 products-feature" style="background-color:transparent !important;"> </div> </div> </section > </div> <div id="pane3" class="tab-pane"> <br> <section > <div class="container products-description"> <div class="col-md-12 products-feature" style="background-color:transparent !important;"> </div> </div> </section > </div> <div id="pane4" class="tab-pane"> <section > <div class="container products-description"> <div class="col-md-12 products-feature" style="background-color:transparent !important;"> <!--*--> <!--*--> </div> </div> </section> </div> </div><!-- /.tab-content --> </div><!-- /.tabbable --> </div> <br> <!--test ------------> <div class="row"> </div> <!--Related Product--> <!-- <section > <div class="container"> </div> </section>--> <!--End of Related Product--> </div> <br> <br> <br> <div class="section-background contact-section" > <div class="container"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-4 col-sm-12 col-xs-12 contact-section-in"> <div class="contact-sec-icon" > <i class="fa fa-2x fa-map-marker"></i> </div> <div class="contact-sec-text" style="display: table-cell;"> 44200 Christy Street,<br> Fremont, CA 94538 USA </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 contact-section-in"> <div class="contact-sec-icon" > <i class="fa fa-2x fa-phone"></i> </div> <div class="contact-sec-text" style=""> +1 510-403-3399<br> +1-877-APT-8899<br> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 contact-section-in"> <div class="contact-sec-icon" > <i class="fa fa-2x fa-envelope"></i> </div> <div class="contact-sec-text" style="display: table-cell;"> <a href="mailto:info@portwell.com">info@portwell.com</a> </div> </div> </div> </div> </div> <!-- InstanceEndEditable --> </div><!--/wrapper--> <!--=== End Style Switcher ===--> <!-- JS Global Compulsory --> <script type="text/javascript" src="../assets-n/plugins/jquery/jquery.min.js"></script> <script type="text/javascript" src="../assets-n/plugins/jquery/jquery-migrate.min.js"></script> <script type="text/javascript" src="../assets-n/plugins/bootstrap/js/bootstrap.min.js"></script> <!-- JS Implementing Plugins --> <script type="text/javascript" src="../assets-n/plugins/back-to-top.js"></script> <!--<script type="text/javascript" src="../assets-n/plugins/smoothScroll.js"></script>--> <!-- JS Page Level --> <script type="text/javascript" src="../assets-n/js/app.js"></script> <!-- JS Lightbox --> <script type="text/javascript" src="../js/jquery.colorbox.js"></script> <!-- Jquery Zoom --> <script src='../assets-n/js/jquery.zoom.min.js'></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-142484627-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-142484627-1'); </script> <script type="text/javascript" > function openModal() { document.getElementById("imgModal").style.display = "flex"; } function closeModal() { document.getElementById("imgModal").style.display = "none"; } var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("imgSlides"); var dots = document.getElementsByClassName("demo"); var captionText = document.getElementById("caption"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "flex"; dots[slideIndex-1].className += " active"; captionText.innerHTML = dots[slideIndex-1].alt; } function showPic(imgs) { var expandImg = document.getElementById("expandedImg"); expandImg.src = imgs.src; expandImg.parentElement.style.display = "block"; $('#ex1').trigger('zoom.destroy'); $('#ex1').zoom(); } jQuery(document).ready(function() { App.init(); var firstImg = document.getElementById("first_img"); showPic(firstImg); $.support.cors = true; $(".ajax").colorbox(); $('#ex1').zoom(); $('#spec-tbody').on('hidden.bs.collapse', function (e) { $("#expand-btn").addClass('glyphicon-chevron-up').removeClass('glyphicon-chevron-down'); }); $('#spec-tbody').on('shown.bs.collapse', function (e) { $("#expand-btn").addClass('glyphicon-chevron-down').removeClass('glyphicon-chevron-up'); }); $("body").on("click", ".modal-dialog", function(e) { //alert('here'); if ($(e.target).hasClass('modal-dialog')) { var hidePopup = $(e.target.parentElement).attr('id'); $('#' + hidePopup).modal('hide'); } }); $(document).click(function (e){ if ($(e.target).is('#imgModal') && ($('#imgModal').is(':visible'))) { var modal = document.getElementById("imgModal"); modal.style.display = "none"; } }); $('[data-toggle="tooltip"]').tooltip(); /*for image modal*/ /*var modal = document.getElementById("imageModal"); // Get the image and insert it inside the modal - use its "alt" text as a caption var imgDiv = document.getElementById("ex1"); var img = document.getElementById("expandedImg"); var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); imgDiv.onclick = function(){ modal.style.display = "block"; modalImg.src = img.src; captionText.innerHTML = img.alt; } // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } $(document).click(function (e){ if ($(e.target).is('#imageModal') && ($('#imageModal').is(':visible'))) { modal.style.display = "none"; } });*/ $('#myCarousel').carousel({ interval: 10000 }) $('#myCarousel').on('slid.bs.carousel', function() { //alert("slid"); }); }); (function(){ $('.carousel-showmanymoveone .item').each(function(){ var itemToClone = $(this); for (var i=1;i<6;i++) { itemToClone = itemToClone.next(); // wrap around if at end of item collection if (!itemToClone.length) { itemToClone = $(this).siblings(':first'); } // grab item, clone, add marker class, add to collection itemToClone.children(':first-child').clone() .addClass("cloneditem-"+(i)) .appendTo($(this)); } }); }()); </script> <!--[if lt IE 9]> <script src="../assets/plugins/respond.js"></script> <script src="../assets/plugins/html5shiv.js"></script> <script src="../assets/plugins/placeholder-IE-fixes.js"></script> <![endif]--> <script type="text/javascript"> var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:"b7e61841a4b53f9dfdb58fbff2ccadace6f7ef99ddc23a9a14a1b87607fff29a476c89fe7bd62aae03aa7fdb041e48c4", values:{},ready:function(){}}; var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true; s.src="https://salesiq.zoho.com/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);d.write("<div id='zsiqwidget'></div>"); </script> </body> <!-- InstanceEnd --></html>