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> 120 min. </h6>
<h6 class="text-left"><strong>Steps:</strong> 30 Steps</h6>
</p></div>
</p></div>
<div class="my-4">
<p class="lead">The OLED screen of your Google Pixel 4 is a hot ticket, with bragging rights over LCDs: Amazing blacks and righteous color depth make for a groovier viewing party. But OLEDs are also drama queens. A little tumble, and bam! Glass may look chill, but the OLED panel beneath is throwing a tantrum. Whether your glass is toast, the panel&#8217;s cracked, or some other screen shenanigans are going down &#8211; this totally rad repair guide will walk you through swapping out that display like a pro. We&#8217;re talking the whole shebang &#8211; new glass, new OLED, new frame. It&#8217;s not just about slapping on a fresh pane! The glass back of the Pixel 4 is like, glued to the max, so go easy when you&#8217;re prying it off. And heads up, screen replacements mean yanking and re-planting every component, so give yourself some extra time to rock this fix. Got questions or wanna dish on the guide? Hit us up at the bottom and drop a sick review!</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/step7657_file24356_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7657_file24357_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7657_file24358_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7657_file24355_1250.jpg" class="d-block w-100">
                            </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/step7657_file24356_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/step7657_file24357_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/step7657_file24358_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-1" 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/step7657_file24355_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; Press and hold the standby button on the right side for a few moments, then tap to confirm the shutdown when it pops up on your screen.</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/step7658_file24359_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24366_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24361_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24362_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24364_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24365_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24367_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24369_1250.jpg" class="d-block w-100">
                            </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/step7658_file24359_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/step7658_file24366_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24361_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24362_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24364_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24365_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24367_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24369_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-danger" role="alert">
<p><i class="bi bi-exclamation-triangle text-red"></i> Be gentle with your tool and don’t go too deep into the device—let&#8217;s keep those internal components safe and sound!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Use a heat gun or hair dryer to heat the edge of the device evenly for several minutes. This makes it easier to remove the adhesive from the back cover. Just heat up until you can touch the device with your fingers without burning yourself. Heat mostly the edge and not the middle of the device, where the battery is located.</p>
<p>&#8211; Then place the suction cup on the bottom of the back cover and pull while pressing the device down.</p>
<p>&#8211; Push a tool into the gap that is now created between the back cover and the frame. If you can&#8217;t get a plectrum in between, you can use a tool specially designed for this purpose, such as the iFlex. Be careful not to scratch the frame or back cover with the blade of the iFlex.</p>
<p>&#8211; Then heat up every part of the edge of the back cover and move the plectrum or iFlex along the edge of the back cover to gradually loosen the glue.</p>
<p>&#8211; You can use several picks to prevent the glue from rebonding in areas that have already been loosened.</p>
</div>
<div class="tools-container mt-3">
<h6 class="tools-title">Tools Used</h6>
<ol class="tools-list">
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Heat+gun+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="You can use a heat gun to heat parts that are glued on so they’re easier to remove.
In most cases, you can also use a hairdryer." rel="noopener">Heat gun <i class="bi bi-amazon"></i></a></li>
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=iFlex+Opening+Tool+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="Opening your smartphone can be a very delicate operation, especially if the glue is very persistent. The blade of the flexible but sturdy iFlex measures just 0.15 mm, so it fits in even the smallest gaps, such as between the screen and the frame. The practical iFlex is made of stainless steel and sits comfortably in the hand. This makes it the perfect assistant for every smartphone repair." rel="noopener">iFlex Opening Tool <i class="bi bi-amazon"></i></a></li>
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=VAKUPLASTIC+Suction+Cup+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">VAKUPLASTIC Suction Cup <i class="bi bi-amazon"></i></a></li>
</ol></div>
</p></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/step7659_file24370_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7659_file24371_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7659_file24375_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7659_file24372_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7659_file24374_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7659_file24373_1250.jpg" class="d-block w-100">
                            </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/step7659_file24370_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/step7659_file24371_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" 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/step7659_file24375_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" 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/step7659_file24372_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" 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/step7659_file24374_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" 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/step7659_file24373_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
<div class="instructions">
<p>&#8211; Loosen the two screws and remove the cover plate.</p>
<p>&#8211; Separate the connector with a spudger.</p>
</div></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:darkturquoise"></i> 2 ×  4,0 mm Torx T3</p>
</p></div>
<div class="alert alert-danger" role="alert">
<p><i class="bi bi-exclamation-triangle text-red"></i> Hey there, before you start disconnecting those connectors from the motherboard, take a moment to check out the area around them. You might spot some tiny components hanging out right next to the connectors. If you can, use your spudger to pry at a spot where there are no components nearby. This way, you’ll keep everything safe and sound. Remember, if you need help, you can always schedule a repair!</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 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/step7660_file24376_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7660_file24378_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7660_file24380_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7660_file24379_1250.jpg" class="d-block w-100">
                            </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/step7660_file24376_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/step7660_file24378_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/step7660_file24380_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/step7660_file24379_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
