@extends('user.user_dashboard')
@section('home')
    <section class="breadcrumb-area section-padding img-bg-2">
        <div class="overlay"></div>

        <div class="container">

            <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">

                <div class="section-heading">
                    <h3 class="section__title text-white"> <a href="{{ route('user.show.product', $product->product_slug) }}">
                            <i class="la la-chevron-left icon text-white"> </i> </a> ROR Bible &nbsp; &nbsp; &nbsp;
                    </h3>
                </div>

                <ul
                    class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center">

                    <li> Read ROR Bible </li>

                </ul>

            </div><!-- end breadcrumb-content -->

        </div><!-- end container -->
    </section><!-- end breadcrumb-area -->







    <section class="course-area pb-120px">
        <div class="container">



            <div style="width:100%; height:85vh;">
                <iframe src="https://app.rhapsodybibles.org/" style="border:none; width:100%; height:100%;" loading="lazy"
                    allowfullscreen>
                </iframe>
            </div>


        </div>
    </section>






    <script>
        document.addEventListener('contextmenu', function(event) {
            event.preventDefault();

        });
    </script>
@endsection