AppleCare+ for iPhone
<style> .sp-body{ box-shadow: 0 3px 8px #0000001a; text-align: center; } .sp-body p.sub-title{ font-size: 20px; line-height: 26px; } .sp-body .container{ margin: 0 10px; } .how { background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #f5f5f5 100%); padding: 60px; } h2{ font-size: 30px !important; } h3 { font-size: 26px !important; font-weight: 600 !important; } .how .img-container { position: relative; } .how .col-lg-4 { margin-bottom: 60px; text-align: center; } .img-thumbnail { border: none; background-color: transparent; padding: 0; width: 60% !important; margin: 0 auto; display: block; } .how .img-container .shadow { position: absolute; bottom: 0; background: -webkit-gradient(linear,left top,left bottom,from(rgba(206,235,236,0)),to(#CEEBEC)); background: linear-gradient(180deg,rgba(206,235,236,0) 0%,#CEEBEC 100%); height: 80px; width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; } .dimmed-button { border: 1px solid #DCDCDC; border-radius: 12px; padding: 17px 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 35px; } .dimmed-button img { margin: 0 8px; width: auto; } .dimmed-button p { margin: 0 8px; } .col-lg-3 h2{ margin: 40px 0 25px 0; } .steps .single-step span { left: 0; } .steps .single-step span { font-size: 22px; font-weight: 700; position: absolute; left: 5px; top: -4px; } .steps .single-step { margin: 20px 0 0; position: relative; padding: 0 0 0 50px; } .steps .single-step h4{ font-size: 15px; font-weight: 600; line-height: 20px; } .mb-5, .my-5 { margin-bottom: 3rem!important; } #payment button { cursor: pointer; margin-top: 25px; } button.btn.btn-secondary.icon { background-color: transparent; border: 1px solid #E3E3E3; } button.btn.btn-secondary.icon div:last-child { text-align: left; padding-left: 5px; line-height: 17px; } button.btn.btn-secondary.icon > div { display: -webkit-box; display: -ms-flexbox; display: flex; } button.btn.btn-secondary.icon div:last-child small { display: block; font-size: 10px; color: #2D2D2D; } button.btn.btn-secondary.icon div:last-child span { font-size: 14px; font-weight: 600; color: #2D2D2D; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .accordion { margin: 50px 0; } .accordion h6{ font-size: 18px; margin: 25px 0 0 0; } .accordion p{ margin-top: 5px; } .column { float: left; text-align: center; width: 25%; padding: 10px; } .column img{ margin: auto auto; } .sp-body img { width: auto; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } </style> <img class="" src="https://images.ctfassets.net/9xrxa4odowze/4yghbISxnPQ4KLiJ9MISoB/953af3ef4ae025ecb3a682ce9b593237/applecare_plus_icon.png" alt="" style="width:auto; margin:auto auto;padding-top:15px;"> <!-- Buy now --> <div class="container pt-5"> <div class="row"> <div class="col-lg-7"> <div class="v-center"> <h1>Service and support from the people who know your iPhone best.</h1> <p class="sub-title">Because Apple makes the hardware, the operating systems, and many applications, our experts understand how everything works together and can help resolve most issues in a single conversation.</p> </div> </div> <div class="how"> <div class="col-lg-5"> <img class="img-thumbnail" src="https://images.ctfassets.net/9xrxa4odowze/59wbe0SseKojFpD20i38uA/0eac6f1a9fdd47fcb3d3f3a3ea9d86b5/applecare_iphone_hero.png" alt=""> </div> </div> <div class="col-lg-7"> <div class="v-center"> <h1>Enjoy 2 years of peace of mind when you buy AppleCare+ for iPhone.</h1> <p class="sub-title">AppleCare+ for iPhone provides up to two years of expert technical support and hardware coverage1, including up to two incidents of accidental damage protection every 12 months. Each incident is subject to a service fee of SAR 99 for screen or back glass damage, or SAR 349 for other accidental damage, plus applicable tax.2 Coverage begins on your AppleCare+ purchase date.</p> </div> </div> <div class="row"> <div class="column"> <img class="" src="https://images.ctfassets.net/9xrxa4odowze/5xumZn80rYggfVjVWL7F6t/19040430e48ced612e74368a30f1e1a5/icon_hardware_coverage.png" alt=""> <p>2 years of Apple-certified service and support coverage</p> </div> <div class="column"> <img class="" src="https://images.ctfassets.net/9xrxa4odowze/9WHjApx60MZfa3OCU2Evn/37edce3572a54e7a468a99a5c01adf34/ask_support_icon.png" alt=""> <p>Priority access to technical support</p> </div> <div class="column"> <img class="" src="https://images.ctfassets.net/9xrxa4odowze/gvQMyCJTkk51pfn3ayVEf/a76d6b9a972c0288204fc20ee67c82c2/icon_accidental_damage.png" alt=""> <p>Get up to 2 incidents of accidental damage protection every 12 months</p> </div> <div class="column"> <img class="" src="https://images.ctfassets.net/9xrxa4odowze/41fLqxdfTEz85Fkcibdrqc/856b7765fb9527feabd5732e5615c154/battery_icon.png" alt=""> <p>Battery service coverage</p> </div> </div> </div> <div class="row steps" style="text-align:left;"> <div class="col-lg-3"> <h2>One stop for support</h2> </div> <div class=""> <p>Because Apple designs iPhone, iOS, and many applications, iPhone is a truly integrated system. And only AppleCare+ products provide one-stop service and support from Apple experts, so most issues can be resolved in a single call.</p> <ul> <li>Priority access to Apple experts by chat or phone</li> <li>Same-day service in most major metropolitan areas world wide</li> <li>Carry-in repair: Take your iPhone to an Apple Authorized Service Provider</li> </ul> </div> </div> <div class="row steps" style="text-align:left;"> <div class="col-lg-3"> <h2>Hardware coverage</h2> </div> <div class=""> <p>AppleCare+ provides repair or replacement coverage, both parts and labor, from Apple-authorized technicians. Service coverage includes the following:</p> <ul> <li>Your iPhone</li> <li>Battery</li> <li>Up to two incidents of accidental damage protection every 12 months,2 each subject to a service fee of SAR 99 for screen or back glass damage, or SAR 349 for other accidental damage, plus applicable tax</li> </ul> </div> </div> <div class="row steps" style="text-align:left;"> <div class="col-lg-3"> <h2>Software support</h2> </div> <div class=""> <p>With AppleCare+ for iPhone, Apple experts can help troubleshoot issues with your iPhone, iOS and iCloud, and Apple-branded apps, including:</p> <ul> <li>Using iOS and iCloud</li> <li>Connecting to wireless networks</li> <li>Questions about Apple-branded iPhone apps such as FaceTime, Mail, and Calendar</li> </ul> </div> </div> <div class="row steps" style="text-align:left;"> <div class="col-lg-3"> <h2>How to buy</h2> </div> <div class=""> <p>1. Purchase AppleCare+ with your new iPhone<br> 2. Or buy it within 60 days of your iPhone purchase: </p> <ul> <li>At select Apple Authorized Service Providers (inspection of iPhone and proof of purchase are required)</li> </ul> </div> </div> </div>