<?php
use App\Models\CompanyData;
use App\Models\LoginSlider;
$Def=CompanyData::orderBy('id','desc')->first();
$Sliders=LoginSlider::all();
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>R A B I H</title>
  <meta content="" name="description">
  <meta content="" name="keywords">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="<?php echo e(asset('Admin/Welcome/assets/vendor/aos/aos.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('Admin/Welcome/assets/vendor/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('Admin/Welcome/assets/vendor/bootstrap-icons/bootstrap-icons.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('Admin/Welcome/assets/vendor/glightbox/css/glightbox.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('Admin/Welcome/assets/vendor/swiper/swiper-bundle.min.css')); ?>" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="<?php echo e(asset('Admin/Welcome/assets/css/style.css')); ?>" rel="stylesheet">
   <link rel="apple-touch-icon" sizes="180x180" href="<?php echo e(URL::to($Def->Icon)); ?>">
      <link rel="icon" type="image/png" sizes="32x32" href="<?php echo e(URL::to($Def->Icon)); ?>">
      <link rel="mask-icon" href="<?php echo e(URL::to($Def->Icon)); ?>" color="#5bbad5">
</head>
<style>
body{
    overflow-x: hidden;
}
 #hero{
  width: 100%;
  height: 100vh;
 background: #205952;

}


.bg-gif{
  max-width: 100%;
  height: 100vh;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.left-section{
 margin:auto;
  align-items: center;
  align-content: center;
}
.left-section{
    display:block;
}
.bg-gif img{
     max-width: 100%;
  height: 100vh;
}
.card{
    background: transparent;
    border:unset;
}
.card  img{
    height:30px;
}
.card ul{
    list-style: none;
    text-align: left;
    margin-left: 50px;
}
.card span{
    color:white;
}
a:hover, a:active, a:focus {
    color: #fec60a;
}
.right-section .buttons{
    margin-top:200px;
}
</style>
 <style>
      @import  url(http://fonts.googleapis.com/css?family=Open+Sans:800);
      .text {
        fill: none;
        stroke-width: 6;
        stroke-linejoin: round;
        stroke-dasharray: 70 330;
        stroke-dashoffset: 0;
        -webkit-animation: stroke 6s infinite linear;
        animation: stroke 6s infinite linear;
      }
      .text:nth-child(5n + 1) {
        stroke: #cd9b27;
        -webkit-animation-delay: -1.2s;
        animation-delay: -1.2s;
      }
      .text:nth-child(5n + 2) {
        stroke: #cd9b27;
        -webkit-animation-delay: -2.4s;
        animation-delay: -2.4s;
      }
      .text:nth-child(5n + 3) {
        stroke: #cd9b27;
        -webkit-animation-delay: -3.6s;
        animation-delay: -3.6s;
      }
      .text:nth-child(5n + 4) {
        stroke: #cd9b27;
        -webkit-animation-delay: -4.8s;
        animation-delay: -4.8s;
      }
      .text:nth-child(5n + 5) {
        stroke: #cd9b27;
        -webkit-animation-delay: -6s;
        animation-delay: -6s;
      }
      @-webkit-keyframes stroke {
        100% {
          stroke-dashoffset: -400;
        }
      }
      @keyframes  stroke {
        100% {
          stroke-dashoffset: -400;
        }
      }
      /* Other styles */


      .logoo {
        /*background: #111;*/
        background-size: .2em 100%;
        font: 12.5em/1 Open Sans, Impact;
        text-transform: uppercase;
        margin: 0;
      }

    </style>
<body>

  <!-- ======= Hero Section ======= -->
  <section id="hero">
      <div class="row">
          <div class="col-md-3">
              <div class="left-section text-center" >
                  <div class="logoo">
                       <svg viewBox="0 0 600 300">
      <symbol id="s-text">
        <text text-anchor="middle" x="50%" y="50%" dy=".35em">
         RABIH
        </text>
      </symbol>

      <use xlink:href="#s-text" class="text"></use>
      <use xlink:href="#s-text" class="text"></use>
      <use xlink:href="#s-text" class="text"></use>
      <use xlink:href="#s-text" class="text"></use>
      <use xlink:href="#s-text" class="text"></use>
    </svg>

                  </div>
                    <a href="https://youtu.be/TxpMPCBZOv0" class="glightbox play-btn mb-4"></a>
                      <div class="hero-container" data-aos="zoom-in" data-aos-delay="100">
      <a href="<?php echo e(url('KlarAdmin')); ?>" class="about-btn scrollto"> Start Now / ابدأ الان</a>
    </div>
     <!-- ======= Footer ======= -->
  <!--<footer id="footer">-->

  <!--  <div class="container">-->
  <!--    <div class="copyright">-->
  <!--      &copy;<strong>RENO</strong>. All Rights Reserved-->
  <!--    </div>-->
  <!--    <div class="credits">-->

  <!--      Designed by <a href="https://klarapps.com/">KLAR</a>-->
  <!--    </div>-->
  <!--  </div>-->
  <!--</footer>-->
              </div>
          </div>
          <div class="col-md-6">
              <div class="bg-gif">
                  <img src="<?php echo e(asset('Admin/Welcome/assets/img/welcomeBG.png')); ?>">
              </div>


          </div>
          <div class="col-md-3">
              <div class="right-section text-center"  style="background: #205952;">
                  <div class="buttons hero-container">

  <button class="about-btn scrollto" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
   Main Office
  </button>

<div class="collapse" id="collapseExample">
  <div class="card card-body">

  <ul>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/10.gif')); ?>"> <span>EGYPT</span></li>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/30.gif')); ?>"> <span>+2 01062201060</span></li>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/20.gif')); ?>"> <span>info@rabiherp.com</span></li>
  </ul>
  </div>