<div class="instructions">
<p>&#8211; Remove the screws of the cover plate over the battery connector.</p>
</div></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:darkturquoise"></i> 4 ×  4,0 mm Torx T3</p>
<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 1 ×  2,0 mm Torx T3</p>
<p><i class="bi bi-x-circle" style="color:gainsboro"></i> Battery connector</p>
</p></div>
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> The screws come in various lengths—think of them as a little family! Keep them in their own lanes to avoid confusion, especially when they start mingling with other screws from your device. A fantastic tip? Use a magnetic mat! Just lay out the screws and the cover plate exactly where they were in the device. Thanks to the magic of magnetism, your screws will stay right where you put them, making it way harder for them to wander off. If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>
</p></div>
</p></div>
<div class="col-12">
<div class="tools-container mt-3">
<h6 class="tools-title">Tools Used</h6>
<ol class="tools-list">
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Magnetic+Pad+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Magnetic Pad <i class="bi bi-amazon"></i></a></li>
</ol></div>
</p></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/step7661_file24381_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24382_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24390_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24383_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24384_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24385_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24386_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24387_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24388_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24389_1250.jpg" class="d-block w-100">
                            </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/step7661_file24381_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/step7661_file24382_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/step7661_file24390_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" 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/step7661_file24383_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" 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/step7661_file24384_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" 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/step7661_file24385_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24386_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24387_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24388_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24389_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:darkviolet"></i> 4 ×  4,0 mm Torx T3</p>
<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 2 ×  2,3 mm Torx</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Loosen the four screws of the cover plate above the contacts of the front camera and sensor module and remove the plate.</p>
<p>&#8211; Carefully separate the three connectors from the main board with a spudger.</p>
<p>&#8211; Unscrew the two other screws that secure the entire module.</p>
<p>&#8211; Gently lever in several places until you can remove the module.</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/step7662_file24392_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24391_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24393_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24394_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24395_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24397_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24398_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24399_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24400_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24490_1250.jpg" class="d-block w-100">
                            </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/step7662_file24392_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/step7662_file24391_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/step7662_file24393_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" 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/step7662_file24394_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" 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/step7662_file24395_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" 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/step7662_file24397_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24398_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24399_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24400_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24490_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
<div class="instructions">
<p>&#8211; Loosen the two Torx T3 screws of the lower cover plate and take it out.</p>
<p>&#8211; Disconnect all connectors and the antenna cable from the main board.</p>
</div></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:deepskyblue"></i> 1 ×  4,0 mm Torx T3</p>
<p><i class="bi bi-x-circle" style="color:deepskyblue"></i> 1 ×  4,4 mm Torx T3</p>
</p></div>
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> At Salvation Repair, we&#8217;ve got you covered! When it comes to disassembling your device, always be gentle and cautious. Think of it like unwrapping a present &#8211; you never know what&#8217;s inside! When working with connectors, use a trusty spudger to pry them off, and be kind to the tiny parts on the motherboard.</p>
<p>But be super careful when plugging those pesky connectors back in, or you might disturb the party (and damage your device!). If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a></p>
<p>At Salvation Repair, we&#8217;re here to guide you through it, step by step. Take your time, have fun, and remember &#8211; you&#8217;ve got this!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="tools-container mt-3">
<h6 class="tools-title">Tools Used</h6>
<ol class="tools-list">
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Piergiacomi+Tweezers+2a+SA+ESD+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Piergiacomi Tweezers 2a SA ESD <i class="bi bi-amazon"></i></a></li>
</ol></div>
</p></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/step7663_file24401_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7663_file24402_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7663_file24405_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7663_file24403_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7663_file24404_1250.jpg" class="d-block w-100">
                            </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/step7663_file24401_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/step7663_file24402_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-7" 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/step7663_file24405_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-7" 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/step7663_file24403_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-7" 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/step7663_file24404_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> 1 ×  4,0 mm Torx T3</p>
<p><i class="bi bi-x-circle" style="color:forestgreen"></i> 1 ×  4,4 mm Torx T3</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Unscrew those two little speaker screws.</p>
<p>&#8211; The speaker&#8217;s opening is tucked away at the bottom of your device, snugly positioned deep into the frame and hooked on the left side.</p>
<p>&#8211; Gently slide the speaker upward and pry it loose from the side.</p>
<p>&#8211; Now, go ahead and lift that speaker 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 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/step7664_file24407_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24408_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24409_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24410_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24411_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24412_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24413_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24414_1250.jpg" class="d-block w-100">
                            </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/step7664_file24407_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/step7664_file24408_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" 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/step7664_file24409_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" 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/step7664_file24410_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" 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/step7664_file24411_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" 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/step7664_file24412_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24413_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24414_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 nudge that lower tab from the upper side of the battery and slide it out to the side like the cool cat you are. Remember to peel those adhesive strips out as flat as possible—no one likes a broken strip! </p>
