feature.html 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="en" style="font-size: 50px;">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>PTC Care Plus</title>
  8. <link rel="stylesheet" href="https://unpkg.com/swiper@8.1.0/swiper-bundle.min.css">
  9. <script type="module" crossorigin src="/assets/feature.js"></script>
  10. <link rel="modulepreload" href="/assets/vendor.js">
  11. <link rel="modulepreload" href="/assets/shared.js">
  12. <link rel="stylesheet" href="/assets/shared.css">
  13. <link rel="icon" href="/favicon.png">
  14. <script type="module">var __vite_is_dynamic_import_support=false;</script>
  15. <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
  16. <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>
  17. </head>
  18. <body class="bg-gray">
  19. <div id="header"></div>
  20. <div class="tabbar">
  21. <a class="tab" href="/care/">HOME</a>
  22. <a class="tab active" href="javascript:;">FEATURE</a>
  23. <a class="tab" href="/why.html">WHY PTC</a>
  24. </div>
  25. <div id="banner-swiper" class="swiper">
  26. <div class="swiper-wrapper">
  27. <div class="swiper-slide banner" style="--bg-sm: url('sm.png'); --bg-md: url('md.png')"></div>
  28. </div>
  29. <div class="swiper-pagination"></div>
  30. </div>
  31. <div class="section">
  32. <div class="inner">
  33. <h2>Enjoy the many features of a PTC Care Plus Membership</h2>
  34. <p>
  35. Enjoy peace of mind with a care plan that covers a wide range of device makes and models of all ages. PTC Care Plus packages offer flexibility for you to choose how you protect your phone, always.
  36. </p>
  37. <p>
  38. Replace your screen protector <span class="highlight">every month</span>. Protect your screen and enjoy a fresh phone feeling every month with a new screen protector.
  39. </p>
  40. <p>
  41. <span class="highlight">Never worry about price</span>. Accidental damage? Know exactly how much to pay for a quick fix with our easy to use customer portal.
  42. </p>
  43. <p>
  44. <span class="highlight">Take advantage of exclusive offers</span>. Refer a friend, claim your discounts, or browse our range of exclusive partner offers for PTC Care Plus members.
  45. </p>
  46. <p>
  47. <span class="highlight">Keep your data*</span>. Repair your phone at any PTC Retail store and keep your data on your phone. No data back up or transfer required.
  48. </p>
  49. <p>
  50. *Not applicable in all circumstances. Terms and conditions apply. See in store for details.
  51. </p>
  52. <button class="ptc-button" data-action="buy">BUY NOW</button>
  53. </div>
  54. </div>
  55. <div id="footer"></div>
  56. <div class="popup-buy">
  57. <i class="icon-diamond"></i>
  58. <span class="buy-txt">Plus Membership services</span>
  59. <button class="buy-btn">BUY</button>
  60. </div>
  61. <script src="https://unpkg.com/swiper@8.1.0/swiper-bundle.min.js"></script>
  62. <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>
  63. <script>window.Beacon("init", "ba6bcfd9-0ac0-4f81-8d9c-8b12274e625b")</script>
  64. <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>
  65. <script nomodule id="vite-legacy-polyfill" src="/assets/polyfills-legacy.17afba19.js"></script>
  66. <script nomodule id="vite-legacy-entry" data-src="/assets/feature-legacy.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  67. </body>
  68. </html>