<?php
include '../connection.php'; 
$sqlretrive = "SELECT ID, labelAbout, contentAbout, LabelGuarantee, Guarantee1, Guarantee2,image1,image2 FROM goshan_en WHERE status = 1";
$executeSql = mysqli_query($connection,$sqlretrive);
$rowsAbout = mysqli_fetch_row($executeSql);
$ouAbout= $rowsAbout[2];
$ouAboutArr =  explode("@",$ouAbout);
$dataAbout = "";
foreach($ouAboutArr as $arrab)
{
    $dataAbout .="<h4 style='text-align:justify'>$arrab</h4>";
}
$direction = "../assets/img/goshan/";
$image1 = $direction.$rowsAbout[6];
$image2 = $direction.$rowsAbout[7];
?>
<!doctype html>
<html lang="ar">
  <head>
    <title> TAKE A CHANCE</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- assets / css -->
    <?php include '../cssFile.php'; ?>
    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
    <link rel="icon" href="../assets/img/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="../assets/css/cssStorysuccess.css">


  </head>
  <body>
    <!--<div class='text-center' id="loading">-->
    <!--<h2 id='loadingText'><h2>-->
    <!--</div>-->
     <!--onload="reloader()"-->
    <!-- navbar -->
    <?php include 'navbar.php'; ?>
<!-- start fixed social icon -->
<div class="share animated flash slower">
    <div class="toggle icon">
        <i class='fas fa-share-alt' id="icon-share"></i>
    </div>
        <ul>
            <li><a href="https://www.facebook.com/take.achance.359"><i class='fab fa-facebook-f icon-facebook' aria-hidden="true"></i></a></li> 
            <li><a href="https://twitter.com/takeach13143934"><i class='fab fa-twitter icon-twitter' aria-hidden="true"></i></a></li> 
            <li><a href="https://www.youtube.com/channel/UCWcJwXluKFRnSEFkiZBvPhg"><i class='fab fa-youtube icon-youtube' aria-hidden="true"></i></a></li> 
            <li><a href="https://www.instagram.com/takeachancenpo"><i class='fab fa-instagram icon-instagram' aria-hidden="true"></i></a></li> 
            <li><a href="https://wa.me/00962796069492"><i class='fab fa-whatsapp icon-whatsapp' aria-hidden="true"></i></a></li>  
        </ul>
</div>
<!-- end fixed social icon -->
<div class="goshan animated flash slower">
        <a href='goshan.php'>
        <div class="toggle icon">
            <img src='../assets/img/donateIcon.png' style='width:70px'>
        </div>
        </a>
</div>
<!-- End fixed social icon -->
<div class='container'>
<div class='row aboutus-row justify-content-center animated fadeIn slower'>
        <div class="col text-center">
            <h1 class='label-about'>
                <?php echo $rowsAbout[1];?><br>
        </h1>
        <hr>
            <img src='../assets/img/s.png'>
            <h5 style='text-align:justify'>
            <?php echo $dataAbout;?>
        </h5>
        </div>
</div>
<div class='row aboutus-row justify-content-center animated fadeIn slower'>
        <div class="col text-center">
            <h1 class='label-about'>
                <?php echo $rowsAbout[3];?><br>
        </h1>
            <img src='../assets/img/s.png'>
        </div>
</div>
</div>
<hr>
<div class="container">
<div class='row' style='margin-top:30px'>
                <div class='col-md-6 col-sm-12 text-center program1 animated slideInRight slower' >
                    <figure class="imghvr-zoom-out-down" style="max-width:400px;">
                        <img src="<?php echo $image1;?>" alt="example-image" style="width:378px;">
                        <figcaption>
                            <br>
                            <h4 class="ih-fade-down ih-delay-sm "> <?php echo $rowsAbout[4];?></h4><br>
                            <br><br>
                            <button class="btn btn-outline-light" style='border-radius:5px;'>DONATE NOW</button>
                        </figcaption>
                        <a href="https://www.paypal.me/fatohabualrub"></a>
                    </figure>
                </div>
                <!-- End col-md-6 -->
                <div class='col-md-6 col-sm-12 text-center program1 animated slideInLeft slower' >
                    <figure class="imghvr-zoom-out-down" style="max-width:400px;">
                        <img src="<?php echo $image2;?>" alt="example-image" style="width:378px;">
                        <figcaption>
                            <br>
                            <h4 class="ih-fade-down ih-delay-sm "> <?php echo $rowsAbout[5];?></h4><br>
                            <br><br>
                            <button class="btn btn-outline-light" style='border-radius:5px;'>DONATE NOW</button>
                        </figcaption>
                        <a href="https://www.paypal.me/fatohabualrub"></a>
                    </figure>
                </div>
                <!-- End col-md-6 -->
    </div>
            <!-- End row -->
</div>



    <div class='row no-gutters' id="row-footer" style='width:100%;margin-top:30px;'>
        <div class='container'>
            <div class="col-md-12 text-center">
                <h4>
                <span>Take a chance to change...</span>
                    <span>Take a chance to dream...</span>
                    <span> Take a chance to be you....</span>
                </h4>

            </div>
        </div>
        <!-- End container -->
    </div>
    <!-- End row -->

    <!-- end footer -->

<!-- assets / js -->
    <?php include '../jsFile.php'; ?>
    <script>
$(".hover").mouseleave(
  function () {
    $(this).removeClass("hover");
  }
);

</script>
<script>
jQuery(document).ready(function($) {

var feedbackSlider = jQuery('.feedback-slider');
feedbackSlider.owlCarousel({
    items: 1,
    nav: true,
    dots: true,
    autoplay: true,
    loop: true,
    mouseDrag: true,
    touchDrag: true,
    navText: ["<i class='fas fa-arrow-left'></i>", "<i class='fas fa-arrow-right'></i>"],
    responsive:{

        // breakpoint from 767 up
        767:{
            nav: true,
            dots: false
        }
    }
});

feedbackSlider.on("translate.owl.carousel", function(){
    $(".feedback-slider-item h3").removeClass("animated fadeIn").css("opacity", "0");
    $(".feedback-slider-item img, .feedback-slider-thumb img, .customer-rating").removeClass("animated zoomIn").css("opacity", "0");
});

feedbackSlider.on("translated.owl.carousel", function(){
    $(".feedback-slider-item h3").addClass("animated fadeIn").css("opacity", "1");
    $(".feedback-slider-item img, .feedback-slider-thumb img, .customer-rating").addClass("animated zoomIn").css("opacity", "1");
});




}); //end ready
</script>
  </body>
</html>
<!-- onload="reloader()" -->