<p>&#8211; If one of those sneaky strips decides to tear, try to rescue the other two first. Got some tweezers? Use &#8217;em to grab that torn strip and pull it out a bit more. If that doesn&#8217;t work, it&#8217;s time to carefully lever the battery out of your device.</p>
<p>&#8211; Grab a heat source and warm up the glue—just be smart and don’t heat the battery itself. Instead, warm up the device on the display side. Safety first, right?</p>
<p>&#8211; Now it’s time for the fun part! Use a wide tool like a battery spudger or an iSesamo and carefully lift that battery from all sides until it pops out. Just keep an eye out for any flex cables hiding underneath—don’t want to hurt those little guys!</p>
</div>
<div class="tools-container mt-3">
<h6 class="tools-title">Tools Used</h6>
<ol class="tools-list">
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Battery+Spudger+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Battery Spudger <i class="bi bi-amazon"></i></a></li>
</ol></div>
</p></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/step7665_file24415_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7665_file24416_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7665_file24417_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7665_file24418_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7665_file24419_1250.jpg" class="d-block w-100">
                            </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/step7665_file24415_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/step7665_file24416_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/step7665_file24417_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/step7665_file24418_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/step7665_file24419_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; That pesky vibration motor&#8217;s glued to the USB board – no worries!</p>
<p>&#8211; Gently nudge the connector loose with a spudger.</p>
<p>&#8211; Time for some heat! Warm things up and carefully slide a thin tool (tweezers or a spatula work great) under the motor to free it.  If you&#8217;re feeling stuck, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</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/step7666_file24420_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24421_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24422_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24423_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24424_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24425_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24426_1250.jpg" class="d-block w-100">
                            </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/step7666_file24420_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/step7666_file24421_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" 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/step7666_file24422_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" 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/step7666_file24423_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" 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/step7666_file24424_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" 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/step7666_file24425_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7666_file24426_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:gainsboro"></i> 2 ×  2,0 mm Torx T3</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Start by loosening those two screws snugly holding the frame together. You&#8217;ve got this!</p>
<p>&#8211; Next up, warm up that glued wide flex cable and gently peel it away from the back of the display. Don&#8217;t forget to loosen the cable on the left side too!</p>
<p>&#8211; Now, give the USB connector a little nudge to pop it out of the frame, and then carefully lift the whole component out of the device. 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/step7667_file24427_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7667_file24432_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7667_file24428_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7667_file24429_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7667_file24430_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7667_file24433_1250.jpg" class="d-block w-100">
                            </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/step7667_file24427_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/step7667_file24432_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/step7667_file24428_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-11" 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/step7667_file24429_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-11" 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/step7667_file24430_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-11" 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/step7667_file24433_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> 2 ×  2,3 mm Torx T3</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Start by loosening those two screws that hold the lower microphone snugly in the frame.</p>
<p>&#8211; Next, gently pry between the component and the frame to free the microphone. A little hot air can help soften the glue, making it a breeze!</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/step7668_file24434_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24435_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24436_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24437_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24438_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24441_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24439_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24440_1250.jpg" class="d-block w-100">
                            </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/step7668_file24434_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/step7668_file24435_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/step7668_file24436_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/step7668_file24437_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/step7668_file24438_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" 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/step7668_file24441_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24439_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7668_file24440_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> Warm up the entire area to help loosen that pesky glue. It’ll make removal a breeze!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Hey there! You&#8217;ll find another microphone and a sensor tucked away on a cable set that&#8217;s glued to the earpiece at the very top of your device. Sneaky, right?</p>
<p>&#8211; To kick things off, start by disconnecting the connector on the side. Easy peasy!</p>
<p>&#8211; Next up, gently peel off that black rubber cover that&#8217;s keeping your microphone cozy.</p>
<p>&#8211; Now it’s time to get a little hands-on! Use a lever to pop between the microphone and the frame to free it up, and don’t forget to release the sensor on the other side of the earpiece as well. You 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 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/step7669_file24442_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7669_file24443_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7669_file24444_1250.jpg" class="d-block w-100">
                            </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/step7669_file24442_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/step7669_file24443_120.jpg" class="d-block w-100"><br />
                   
            '''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 'excerpt', 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 (Pixel) 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: "Pixel 4"
        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.
        
        Summarize the content in 1-2 sentences - max length 160 characters, keeping it enticing, clear and focus on optimizing for SEO search visibility include keyphrase: '{'Google Pixel 4 Screen Replacement Guide'}'. Utilize common search terms. The repair guide includes step-by-step instructions and images in each step. - should include the focus keyphrase: Google Pixel 4 Screen Replacement Guide
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'Google'
                Model: 'Pixel'
                Repair guide topic: 'Pixel 4'
                Always include the model (Pixel) 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 'excerpt' field.

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