</div>
  <button class="about-btn scrollto" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample">
     Saudia Arabia
  </button>

<div class="collapse" id="collapseExample2">
  <div class="card card-body">

  <ul>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/10.gif')); ?>"><span>Saudi Arabia</span></li>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/30.gif')); ?>"> <span>+966 533260412</span></li>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/20.gif')); ?>"> <span>info@rabiherp.com</span></li>
  </ul>
  </div>
</div>
  <button class="about-btn scrollto" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample3" aria-expanded="false" aria-controls="collapseExample">
     QATAR
  </button>

<div class="collapse" id="collapseExample3">
  <div class="card card-body">

  <ul>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/10.gif')); ?>"> <span>Qatar</span></li>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/30.gif')); ?>"> <span>+2 01062201060</span></li>
      <li><img src="<?php echo e(asset('Admin/Welcome/assets/img/20.gif')); ?>"> <span>info@rabiherp.com</span></li>
  </ul>
  </div>
</div>
                  </div>
              </div>
          </div>
      </div>

  </section><!-- End Hero Section -->



  <!-- Vendor JS Files -->
  <script src="<?php echo e(asset('Admin/Welcome/assets/vendor/aos/aos.js')); ?>"></script>
  <script src="<?php echo e(asset('Admin/Welcome/assets/vendor/bootstrap/js/bootstrap.bundle.min.js')); ?>"></script>
  <script src="<?php echo e(asset('Admin/Welcome/assets/vendor/glightbox/js/glightbox.min.js')); ?>"></script>
  <script src="<?php echo e(asset('Admin/Welcome/assets/vendor/swiper/swiper-bundle.min.js')); ?>"></script>
  <script src="<?php echo e(asset('Admin/Welcome/assets/vendor/php-email-form/validate.js')); ?>"></script>

  <!-- Template Main JS File -->
  <script src="<?php echo e(asset('Admin/Welcome/assets/js/main.js')); ?>"></script>


</body>

</html>




<?php /**PATH /home/klarapps/public_html/test.klarapps.com/resources/views/welcome.blade.php ENDPATH**/ ?>