|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/indolok.id/public_html/ |
Upload File : |
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en-ID"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Extinguisher ULTIMA Whl ABC-90 PT-50 UL, Similar Products">
<meta name="description" content="">
<title>product detail</title>
<link rel="stylesheet" href="canvasweb.css" media="screen">
<link rel="stylesheet" href="product-detail.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="canvasweb.js" defer=""></script>
<meta name="generator" content="Canvasweb 6.8.9, canvasweb.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Indolok",
"logo": "images/indolok-white.png",
"sameAs": [
"https://instagram.com/name"
]
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="product detail">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
<body data-path-to-root="./" data-include-products="true" class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-header u-sticky u-sticky-0fc4 u-white u-header" id="sec-2862"><div class="u-clearfix u-sheet u-valign-middle-sm u-sheet-1">
<a href="#" class="u-image u-logo u-image-1" data-image-width="595" data-image-height="154">
<img src="images/indolok-white.png" class="u-logo-image u-logo-image-1">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1" data-responsive-from="MD">
<div class="menu-collapse u-custom-font" style="font-size: 0.9375rem; letter-spacing: 0px; font-family: Poppins;">
<a class="u-button-style u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#" data-lang-en="{"content":"<svg class=\"u-svg-link\" viewBox=\"0 0 24 24\"><use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#menu-hamburger\"></use></svg><svg class=\"u-svg-content\" version=\"1.1\" id=\"menu-hamburger\" viewBox=\"0 0 16 16\" x=\"0px\" y=\"0px\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <rect y=\"1\" width=\"16\" height=\"2\"></rect> <rect y=\"7\" width=\"16\" height=\"2\"></rect> <rect y=\"13\" width=\"16\" height=\"2\"></rect> </g></svg>","href":"#"}" data-lang-id="{"content":"<svg class=\"u-svg-link\" viewBox=\"0 0 24 24\"><use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#menu-hamburger\"></use></svg><svg class=\"u-svg-content\" version=\"1.1\" id=\"menu-hamburger\" viewBox=\"0 0 16 16\" x=\"0px\" y=\"0px\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <rect y=\"1\" width=\"16\" height=\"2\"></rect> <rect y=\"7\" width=\"16\" height=\"2\"></rect> <rect y=\"13\" width=\"16\" height=\"2\"></rect> </g></svg>","href":"#"}" style="padding: 6px 2px; font-size: calc(1em + 12px);">
<svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-custom-font u-nav u-spacing-3 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="Indolok.html" data-lang-id="{"content":"Home","href":"Indolok.html"}" data-lang-en="{"content":"Home","href":"Indolok.html"}" style="padding: 18px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="#" data-lang-en="{"content":"Tentang Kami","href":"#"}" data-lang-id="{"content":"Tentang","href":"#"}" style="padding: 18px 20px;">Tentang Kami</a><div class="u-nav-popup"><ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-2"><li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="about-indolok.html" data-lang-en="{"content":"Tentang kami","href":"about-indolok.html"}" data-lang-id="{"content":"Tentang kami","href":"about-indolok.html"}">Tentang kami</a>
</li><li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="branches.html" data-lang-en="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}" data-lang-id="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}">Kantor Cabang & Distributor</a>
</li><li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="certifications.html" data-lang-en="{"content":"Sertifikasi","href":"certifications.html"}" data-lang-id="{"content":"Sertifikasi","href":"certifications.html"}">Sertifikasi</a>
</li></ul>
</div>
</li><li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="solutions.html" data-lang-en="{"content":"Solusi","href":"solutions.html"}" data-lang-id="{"content":"Solusi","href":"solutions.html"}" style="padding: 18px 20px;">Solusi</a><div class="u-nav-popup"><ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-3"><li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="fire-solutions.html" data-lang-en="{"content":"Fire Solution","href":"fire-solutions.html"}" data-lang-id="{"content":"Fire Solution","href":"fire-solutions.html"}">Fire Solution</a>
</li><li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="security-solutions.html" data-lang-en="{"content":"Security Solution","href":"security-solutions.html"}" data-lang-id="{"content":"Security Solution","href":"security-solutions.html"}">Security Solution</a>
</li></ul>
</div>
</li><li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="clients.html" data-lang-en="{"content":"Klien","href":"clients.html"}" data-lang-id="{"content":"Klien","href":"clients.html"}" style="padding: 18px 20px;">Klien</a>
</li><li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="blog.html" data-lang-en="{"content":"Artikel","href":"blog.html"}" data-lang-id="{"content":"Artikel","href":"blog.html"}" style="padding: 18px 20px;">Artikel</a>
</li><li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="contact-us.html" data-lang-en="{"content":"Contact","href":"contact-us.html"}" data-lang-id="{"content":"Contact","href":"contact-us.html"}" style="padding: 18px 20px;">Contact</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-container-style u-custom-color-1 u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-left u-custom-font u-nav u-popupmenu-items u-spacing-11 u-unstyled u-nav-4"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Indolok.html" data-lang-id="{"content":"Home","href":"Indolok.html"}" data-lang-en="{"content":"Home","href":"Indolok.html"}">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="#" data-lang-en="{"content":"Tentang Kami","href":"#"}" data-lang-id="{"content":"Tentang","href":"#"}">Tentang Kami</a><div class="u-nav-popup"><ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-5"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="about-indolok.html" data-lang-en="{"content":"Tentang kami","href":"about-indolok.html"}" data-lang-id="{"content":"Tentang kami","href":"about-indolok.html"}">Tentang kami</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="branches.html" data-lang-en="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}" data-lang-id="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}">Kantor Cabang & Distributor</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="certifications.html" data-lang-en="{"content":"Sertifikasi","href":"certifications.html"}" data-lang-id="{"content":"Sertifikasi","href":"certifications.html"}">Sertifikasi</a>
</li></ul>
</div>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="solutions.html" data-lang-en="{"content":"Solusi","href":"solutions.html"}" data-lang-id="{"content":"Solusi","href":"solutions.html"}">Solusi</a><div class="u-nav-popup"><ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-6"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="fire-solutions.html" data-lang-en="{"content":"Fire Solution","href":"fire-solutions.html"}" data-lang-id="{"content":"Fire Solution","href":"fire-solutions.html"}">Fire Solution</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="security-solutions.html" data-lang-en="{"content":"Security Solution","href":"security-solutions.html"}" data-lang-id="{"content":"Security Solution","href":"security-solutions.html"}">Security Solution</a>
</li></ul>
</div>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="clients.html" data-lang-en="{"content":"Klien","href":"clients.html"}" data-lang-id="{"content":"Klien","href":"clients.html"}">Klien</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="blog.html" data-lang-en="{"content":"Artikel","href":"blog.html"}" data-lang-id="{"content":"Artikel","href":"blog.html"}">Artikel</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="contact-us.html" data-lang-en="{"content":"Contact","href":"contact-us.html"}" data-lang-id="{"content":"Contact","href":"contact-us.html"}">Contact</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-align-center u-clearfix u-image u-shading u-section-1" id="carousel_2792" data-image-width="4341" data-image-height="3000">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<h6 class="u-text u-text-default u-text-1">Fire extinguiser</h6>
</div>
</section>
<section class="u-align-center u-clearfix u-white u-section-2" id="sec-f4bb">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-sheet-1"><!--product--><!--product_options_json--><!--{"source":"6"}--><!--/product_options_json-->
<div class="u-container-style u-expanded-width u-product u-shape-rectangle u-product-1" data-products-datasource="site" data-product-id="6">
<div class="u-container-layout u-valign-bottom-xs u-container-layout-1"><!--product_gallery--><!--options_json--><!--{"maxItems":""}--><!--/options_json-->
<div class="u-carousel u-expanded-width-xs u-gallery u-layout-thumbnails u-lightbox u-no-transition u-product-control u-show-text-none u-thumbnails-position-bottom u-gallery-1" data-interval="5000" data-u-ride="carousel" id="carousel-f941">
<div class="u-carousel-inner u-gallery-inner" role="listbox"><div class="u-carousel-item u-gallery-item u-active">
<div class="u-back-slide">
<img class="u-back-image u-expanded u-image-contain" src="images/Halotron2.jpeg">
</div>
<div class="u-over-slide u-over-slide-1">
<h3 class="u-gallery-heading">Sample Title</h3>
<p class="u-gallery-text">Sample Text</p>
</div>
</div><div class="u-carousel-item u-gallery-item">
<div class="u-back-slide">
<img class="u-back-image u-expanded u-image-contain" src="images/Halotron2.jpeg">
</div>
<div class="u-over-slide u-over-slide-1">
<h3 class="u-gallery-heading">Sample Title</h3>
<p class="u-gallery-text">Sample Text</p>
</div>
</div><div class="u-carousel-item u-gallery-item">
<div class="u-back-slide">
<img class="u-back-image u-expanded u-image-contain" src="images/Halotron2.jpeg">
</div>
<div class="u-over-slide u-over-slide-1">
<h3 class="u-gallery-heading">Sample Title</h3>
<p class="u-gallery-text">Sample Text</p>
</div>
</div></div>
<a class="u-carousel-control u-carousel-control-prev u-icon-circle u-opacity u-opacity-70 u-text-grey-60 u-text-hover-grey-75 u-carousel-control-1" href="#carousel-f941" role="button" data-u-slide="prev">
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175"><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"></path></svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 477.175 477.175"><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"></path></svg>
</span>
</a>
<a class="u-carousel-control u-carousel-control-next u-icon-circle u-opacity u-opacity-70 u-text-grey-60 u-text-hover-grey-75 u-carousel-control-2" href="#carousel-f941" role="button" data-u-slide="next">
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175"><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"></path></svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 477.175 477.175"><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"></path></svg>
</span>
</a>
<ol class="u-carousel-thumbnails u-spacing-20 u-carousel-thumbnails-1"><li class="u-border-1 u-border-palette-5-base u-carousel-thumbnail u-radius u-carousel-thumbnail-1 u-active" data-u-target="#carousel-f941" data-u-slide-to="0">
<img class="u-carousel-thumbnail-image u-image" src="images/Halotron2.jpeg">
</li><li class="u-border-1 u-border-palette-5-base u-carousel-thumbnail u-radius u-carousel-thumbnail-1" data-u-target="#carousel-f941" data-u-slide-to="1">
<img class="u-carousel-thumbnail-image u-image" src="images/Halotron2.jpeg">
</li><li class="u-border-1 u-border-palette-5-base u-carousel-thumbnail u-radius u-carousel-thumbnail-1" data-u-target="#carousel-f941" data-u-slide-to="2">
<img class="u-carousel-thumbnail-image u-image" src="images/Halotron2.jpeg">
</li></ol>
</div><!--/product_gallery--><!--product_title-->
<h2 class="u-product-control u-text u-text-custom-color-1 u-text-1"> Extinguisher ULTIMA Whl ABC-90 PT-50 UL</h2><!--/product_title--><!--product_content-->
<div class="u-custom-font u-product-control u-product-desc u-text u-text-2">Alat pemadam api yang bersih dan tidak meninggalkan residu, sangat efektif untuk semua resiko kebakaran A,B dan C (E). </div><!--/product_content-->
<p class="u-heading-font u-text u-text-3">Waktu Semprot : 10 Detik <br>Efektifitas Penyemprotan : 97 % <br>Jarak Penyemprotan : 2 - 7 Meter <br>Temperatur : -40 - 49 C <br>Test tekanan : 25 Bar <br>Tekanan dalam tabung : 7 Bar <br>Fire Rating Dinas Kebakaran : 1A 3B <br>Dimensi :
45 x 28 x 13 Cm
</p>
</div>
</div><!--/product-->
</div>
</section>
<footer class="u-align-center u-clearfix u-custom-color-10 u-footer u-footer" id="sec-bd46"><div class="u-clearfix u-sheet u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width-sm u-expanded-width-xs u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-center-sm u-align-center-xs u-align-left-lg u-align-left-md u-align-left-xl u-container-align-left-lg u-container-align-left-md u-container-align-left-sm u-container-align-left-xs u-container-style u-layout-cell u-size-15 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<p class="u-text u-text-default u-text-1" data-lang-en="<span style="font-weight: 700;">PT. Indolok Bakti Utama<br></span><br>Palma Tower Lt.11&nbsp;<br>Unit C,D,E<br>Jl RA. Kartini II, S Kav.6 No.Sektor 2 Jakarta 12310&nbsp;<br><br>" data-lang-id="<span style="font-weight: 700;">PT. Indolok Bakti Utama<br></span><br>Palma Tower Lt.11&nbsp;<br>Unit C,D,E<br>Jl RA. Kartini II, S Kav.6 No.Sektor 2 Jakarta 12310&nbsp;<br><br>">
<span style="font-weight: 700;">PT. Indolok Bakti Utama<br>
</span>
<br>Palma Tower Lt.11 <br>Unit C,D,E<br>Jl RA. Kartini II, S Kav.6 No.Sektor 2 Jakarta 12310 <br>
<br>
</p>
</div>
</div>
<div class="u-container-align-center-sm u-container-align-center-xs u-container-style u-layout-cell u-size-15 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<p class="u-align-center-sm u-align-center-xs u-text u-text-default u-text-2" data-lang-en="Solutions<br><br><span style="font-weight: 400;">Fire Solution<br>Security Solution</span>" data-lang-id="Solutions<br><br><span style="font-weight: 400;">Fire Solution<br>Security Solution</span>">Solutions<br>
<br>
<span style="font-weight: 400;">Fire Solution<br>Security Solution
</span>
</p>
</div>
</div>
<div class="u-container-style u-layout-cell u-size-15 u-layout-cell-3">
<div class="u-container-layout u-container-layout-3">
<p class="u-text u-text-default u-text-3" data-lang-en="About Indolok" data-lang-id="About Indolok">About Indolok</p>
</div>
</div>
<div class="u-container-style u-layout-cell u-size-15 u-layout-cell-4">
<div class="u-container-layout u-valign-top u-container-layout-4">
<div class="u-align-center u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" title="instagram" target="_blank" href="https://instagram.com/name"><span class="u-file-icon u-icon u-social-icon u-social-instagram u-text-white u-icon-1"><img src="images/1400829-899945ec.png" alt=""></span>
</a>
<a class="u-social-url" target="_blank" data-type="LinkedIn" title="LinkedIn" href=""><span class="u-file-icon u-icon u-social-icon u-social-linkedin u-text-white u-icon-2"><img src="images/3536569-288af1f9.png" alt=""></span>
</a>
<a class="u-social-url" target="_blank" data-type="Custom" title="Custom" href=""><span class="u-file-icon u-icon u-social-custom u-social-icon u-text-white u-icon-3"><img src="images/5968812-41b1313c.png" alt=""></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div></footer>
<section class="u-black u-clearfix u-container-style u-dialog-block u-opacity u-opacity-70 u-payment-dialog u-valign-middle u-dialog-section-5" id="sec-b0e1">
<div class="u-align-center u-container-style u-dialog u-radius-25 u-shape-round u-white u-dialog-1">
<div class="u-container-layout u-valign-top u-container-layout-1">
<h5 class="u-align-left u-text u-text-1">Buy Now</h5>
<div class="u-expanded-width u-products u-products-1" data-site-sorting-prop="created" data-site-sorting-order="desc" data-items-per-page="1">
<div class="u-list-control"></div>
<div class="u-repeater u-repeater-1">
<!--product_item--><div class="u-container-style u-products-item u-repeater-item">
<div class="u-container-layout u-similar-container u-container-layout-2">
<h5 class="u-align-left u-product-control u-text u-text-2">
<a class="u-product-title-link" href="#">Product 1 Title</a>
</h5>
<div class="u-align-left u-product-control u-product-desc u-text u-text-3">
<p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="u-align-left u-product-control u-product-quantity u-product-quantity-1">
<div class="u-hidden u-quantity-label">Quantity</div>
<div class="u-border-1 u-border-grey-30 u-quantity-input u-radius-50">
<a class="disabled minus u-button-style u-quantity-button u-text-body-color">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg>
</a>
<input class="u-input" type="text" value="1" pattern="[0-9]+">
<a class="plus u-button-style u-quantity-button u-text-body-color">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8 M 8 4 v 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
<div class="u-align-left u-product-control u-product-price u-product-price-1" data-add-zero-cents="true">
<div class="u-price-wrapper u-spacing-10">
<div class="u-hide-price u-old-price" style="text-decoration: line-through !important;">$20.00</div>
<div class="u-price" style="font-size: 1.25rem; font-weight: 700;">$17.00</div>
</div>
</div>
</div>
</div><!--/product_item-->
</div>
<div class="u-list-control"></div>
</div>
<div class="u-expanded-width u-payment-services u-tab-links-align-justify u-tab-payment u-tab-vertical u-tabs u-payment-services-1" data-payment-order-approved-message="Your order has been approved. Thank you!" data-payment-order-cancelled-message="Unable to process your order. Please try again later.">
<ul class="u-tab-list u-unstyled" role="tablist"><li class="u-tab-item" role="presentation"><a class="active u-active-grey-10 u-button-style u-payment-paypal u-tab-link u-text-body-color" id="link-tab-9cb3" href="#tab-9cb3" role="tab" aria-controls="tab-9cb3" aria-selected="true"><input type="radio" class="u-field-input u-grey-15 u-radius-15" name="payment-group" checked="checked"><span>Paypal</span><svg class="u-svg-content" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"><path fill="#009EE3" d="M11,5.9H18c3.8,0,5.2,1.9,4.9,4.7c-0.3,4.7-3.2,7.2-6.9,7.2h-1.9c-0.5,0-0.8,0.3-0.9,1.3l-0.8,4.3
c-0.1,0.3-0.2,0.5-0.5,0.6H7.6c-0.4,0-0.5-0.3-0.4-1l2.6-16C9.9,6.3,10.2,5.9,11,5.9z"></path><path fill="#113984" d="M6.7,0h7.1c2,0,4.3,0.1,5.9,1.5c1.1,0.9,1.6,2.4,1.5,4c-0.4,5.4-3.7,8.5-8,8.5H9.6c-0.6,0-0.9,0.4-1.2,1.5
l-0.9,5.1C7.4,21,7.3,21.3,7,21.3H2.6C2,21.3,1.9,21,2,20.1L5.2,1.3C5.3,0.4,5.7,0,6.7,0z"></path><path fill="#172C70" d="M8.6,14.8l1.3-7.9c0.1-0.7,0.5-1,1.3-1h7.1c1.2,0,2.1,0.2,2.8,0.5c-0.7,4.8-3.8,7.5-7.9,7.5H9.6
C9.1,13.9,8.8,14.1,8.6,14.8z"></path></svg>
</a>
</li><li class="u-tab-item" role="presentation"><a class="u-active-grey-10 u-button-style u-payment-stripe u-tab-link u-text-body-color" id="link-tab-ab80" href="#tab-ab80" role="tab" aria-controls="tab-ab80" aria-selected="false"><input type="radio" class="u-field-input u-grey-15 u-radius-15" name="payment-group"><span>Stripe</span><svg class="u-svg-content" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24"><path fill="#635BFF" d="M14,9.2c-2.3-0.8-3.4-1.5-3.4-2.4c0-0.8,0.8-1.3,2-1.3c2.3,0,4.7,0.8,6.4,1.6l0.9-5.5
c-1.3-0.5-4-1.6-7.7-1.6C9.6,0,7.5,0.7,5.8,1.9C4.1,3.2,3.4,4.9,3.4,7.2c0,4,2.6,5.7,6.8,7.2c2.7,0.9,3.6,1.6,3.6,2.5
c0,0.9-0.9,1.6-2.4,1.6c-1.9,0-5.2-0.9-7.3-2.1L3,22c1.8,0.9,5.1,2,8.7,2c2.8,0,5.1-0.7,6.6-1.9c1.8-1.3,2.7-3.2,2.7-5.7
C20.9,12.3,18.2,10.7,14,9.2L14,9.2z"></path></svg>
</a>
</li></ul>
<div class="u-tab-content">
<div class="u-container-style u-payment-paypal u-tab-active u-tab-pane" id="tab-9cb3" role="tabpanel" aria-labelledby="link-tab-9cb3">
<div class="u-container-layout u-payment-services-inner u-container-layout-3">Loading...</div>
</div>
<div class="u-container-style u-payment-stripe u-tab-pane" id="tab-ab80" role="tabpanel" aria-labelledby="link-tab-ab80">
<div class="u-container-layout u-container-layout-4">
<a href="#" class="u-btn u-button-style u-stripe-button u-btn-1">Pay with Stripe</a>
</div>
</div>
</div>
</div>
</div><button class="u-dialog-close-button u-icon u-text-grey-40 u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 16 16" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-efe9"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 16 16" x="0px" y="0px" id="svg-efe9"><rect x="7" y="0" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3138 8.0002)" width="2" height="16"></rect><rect x="0" y="7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3138 8.0002)" width="16" height="2"></rect></svg></button>
</div>
</section><style>.u-dialog-section-5 .u-dialog-1 {
width: 570px;
min-height: 578px;
height: auto;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
margin: 60px auto;
}
.u-dialog-section-5 .u-container-layout-1 {
padding: 34px 35px;
}
.u-dialog-section-5 .u-text-1 {
font-weight: 700;
margin: 0 165px 0 0;
}
.u-dialog-section-5 .u-products-1 {
margin-top: 30px;
margin-bottom: 0;
}
.u-dialog-section-5 .u-repeater-1 {
grid-template-columns: 100%;
min-height: 206px;
grid-gap: 10px;
}
.u-dialog-section-5 .u-container-layout-2 {
padding: 0 0 30px;
}
.u-dialog-section-5 .u-text-2 {
background-image: none;
margin: 0;
}
.u-dialog-section-5 .u-text-3 {
font-size: 0.875rem;
margin: 20px 0 0;
}
.u-dialog-section-5 .u-product-quantity-1 {
width: 125px;
margin: 30px auto 0 0;
}
.u-dialog-section-5 .u-product-price-1 {
margin: -34px 0 0 auto;
}
.u-dialog-section-5 .u-payment-services-1 {
min-height: 250px;
min-width: 50px;
margin: 0;
}
.u-dialog-section-5 .u-container-layout-3 {
padding: 20px 0 0;
}
.u-dialog-section-5 .u-container-layout-4 {
padding: 20px 0 0;
}
.u-dialog-section-5 .u-btn-1 {
width: 100%;
margin: 0 auto;
}
.u-dialog-section-5 .u-icon-1 {
width: 20px;
height: 20px;
left: auto;
top: 36px;
position: absolute;
right: 35px;
padding: 0;
}
@media (max-width: 1199px) {
.u-dialog-section-5 .u-text-1 {
margin-right: 165px;
}
.u-dialog-section-5 .u-payment-services-1 {
margin-right: initial;
margin-left: initial;
}
}
@media (max-width: 991px) {
.u-dialog-section-5 .u-container-layout-1 {
padding: 30px;
}
.u-dialog-section-5 .u-container-layout-3 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.u-dialog-section-5 .u-container-layout-4 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.u-dialog-section-5 .u-icon-1 {
top: 32px;
right: 30px;
}
}
@media (max-width: 767px) {
.u-dialog-section-5 .u-dialog-1 {
width: 540px;
}
}
@media (max-width: 575px) {
.u-dialog-section-5 .u-dialog-1 {
width: 340px;
}
.u-dialog-section-5 .u-container-layout-1 {
padding-left: 20px;
padding-right: 20px;
}
.u-dialog-section-5 .u-text-1 {
margin-right: 5px;
}
.u-dialog-section-5 .u-icon-1 {
right: 20px;
}
}</style>
</body></html>