|
|
@@ -0,0 +1,411 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en" style="font-size: 50px;">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <title>PTC Care Plus</title>
|
|
|
+ <link rel="stylesheet" href="https://unpkg.com/swiper@8.1.0/swiper-bundle.min.css">
|
|
|
+ <script type="module" crossorigin src="/assets/index.js"></script>
|
|
|
+ <link rel="modulepreload" href="/assets/vendor.js">
|
|
|
+ <link rel="modulepreload" href="/assets/shared.js">
|
|
|
+ <link rel="stylesheet" href="/assets/shared.css">
|
|
|
+ <link rel="stylesheet" href="/assets/index.css">
|
|
|
+ <link rel="icon" href="/favicon.png">
|
|
|
+ <script type="module">var __vite_is_dynamic_import_support=false;</script>
|
|
|
+ <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
|
|
|
+ <script type="module">!function(){if(window.__vite_is_dynamic_import_support)return;console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div id="header"></div>
|
|
|
+ <div class="tabbar">
|
|
|
+ <a class="tab active" href="javascript:;">HOME</a>
|
|
|
+ <a class="tab" href="/feature.html">FEATURE</a>
|
|
|
+ <a class="tab" href="/why.html">WHY PTC</a>
|
|
|
+ </div>
|
|
|
+ <div id="banner-swiper" class="swiper">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide banner" style="--bg-sm: url('sm.png'); --bg-md: url('md.png')"></div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ <div class="services-wrap">
|
|
|
+ <div class="services">
|
|
|
+ <div class="service">
|
|
|
+ <p class="service-name"><i class="service-icon" style="background-image: url('example.png');"></i>Lite</p>
|
|
|
+ <p class="service-desc">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <ul class="service-details">
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Production</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Screen Film</span>
|
|
|
+ <span class="item-value">Standard</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Screen Replacment</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name"
|
|
|
+ >Deep Clean & Phone Sanitisation Service</span
|
|
|
+ >
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Phone Health Inspection Service</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="service-cost">
|
|
|
+ <div class="price">
|
|
|
+ <span class="p1">$</span><span class="p2">12.4</span
|
|
|
+ ><span class="p3">Monthly</span>
|
|
|
+ </div>
|
|
|
+ <button class="buy" data-action="buy" data-id="1">Buy Now</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="service">
|
|
|
+ <p class="service-name"><i class="service-icon" style="background-image: url('example.png');"></i>Pro</p>
|
|
|
+ <p class="service-desc">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <ul class="service-details">
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Production</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Screen Film</span>
|
|
|
+ <span class="item-value">Premium</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Screen Replacment</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Battery Replacment</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Gift Card</span>
|
|
|
+ <span class="item-value">US$200</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Free Cleaning Kit</span>
|
|
|
+ <span class="item-value">✓</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name"
|
|
|
+ >Deep Clean & Phone Sanitisation Service</span
|
|
|
+ >
|
|
|
+ <span class="item-value">4</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Phone Health Inspection Service</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="service-cost">
|
|
|
+ <div class="price">
|
|
|
+ <span class="p1">$</span><span class="p2">12.4</span
|
|
|
+ ><span class="p3">Monthly</span>
|
|
|
+ </div>
|
|
|
+ <button class="buy" data-action="buy" data-id="2">Buy Now</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="service">
|
|
|
+ <p class="service-name"><i class="service-icon" style="background-image: url('example.png');"></i>Pro</p>
|
|
|
+ <p class="service-desc">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <ul class="service-details">
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Production</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Screen Film</span>
|
|
|
+ <span class="item-value">Premium</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Screen Replacment</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Gift Card</span>
|
|
|
+ <span class="item-value">US$200</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Free Cleaning Kit</span>
|
|
|
+ <span class="item-value">✓</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name"
|
|
|
+ >Deep Clean & Phone Sanitisation Service</span
|
|
|
+ >
|
|
|
+ <span class="item-value">4</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Phone Health Inspection Service</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="service-cost">
|
|
|
+ <div class="price">
|
|
|
+ <span class="p1">$</span><span class="p2">12.4</span
|
|
|
+ ><span class="p3">Monthly</span>
|
|
|
+ </div>
|
|
|
+ <button class="buy" data-action="buy" data-id="2">Buy Now</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="service">
|
|
|
+ <p class="service-name"><i class="service-icon" style="background-image: url('example.png');"></i>Pro</p>
|
|
|
+ <p class="service-desc">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <ul class="service-details">
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Production</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Screen Film</span>
|
|
|
+ <span class="item-value">Premium</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Screen Film</span>
|
|
|
+ <span class="item-value">Premium</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name"
|
|
|
+ >Deep Clean & Phone Sanitisation Service</span
|
|
|
+ >
|
|
|
+ <span class="item-value">4</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Phone Health Inspection Service</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="service-cost">
|
|
|
+ <div class="price">
|
|
|
+ <span class="p1">$</span><span class="p2">12.4</span
|
|
|
+ ><span class="p3">Monthly</span>
|
|
|
+ </div>
|
|
|
+ <button class="buy" data-action="buy" data-id="2">Buy Now</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="service">
|
|
|
+ <p class="service-name"><i class="service-icon" style="background-image: url('example.png');"></i>Pro</p>
|
|
|
+ <p class="service-desc">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <ul class="service-details">
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Production</span>
|
|
|
+ <span class="item-value">1</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Ultimate Screen Film</span>
|
|
|
+ <span class="item-value">Premium</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Screen Replacment</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Free Cleaning Kit</span>
|
|
|
+ <span class="item-value">✓</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name"
|
|
|
+ >Deep Clean & Phone Sanitisation Service</span
|
|
|
+ >
|
|
|
+ <span class="item-value">4</span>
|
|
|
+ </li>
|
|
|
+ <li class="item">
|
|
|
+ <span class="item-name">Phone Health Inspection Service</span>
|
|
|
+ <span class="item-value">2</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="service-cost">
|
|
|
+ <div class="price">
|
|
|
+ <span class="p1">$</span><span class="p2">12.4</span
|
|
|
+ ><span class="p3">Monthly</span>
|
|
|
+ </div>
|
|
|
+ <button class="buy" data-action="buy" data-id="2">Buy Now</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="details">
|
|
|
+ <div class="details-inner">
|
|
|
+ <div class="detail">
|
|
|
+ <h3 class="d-title">Ultimate Protection For your device</h3>
|
|
|
+ <p class="d-content">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <img class="d-img" src="/assets/s1.7f057f50.png" />
|
|
|
+ </div>
|
|
|
+ <div class="detail">
|
|
|
+ <h3 class="d-title">Unlimited Monthly Screen Protector</h3>
|
|
|
+ <p class="d-content">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <img class="d-img" src="/assets/s2.ac0cc8c6.png" />
|
|
|
+ </div>
|
|
|
+ <div class="detail">
|
|
|
+ <h3 class="d-title">Screen Protector Range</h3>
|
|
|
+ <p class="d-content">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <img class="d-img" src="/assets/s3.c89bc571.png" />
|
|
|
+ </div>
|
|
|
+ <div class="detail">
|
|
|
+ <h3 class="d-title">Yearly Gift Card For Your Accessories Puuchase</h3>
|
|
|
+ <p class="d-content">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <img class="d-img" src="/assets/s4.b44e6907.png" />
|
|
|
+ </div>
|
|
|
+ <div class="detail">
|
|
|
+ <h3 class="d-title">Screen And Battery Replacement Service</h3>
|
|
|
+ <p class="d-content">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <img class="d-img" src="/assets/s5.6f0ddadc.png" />
|
|
|
+ </div>
|
|
|
+ <div class="detail">
|
|
|
+ <h3 class="d-title">
|
|
|
+ Screen Protection With deamage protector and other great
|
|
|
+ </h3>
|
|
|
+ <p class="d-content">
|
|
|
+ This is a brief description of the normal version，This is a brief
|
|
|
+ description of the normal version。
|
|
|
+ </p>
|
|
|
+ <img class="d-img" src="/assets/s6.7420b509.png" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="others">
|
|
|
+ <div class="block">
|
|
|
+ <h3 class="block-title tac underline">Common Problem</h3>
|
|
|
+ <ul class="problems">
|
|
|
+ <li class="problem focus">
|
|
|
+ <p class="question">How to purchase member services</p>
|
|
|
+ <p class="answer">
|
|
|
+ This is the answer to a question，This is the answer to a
|
|
|
+ question，This is the answer to a question。
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ <li class="problem">
|
|
|
+ <p class="question">How to purchase member services</p>
|
|
|
+ <p class="answer">
|
|
|
+ This is the answer to a question，This is the answer to a
|
|
|
+ question，This is the answer to a question。
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ <li class="problem">
|
|
|
+ <p class="question">How to purchase member services</p>
|
|
|
+ <p class="answer">
|
|
|
+ This is the answer to a question，This is the answer to a
|
|
|
+ question，This is the answer to a question。
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="block">
|
|
|
+ <h3 class="block-title tac">Contact Us</h3>
|
|
|
+ <p class="sub-title tac">
|
|
|
+ Providing the best solutions for smart devices in Australia
|
|
|
+ </p>
|
|
|
+ <div class="flex-up-lg">
|
|
|
+ <div class="apps">
|
|
|
+ <a class="app" href="https://www.facebook.com/PTCAustralia" target="_blank"></a>
|
|
|
+ <a class="app" href="https://www.linkedin.com/company/ptc-phone-tech-and-comm" target="_blank"></a>
|
|
|
+ <a class="app" href="https://www.instagram.com/ptcshop_/" target="_blank"></a>
|
|
|
+ </div>
|
|
|
+ <div class="phone">
|
|
|
+ <i class="phone-icon"></i>
|
|
|
+ <div class="phone-number">
|
|
|
+ <p>400-100-100</p>
|
|
|
+ <p>Mon-Fri 9:00-17:00</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a class="block-btn" href="https://www.ptc.net.au/booking/" role="button">BOOK A REPAIR</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="block">
|
|
|
+ <h3 class="block-title">Now over 70 stores across Australia</h3>
|
|
|
+ <div class="flex-up-lg">
|
|
|
+ <div class="store-list-wrap">
|
|
|
+ <ul class="store-list">
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">Adelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="store-list">
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">Adelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">AdelaideAdelaideAdelaide</a>
|
|
|
+ </li>
|
|
|
+ <li class="store">
|
|
|
+ <a href="#">Adelaide</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <a class="block-btn" href="https://www.ptc.net.au/store-locator/" role="button">Find the nearest store</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="footer"></div>
|
|
|
+
|
|
|
+ <div class="popup-buy">
|
|
|
+ <i class="icon-diamond"></i>
|
|
|
+ <span class="buy-txt">Plus Membership services</span>
|
|
|
+ <button class="buy-btn" data-action="buy">BUY</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script src="https://unpkg.com/swiper@8.1.0/swiper-bundle.min.js"></script>
|
|
|
+
|
|
|
+ <script>!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
|
|
|
+ <script>window.Beacon("init", "ba6bcfd9-0ac0-4f81-8d9c-8b12274e625b")</script>
|
|
|
+ <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
|
|
|
+ <script nomodule id="vite-legacy-polyfill" src="/assets/polyfills-legacy.17afba19.js"></script>
|
|
|
+ <script nomodule id="vite-legacy-entry" data-src="/assets/index-legacy.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
|
|
|
+ </body>
|
|
|
+</html>
|
junxi
