<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Find your best self with our help</title>
    <link rel="icon" href="shared/img/favicon-mm-2-32x32.png" sizes="32x32" />

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="shared/scss/style.css" rel="stylesheet">
</head>

<body>
    <div class="container-fluid">
        <div class="container banner-back">
            <div class="header">
                <div class="row">
                    <div class="col-md-2"></div>
                    <div class="col-md-8 text-center">
                        <img class="logo" src="shared/img/mm-logo.png">
                    </div>
                    <div class="col-md-2"></div>
                    <!--End TOP-->
                </div>
            </div>
        </div>
        <div class="banner ">
            <div class="bg-color">
                <div class="container banner-back  ">
                    <div class="row  vertical-center">
                        <div class="col-lg-7 col-12 header-texts pr-3">
                            <h1 class="first-header-title">Find your best self with our help</h1>
                            <h2 class="header-title">Get <strong>15% Off</strong> Your First Purchase </h2>
                            <h3 class="header-list-title text-sm-left text-center">Why Choose Mind Mend?</h3>
                            <div class="text-left list-text  ">
                                <div class="row">
                                    <div class="col-2 col-sm-1">
                                        <img src="shared/img//checkbox.webp">
                                    </div>
                                    <div class="col-10 col-sm-11">
                                        <p>Free & Fast Shipping on orders above $199 all over Canada with Canada Post Xpresspost</p>
                                    </div>
                                    <div class="col-2 col-sm-1">
                                        <img src="shared/img//checkbox.webp">
                                    </div>
                                    <div class="col-10 col-sm-11">
                                        <p>Credit & Debit Accepted with 256 Bit SSL Encryption</p>
                                    </div>
                                    <div class="col-2 col-sm-1">
                                        <img src="shared/img//checkbox.webp">
                                    </div>
                                    <div class="col-10 col-sm-11">
                                        <p>High-quality products with fair prices and great customer service.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5 col-12  p-4" style="z-index: 1;">
                            <div class="use-group">
                                <img src="shared/img/use-code.webp" class="img-bg">
                                <div class="section-light" id="form-sub">
                                    <h4 class="text-center color-white">Use code at checkout</h4>
                                    <p class="code-first border-light pr-4 pl-4">USE CODE: <span>SHRM15</span></p>
                                    <a href="/click/?<?= !empty($_GET) ? '&' . http_build_query($_GET) : ''  ?>" class="btn btn-block btn-secondary py-2" id="btn-claim">Shop Now</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12  ">
                        <div class="owl-carousel owl-theme">
                            <div class="item">
                                <div class="comment-boxs">
                                    <img src="shared/img/cathy-burns.webp" class="comment-img" />
                                    <div class="reting">
                                        <i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i>
                                        <i class="fa fa-star" style="color: #ee9e13;"></i>
                                    </div>
                                    <div class="comment-date">
                                        May 10 2023
                                    </div>

                                    <p class="comment-text" id="219652">
                                        <strong>Very Reliable</strong><br />
                                        It’s was first product I tried, and I really like. I had anxiety and depression and this is was like a fresh air for me, helped me to calm and be focus.<br />
                                        <br />
                                        <span class="verified">Yes, I would recommend to a friend.</span>
                                    </p>
                                    <div class="comment-name">
                                        Hanna Bodnar <i title="Verified Buyer" class="fa fa-check-circle"></i><br />
                                        <span>Verified Buyer</span>
                                    </div>
                                    <a href="javascript:void(0);" class="show-more" data-keytext="219652"><small>Read more..</small></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="comment-boxs">
                                    <img src="shared/img/sarah-slupski.webp" class="comment-img" />
                                    <div class="reting">
                                        <i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i>
                                        <i class="fa fa-star" style="color: #ee9e13;"></i>
                                    </div>
                                    <div class="comment-date">
                                        May 03 2023
                                    </div>

                                    <p class="comment-text" id="217074">
                                        <strong>Great mood/focus/energy booster</strong><br />
                                        I have a 4 year old and 10 month old (not breastfeeding). I find these immensely helpful for energy and
                                        mood. I have more energy with my littles and feel zero psychoactive effects. Just what I needed!<br />
                                        <br />
                                        <span class="verified">Yes, I would recommend to a friend.</span>
                                    </p>

                                    <div class="comment-name">
                                        Sarah Slupski <i title="Verified Buyer" class="fa fa-check-circle"></i><br />
                                        <span>Verified Buyer</span>
                                    </div>
                                    <a href="javascript:void(0);" class="show-more" data-keytext="217074"><small>Read more..</small></a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="comment-boxs">
                                    <img src="shared/img/magnetist.webp" class="comment-img" />
                                    <div class="reting">
                                        <i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i><i class="fa fa-star" style="color: #ee9e13;"></i>
                                        <i class="fa fa-star" style="color: #ee9e13;"></i>
                                    </div>
                                    <div class="comment-date">
                                        Apr 26 2023
                                    </div>

                                    <p class="comment-text" id="215247">
                                        <strong>Good boost</strong><br />
                                        A simple boost to my day. More thoughtful and focused!<br />
                                        <br />
                                        <span class="verified">Yes, I would recommend to a friend.</span>
                                    </p>
                                    <div class="comment-name">
                                        Magnetist <i title="Verified Buyer" class="fa fa-check-circle"></i><br />
                                        <span>Verified Buyer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <p class="copyright  ">© Copyright 2023 Mind Mend™ All Rights Reserved.</p>
                </div>
                <div class="col-lg-6 ">
                    <p class="privacy "><a href="/privacy-policy/">Privacy Policy</a> | <a href="/terms-and-conditions/">Terms &amp; Condtions</a></p>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $('.show-more').click(function() {
            $('.comment-boxs').css('height', 'auto');
            var dataKeys = $(this).data('keytext');
            console.log(dataKeys);
            $('#' + dataKeys).toggleClass('show');
            if ($('#' + dataKeys).hasClass('show')) {
                $(this).html('<small>Read less..</small>');
            } else {
                $(this).html('<small>Read more..</small>');
            }
        });
    </script>
</body>

</html>