<?php include 'head.php';?>
<link rel="stylesheet" href="css/detail.css" />
</head>

<body>
    <?php include 'header.php';?>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="dtl-left">
                        <div class="dtl-top hidden-md-up">
                            <h4 class="dtl-top-name"><u>Dior</u> - Sauvage Eau de Toilette</h4>
                        </div>
                        <div class="dtl-lv">
                            <div class="por">
                                <div class="dtl-thumb dtl-thumb-slider">
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="https://dummyimage.com/800x800/666666/aaa" alt="" width="800" height="800" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="https://dummyimage.com/800x800/666666/aaa" alt="" width="800" height="800" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="https://dummyimage.com/800x800/666666/aaa" alt="" width="800" height="800" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="https://dummyimage.com/800x800/666666/aaa" alt="" width="800" height="800" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="https://dummyimage.com/800x800/666666/aaa" alt="" width="800" height="800" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="https://dummyimage.com/800x800/666666/aaa" alt="" width="800" height="800" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="dtl-ex dtl-ex-slider">
                                <div class="dtl-ex-item">
                                    <picture><img src="https://dummyimage.com/75x75/666666/aaa" alt="" width="75" height="75" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="https://dummyimage.com/75x75/666666/aaa" alt="" width="75" height="75" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="https://dummyimage.com/75x75/666666/aaa" alt="" width="75" height="75" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="https://dummyimage.com/75x75/666666/aaa" alt="" width="75" height="75" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="https://dummyimage.com/75x75/666666/aaa" alt="" width="75" height="75" loading="lazy" /></picture>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="dtl-right">
                        <div class="dtl-top hidden-sm-down">
                            <h4 class="dtl-top-name"><u>Dior</u> - Sauvage Eau de Toilette</h4>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="pb-2"><a href="javascript:void(0)" rel="nofollow" class="btn btn-block">Buy Now</a></div>
                            </div>
                        </div>
                        <div class="dtl_accordion" id="accordion">
                            <h4 class="accordion_title">Description</h4>
                            <div class="accordion_content">
                                <p>Lorem ipsum dolor sit amet consectetur. Elit molestie nisi id purus suspendisse dignissim vel massa. Amet turpis augue consectetur amet nisi eget bibendum.</p>
                                <p>Lorem ipsum dolor sit amet consectetur. Elit molestie nisi id purus suspendisse dignissim vel massa. Amet turpis augue consectetur amet nisi eget bibendum.</p>
                            </div>
                            <h4 class="accordion_title">Overview</h4>
                            <div class="accordion_content" style="display: none;">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown .</p>
                                <h6 class="pb-1 pt-1 ttu f14">Lorem Ipsum</h6>
                                <ul class="unorder-list">
                                    <li>Lorem Ipsum</li>
                                    <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
                                    <li>Lorem Ipsum</li>
                                </ul>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown .</p>
                            </div>
                            <h4 class="accordion_title">Ingredients</h4>
                            <div class="accordion_content" style="display: none;">
                                <table class="table tab-table" width="100%">
                                    <tbody>
                                        <tr>
                                            <th>Brand</th>
                                            <td>Lorem Ipsum</td>
                                        </tr>
                                        <tr>
                                            <th>Brand</th>
                                            <td>Lorem Ipsum</td>
                                        </tr>
                                        <tr>
                                            <th>Set Dimensions (w*d*h)</th>
                                            <td>Bench:44"x23.5"x38"<br />Chair:23.5"x23.5"x38"<br />Table:39.25x23.5x22"</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <h4 class="accordion_title">How to Use</h4>
                            <div class="accordion_content" style="display: none;">
                                <h6 class="pb-1 ttu f14">Lorem Ipsum</h6>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <?php include 'footer.php';?>
    <?php include 'head-bottom.php';?>
    <script type="text/javascript" src="js/detail.js"></script>
    <?php include 'svg.php';?>
</body>
</html>

