<!-- Desktop browser -->
            <div class="main-desktop">
                <div class="mcdo-ar-phone">
                    <img src="images/McdoAR.png" alt="">
                </div>
                <div class="container-fluid">
                    <div class="row">
                        <div class="grid-6">
                            <div class="content">
                                <div class="logo-desktop">
                                    <img src="images/logo.png" alt="">
                                </div>
                                <span class="mcdo-ar">
                                    <p>McDonald’s Augmented Reality</p>
                                </span>
                                <h1>Best Experienced on Mobile Devices</h1>
                                <p>Nunc pulvinar ante ipsum, eu aliquet diam efficitur quis. Maecenas tempus ex vitae ves feugiat. Nullam et auctor augue.  Nullam nec semper purus, vel fermentum ligula. Pellentesque vitae enim neque. Integer fringilla felis tellus, at blandit mauris.</p>
                                <p>On your phone web browser, visit <strong>https://mcdoflavorsofjapan.mb.com.ph</strong></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="how-to-use">
                    <div class="container-fluid">
                        <div class="row justify-content-center align-items-center">
                            <div class="grid-3">
                                <div class="how">
                                    <h2>How does Mcdo Augmented Reality work?</h2>
                                </div>
                            </div>
                            <div class="grid-3">
                                <div class="row justify-content-center align-items-center">
                                    <div class="grid-3">
                                        <img src="images/step-1.png" alt="">
                                    </div>
                                    <div class="grid-9">
                                        <div class="steps-content">
                                            <h3>LOOK FOR THE STICKER</h3>
                                            <p>Etiam malesuada nec nibh etexnec egestas. commodo, exdumso.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="grid-3">
                                <div class="row justify-content-center align-items-center">
                                    <div class="grid-3">
                                        <img src="images/step-2.png" alt="">
                                    </div>
                                    <div class="grid-9">
                                        <div class="steps-content">
                                            <h3>SCAN THE STICKER WITH PHONE/APP</h3>
                                            <p>Etiam malesuada nec nibhe gest</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="grid-3">
                                <div class="row justify-content-center align-items-center">
                                    <div class="grid-3">
                                        <img src="images/step-3.png" alt="">
                                    </div>
                                    <div class="grid-9">
                                        <div class="steps-content">
                                            <h3>WATCH THE MAGIC COME ALIVE THING</h3>
                                            <p>Malesuada nec nibh etiam et egstas.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end -->