You need to generate a formatted response based on the content:
            '''start content
            <div class="container mt-3">
<div class="top-section mb-3">
<div class="repair-duration border-left border-duration p-3">
<h6 class="text-left"><strong>Duration:</strong> 60 min. </h6>
<h6 class="text-left"><strong>Steps:</strong> 35 Steps</h6>
</p></div>
</p></div>
<div class="my-4">
<p class="lead">Ready to swap out that pesky broken display on your OnePlus 5T? With our easy-to-follow guide, you’ll be a repair pro in no time! We suggest replacing the entire display unit instead of just the shattered glass for the best results. You might need to transfer a few smaller components from your old display to the new one, so keep an eye out! Before you dive in, give your spare part a quick inspection for any damage. If anything looks off, don’t hesitate to swap it out right away. The OnePlus 5T is a breeze to fix—its display is simply hooked into the back shell, not glued, and there aren’t too many different screws to deal with. Just a heads up, loosening the clips on the display can be a little tricky, so take your time! Before you start, make sure to back up your data and set up a clean, well-lit workspace. And remember, patience is key! If you hit a snag, feel free to reach out through our live chat or drop a comment under the step you’re on. Happy repairing!</p>
</p></div>
</p></div>
<p><!-- end top-section --></p>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 1</h4>
<div id="carouselstep-1" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21433_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21434_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21435_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel4">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7005.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7005_file21433_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21433_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21434_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21435_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7005_file21433_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i>  Having touchscreen troubles with your OnePlus 5T? Don&#8217;t worry, buckaroo! If it&#8217;s not working right, give the standby button a good long squeeze for 10-15 seconds to power it off. </p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Time to shut this guy down! Press and hold the power button until you see the &#8216;Switch off&#8217; option show up.</p>
<p>&#8211; Confirm it&#8217;s going down with another tap!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 2</h4>
<div id="carouselstep-2" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7006_file21436_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7006_file21437_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel3">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7006.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7006_file21436_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7006_file21436_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7006_file21437_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7006_file21436_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:floralwhite"></i> 2 ×  Torx T2</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Alright, tech squad! Time to get crackin&#8217;! Remove the two bottom screws on the case &#8211; they&#8217;re hangin&#8217; out to the right and left of that USB port. It&#8217;s like a little doorstop, just chillin&#8217; over there, waitin&#8217; for you to let it do its thing!</p>
<p>&#8211; Now, place those screws in a safe spot, like a magnetic pad or sorting box. Easy peasy!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 3</h4>
<div id="carouselstep-3" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7007_file21438_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7007_file21439_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel3">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7007.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7007_file21438_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7007_file21438_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7007_file21439_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7007_file21438_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Remove the SIM card holder with a cool tool or a handy paper clip! Stick the tool into the teeny-tiny hole on the SIM tray and gently pull it out. Easy peasy!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 4</h4>
<div id="carouselstep-4" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21440_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21441_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21443_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21573_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel5">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7008.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7008_file21440_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21440_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21441_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21443_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21573_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="4" class="video thumbnail" aria-label="Slide 5"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7008_file21440_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
<div class="instructions">
<p>&#8211; Gently press down the back shell&#8217;s frame with the end of your trusty plectrum, and slide that plectrum into the little gap you&#8217;ve created. Going for a sturdy plastic plectrum with a stopper is a smart move—this way, it won&#8217;t wander too far into the device and accidentally bump into any delicate components.</p>
</div></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-danger" role="alert">
<p><i class="bi bi-exclamation-triangle text-red"></i> Time to get your OnePlus 5T sparkly clean! Gently place it on a soft, static-free mat or a microfiber cloth. Think of it as a spa day for your device! If you need help, you can always <a href='https://www.salvationrepair.com/repair'>schedule a repair</a></p>
</p></div>
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> Yo! The OnePlus 5T is all about two parts: the super stylin&#8217; back cover and the blinged-out display unit. And guess what? The brains and the pretty face (screen) chill in the display unit, while the back cover rocks it like a protective case. Now, let&#8217;s get this party started and fix your baby!</p>
</p></div>
</p></div>
<div class="col-12">
                </div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 5</h4>
<div id="carouselstep-5" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21444_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21445_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21446_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel4">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7044.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7044_file21444_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21444_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21445_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21446_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7044_file21444_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:firebrick"></i> Fingerprint Connector</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Flip your device over so the screen is facing down.  Easy peasy!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 6</h4>
<div id="carouselstep-6" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21447_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21449_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21448_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel4">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7045.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7045_file21447_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21447_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21449_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21448_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7045_file21447_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:firebrick"></i> Battery Connector</p>
</p></div>
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> First things first, let&#8217;s keep things safe! Disconnect that battery ASAP to dodge any pesky short circuits. You&#8217;ve got this!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Gently lift off the cover protecting the battery connector using your trusty ESD tweezers.</p>
<p>&#8211; Next up, carefully disconnect the battery with a plastic spudger. You&#8217;ve got this!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 7</h4>
<div id="carouselstep-7" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7046_file21450_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7046_file21451_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel3">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7046.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7046_file21450_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7046_file21450_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7046_file21451_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7046_file21450_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:forestgreen"></i> USB/audio flex Connector</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Whoa, you&#8217;re getting started! First off, let&#8217;s disconnect the USB/audio flex cable from the mainboard. Easy peasy!</p>
<p>&#8211; You got this! Now that&#8217;s done, it&#8217;s time to put that backcover aside. You&#8217;re making great progress!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 8</h4>
<div id="carouselstep-8" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7010_file21452_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7010_file21453_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel3">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7010.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7010_file21452_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7010_file21452_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7010_file21453_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7010_file21452_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:firebrick"></i> 6 ×  2,3 mm Phillips</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Unscrew those six little Phillips head screws holding the speaker in place – easy peasy!</p>
<p>&#8211; And with a gentle tug, pop that speaker right out!  You&#8217;re doing great.</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 9</h4>
<div id="carouselstep-9" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21460_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21459_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21455_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21456_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21596_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21458_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel7">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7011.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7011_file21460_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21460_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21459_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21455_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21456_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21596_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21458_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="6" class="video thumbnail" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7011_file21460_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 9 ×  2,3 mm Phillips</p>
</p></div>
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> Hey there!  Spot a tiny white sticker hiding a screw? No sweat! Grab your trusty tweezers, give that sticker the boot, and set it aside for safekeeping. We&#8217;ll put it back later – no worries!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Let&#8217;s get this show on the road! First, give that flex cable cover the boot and disconnect the connector.</p>
<p>&#8211; Next,  unscrew those 9 Phillips screws holding down the mainboard.  Easy peasy!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 10</h4>
<div id="carouselstep-10" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7047_file21461_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7047_file21462_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel3">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7047.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7047_file21461_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7047_file21461_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7047_file21462_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7047_file21461_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Time to ditch that flex cable! Carefully disconnect it and pop it out.  Easy peasy!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 11</h4>
<div id="carouselstep-11" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21463_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21464_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21465_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel4">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7012.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7012_file21463_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21463_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21464_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21465_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7012_file21463_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> Battery work can be a litttttle, well, sticky. So be a real sweetheart, and don&#8217;t scrunch or crush the battery. Already tried that? No worries! If the adhesive is super strong, just heat the unit up from the display side. You got this, buddy!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Time to free that battery! Gently peel off the two clear adhesive strips on each side.</p>
<p>&#8211; Now, grab the green tab and give it a little tug—easy does it!  The battery should pop right out.  No need to be a superhero; a gentle pull will do the trick.</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 12</h4>
<div id="carouselstep-12" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21466_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21597_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21572_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21468_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21598_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel6">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7015.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7015_file21466_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21466_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21597_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21572_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21468_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21598_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7015_file21466_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> Keep that adhesive cozy on the underside of the board! If it decides to wander off into the device, just grab some tweezers and guide it back to the sub-board. You&#8217;ve got this!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Unplug that antenna connector from the sub-board – easy peasy!</p>
<p>&#8211; The sub-board&#8217;s got a little glue hug.  A touch of heat will help it let go, making things super smooth sailing.</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 13</h4>
<div id="carouselstep-13" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21471_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21472_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21473_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21474_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21475_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21476_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel7">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7048.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7048_file21471_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21471_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21472_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21473_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21474_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21475_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21476_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="6" class="video thumbnail" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7048_file21471_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Unplug that display flex cable – easy peasy!</p>
<p>&#8211; Next, give that rubber spacer in the battery bay the boot!</p>
<p>&#8211; Time to gently peel off the battery&#8217;s transparent adhesive film.  Don&#8217;t worry, you can reuse it with the new display!</p>
<p>&#8211; Let&#8217;s warm up that flex cable and then give it a little tug – be gentle!</p>
<p>&#8211; Down below, a steel spatula can help loosen that cable.  Piece of cake!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 14</h4>
<div id="carouselstep-14" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7019_file21477_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7019_file21478_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel3">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7019.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7019_file21477_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7019_file21477_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7019_file21478_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7019_file21477_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; The vibration motor is a bit stuck due to some adhesive. If you&#8217;re having trouble, a little heat can help loosen it up.</p>
<p>&#8211; Gently use a spatula to carefully detach the flex cable of the vibrator, then pop it out of its socket.</p>
<p>&#8211; Now, go ahead and lift the vibration motor out of the device.</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 15</h4>
<div id="carouselstep-15" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21482_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21484_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21599_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel4">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7020.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7020_file21482_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21482_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21484_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21599_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7020_file21482_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Gently coax the top piece of the earpiece out of its cozy socket using a trusty flat tool. Then, give it a gentle tug and it&#8217;ll probably come right out. Voilà! You did it!</p>
<p>&#8211; Time to get grab-y with the tweezers! Carefully, carefully, use your tweezers to sweet-talk the grille into submission. Out comes the tweezers, and in goes the grille, effortlessly!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 16</h4>
<div id="carouselstep-16" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21485_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21486_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21487_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel4">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7013.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7013_file21485_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21485_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21486_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21487_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7013_file21485_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Peel away the tape that has the antenna cable stuck to the frame. You&#8217;ve got this!</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 17</h4>
<div id="carouselstep-17" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7017_file21574_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7017_file21489_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7017_file21491_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7017_file21490_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7017_file21492_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7017_file21493_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item video" id="carousel7">
                                <video src="https://www.idoc.eu/guides/uploads/videos/step7017.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7017_file21574_1250.jpg" controls></video>
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button 
            '''end content
            
        
        You are helping me set up SEO and content-related fields for a website - Salvation Repair.
        The site is focused on providing repair guides and tutorials for various devices, including smartphones (e.g., iPhones, Android phones), tablets, laptops, and computers.
        
        The field value name is 'title', and is one of the fields 
        that need to be populated for the post.
        
        Instructions for the field value:

        Include Actionable Keywords: Use terms like "Guide," "DIY," "How To," or "Tutorial" to make the purpose of the content clear.
         Most guides are replacing something or doing a teardown - So, instead of saying how to fix... - say, how to replace...
        Add the Device Brand and Model: Include the model (One) for specificity.
        Target Common Search Queries: Use phrases that users are likely to type, such as "Fix," "Repair," or "Replace."
        Highlight the Problem: Explicitly state the issue being resolved - possibly: "Other"
        Optimize for Long-Tail Keywords: Add details to cater to specific searches (e.g., "Step-by-Step").
        Maintain Readability: Ensure the field value remains concise yet descriptive.
        
        Optimize the post title for SEO using actionable keywords. You must include the device model and post topic in the title (OnePlus One Screen Replacement Guide). Ensure the length is 50-60 characters. - should include the focus keyphrase: OnePlus One Screen Replacement Guide
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'OnePlus'
                Model: 'One'
                Repair guide topic: 'Other'
                Always include the model (One) in responses. Do not only mention only part of the model name!
        DO NOT EVER INCLUDE ANY DEVICE MODEL NAMES OTHER THAN THOSE EXPLICITLY STATED!!
        
        Please generate a JSON response with one key:
        1. "value": The generated value for the 'title' field.

        The output should be in the following format:
        
        {"value": "Generated value here"}