

<?php $__env->startSection('content'); ?>


<!-- start heeder -->
<header class="header">
    <div class="top-par">
        <div class="main-container">
            <div class="main-top-ber">

                <div class="logo">
                    <a href="index.html">
                        <img src="<?php echo e(getSetting('logo')); ?>" alt="">
                    </a>
                </div>

                <div class="menu-div">
                    <div class="content" id="times-ican">
                        <a href="#" title="Navigation menu" class="navicon" aria-label="Navigation">
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                        </a>
                    </div>
                </div>


            </div>
        </div>
    </div>

    <div class="sub-header">
        <div class="main-container">
            <div class="row">
                <!-- start media-header -->
                <div class="col-lg-3">
                    <div class="media-header">
                        <ul>
                            <li><a href="<?php echo e(getSetting('facebook_link')); ?>" target="_blank"> <i class="fab fa-facebook-f"></i> </a></li>
                            <li><a href="<?php echo e(getSetting('instagram_link')); ?>" target="_blank"> <i class="fab fa-instagram"></i> </a></li>
                            <li><a href="<?php echo e(getSetting('twitter_link')); ?>" target="_blank"> <i class="fab fa-twitter"></i> </a></li>
                            <li><a href="<?php echo e(getSetting('snapchat_link')); ?>" target="_blank"> <i class="fab fa-snapchat-ghost"></i> </a></li>
                        </ul>
                    </div>
                </div>
                <!-- end header  -->


                <div class="col-lg-9 pg-none">
                    <div class="main-sub-header">
                        <div class="row pg-none">
                            <div class="col-lg-8">
                                <div class="text-sub-header">
                                    <h4>PROFESSIONAL. INNOVATIVE. RELIABLE.</h4>
                                    <h1> Exceptional Service
                                        Exceeding Expectations</h1>
                                    <p>Our civil and structural team is committed to providing sustainable,
                                        creative & efficient engineering solutions for our communities</p>
                                    <a href="" class="ctm-btn"> <span> Get Services </span> </a>
                                </div>

                            </div>

                            <div class="col-lg-4">
                                <div class="img-header">
                                    <img src="images/h1.png" alt="">
                                    <div class="hover-details-img">
                                        <h2 id="title-img"> Equipment rental</h2>
                                        <p id="details-img"> Lorem ipsum dolor sit amet, consetetur sadipscing
                                            elitr, sed diam nonumy eirmod tempor invidunt </p>
                                    </div>
                                </div>

                            </div>




                            <div class="col-lg-12">
                                <div class="slider-header">
                                    <div class="owl-carousel owl-theme maincarousel" id="slider_1">
                                        <div class="item">
                                            <div class="img-slider-header">
                                                <img data-title="Equipment rental" data-details="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt" src="images/h1.png" alt="">
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="img-slider-header">
                                                <img data-title="Marjan MIP PKG18 Project" data-details="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt" src="images/h2.png" alt="">
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="img-slider-header">
                                                <img data-title="Hawiyah line project" data-details="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt" src="images/h5.jpeg" alt="">
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="img-slider-header">
                                                <img data-title="MAZALIJ & ABU JIFAN PIPELINES PROJECT" data-details="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt" src="images/h6.jpeg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</header>
<!-- end heeder -->

<!-- start app -->
<main id="app">


    <!-- start counter-number  -->
    <section class="counter-number">
        <div class="main-container">
            <div id="counter-section-container">
                <div id="counter-box-container">
                    <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-4 col-sm-6 col-6">
                            <div class="counter-box">
                                <div class="img-counter-box">
                                    <img src="images/n1.png" alt="">
                                </div>
                                <div class="text-counter-number">
                                    <i class="bi bi-plus"></i><span class="counter" data-number="350"></span>
                                </div>
                                <p> Projects </p>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-6 col-6">
                            <div class="counter-box">
                                <div class="img-counter-box">
                                    <img src="images/n2.png" alt="">
                                </div>
                                <div class="text-counter-number">
                                    <i class="bi bi-plus"></i><span class="counter" data-number="400"></span>
                                </div>
                                <p>Customers </p>
                            </div>
                        </div>


                        <div class="col-lg-4 col-md-3 col-sm-6 col-6">
                            <div class="counter-box">
                                <div class="img-counter-box">
                                    <img src="images/n3.png" alt="">
                                </div>
                                <div class="text-counter-number">
                                    <i class="bi bi-plus"></i><span class="counter" data-number="50"></span>
                                </div>
                                <p>Equipment</p>
                            </div>
                        </div>



                    </div>


                </div>

            </div>
    </section>
    <!-- end counter-number  -->

    <!-- start aboutus-index  -->
    <section class="aboutus-index">
        <div class="main-container">
            <div class="row">
                <div class="col-lg-7">
                    <div class="text-aboutus-index">
                        <div class="title-start" data-aos-delay="0" data-aos="fade-up-right" data-aos-duration="600">
                            <h4> WHY CHOOSE US ? <span></span></h4>
                            <h2> About Us </h2>
                        </div>

                        <p data-aos-delay="200" data-aos="fade-up-right" data-aos-duration="600"> Sea of ​​Sands
                            Company was established in the year 2015 in
                            the city of Riyadh. The
                            company works in the fields of general contracting and its support services, such as
                            rock cutting, preparing construction sites, crushers, pipe laying services,
                            supporting them with all the necessary equipment, and providing highly qualified
                            manpower. Ambitious to achieve the best and highest levels of perfection in work</p>

                        <a href="aboutsus.html" class="ctm-btn" data-aos-delay="400" data-aos="fade-up-right" data-aos-duration="600"> <span> Learn More</span></a>
                    </div>
                </div>


                <div class="col-lg-5">
                    <div class="img-aboutus-index" data-aos="zoom-in" data-aos-delay="0" data-aos-duration="600">
                        <div class="sub-img-aboutus-index">
                            <img src="images/a2.png" alt="">
                        </div>

                        <div class="sub-img-aboutus-index" data-aos="zoom-in" data-aos-delay="200" data-aos-duration="600">
                            <img src="images/a1.png" alt="">
                        </div>
                        <p data-aos="zoom-in" data-aos-delay="100" data-aos-duration="600"> Year Of Experience <span> +5 Year</span></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end aboutus-index  -->


    <!-- start services-index -->
    <section class="services-index">
        <div class="main-container">
            <div class="title-start">
                <h4> WHAT WE DO ? <span></span></h4>
                <h2>Our Services</h2>
            </div>
            <div class="owl-carousel owl-theme maincarousel" id="slider_2">
                <div class="item">
                    <div class="sub-services-index">
                        <div class="img-services-index">
                            <img src="images/h5.jpeg" alt="">
                        </div>
                        <div class="text-services-index">
                            <h2> Rock Cutting and Site Preparation</h2>
                            <p> Lorem ipsum dolor sit amet,
                                consetetur sadipscing elitr, sed </p>


                            <div class="arrow-services-index">
                                <a href="service-details.html"> <img src="images/aro-top.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="sub-services-index">
                        <div class="img-services-index">
                            <img src="images/h8.png" alt="">
                        </div>
                        <div class="text-services-index">
                            <h2> Gas Pipeline Extensions </h2>
                            <p> Lorem ipsum dolor sit amet,
                                consetetur sadipscing elitr, sed </p>


                            <div class="arrow-services-index">
                                <a href="service-details.html"> <img src="images/aro-top.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="sub-services-index">
                        <div class="img-services-index">
                            <img src="images/h7.png" alt="">
                        </div>
                        <div class="text-services-index">
                            <h2>Periodic Maintenance </h2>
                            <p> Lorem ipsum dolor sit amet,
                                consetetur sadipscing elitr, sed </p>


                            <div class="arrow-services-index">
                                <a href="service-details.html"> <img src="images/aro-top.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="sub-services-index">
                        <div class="img-services-index">
                            <img src="images/h1.png" alt="">
                        </div>
                        <div class="text-services-index">
                            <h2>Periodic Maintenance </h2>
                            <p> Lorem ipsum dolor sit amet,
                                consetetur sadipscing elitr, sed </p>


                            <div class="arrow-services-index">
                                <a href="service-details.html"> <img src="images/aro-top.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  end services-index -->




    <!-- start projects-index  -->
    <section class="projects-index">
        <div class="container-fliud pg-none">
            <div class="title-center">
                <h4> WHAT WE DO <span></span></h4>
                <h2> Our Projects </h2>
            </div>
            <div class="owl-carousel owl-theme maincarousel" id="slider-project">
                <div class="item">
                    <div class="sub-projects-index">
                        <img src="images/p1.png" alt="">

                        <div class="text-projects-index">
                            <h2> Diriyah Gate Project</h2>
                            <p> Bahr Al-Rimal Company, along with Al-Saif Company, provided excavation works,
                                tunnels, and construction site preparations for the Diriyah Gate project in the
                                project.</p>
                        </div>

                    </div>
                </div>
                <div class="item">
                    <div class="sub-projects-index">
                        <img src="images/p2.png" alt="">

                        <div class="text-projects-index">
                            <h2> Diriyah Gate Project</h2>
                            <p> Bahr Al-Rimal Company, along with Al-Saif Company, provided excavation works,
                                tunnels, and construction site preparations for the Diriyah Gate project in the
                                project.</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="sub-projects-index">
                        <img src="images/p3.png" alt="">

                        <div class="text-projects-index">
                            <h2> Diriyah Gate Project</h2>
                            <p> Bahr Al-Rimal Company, along with Al-Saif Company, provided excavation works,
                                tunnels, and construction site preparations for the Diriyah Gate project in the
                                project.</p>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="sub-projects-index">
                        <img src="images/h1.png" alt="">

                        <div class="text-projects-index">
                            <h2> Diriyah Gate Project</h2>
                            <p> Bahr Al-Rimal Company, along with Al-Saif Company, provided excavation works,
                                tunnels, and construction site preparations for the Diriyah Gate project in the
                                project.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- end projects-index  -->


    <!-- start news-index -->
    <section class="news-index">
        <div class="main-container">
            <div class="title-center">
                <h4> REACH UPDATES <span></span></h4>
                <h2> Last News </h2>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="sub-news-index">
                        <div class="img-news-index">
                            <img src="images/1.png" alt="">
                        </div>
                        <div class="text-news-index">
                            <h4> <img src="images/share.png" alt=""> JULY 08, 2022</h4>
                            <h2> The Importance of Healthy Buildings in a Pandemic</h2>
                            <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed iam nonumy eirmod
                                tempor invidunt ut labore et dolore
                            </p>
                            <div class="text-center">
                                <a href="" class="ctm-btn"> <span> Read Post</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sub-news-index">
                        <div class="img-news-index">
                            <img src="images/2.png" alt="">
                        </div>
                        <div class="text-news-index">
                            <h4> <img src="images/share.png" alt=""> JULY 08, 2022</h4>
                            <h2> The Importance of Healthy Buildings in a Pandemic</h2>
                            <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed iam nonumy eirmod
                                tempor invidunt ut labore et dolore
                            </p>
                            <div class="text-center">
                                <a href="" class="ctm-btn"> <span> Read Post</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sub-news-index">
                        <div class="img-news-index">
                            <img src="images/3.png" alt="">
                        </div>
                        <div class="text-news-index">
                            <h4> <img src="images/share.png" alt=""> JULY 08, 2022</h4>
                            <h2>The Importance of Healthy Buildings in a Pandemic</h2>
                            <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed iam nonumy eirmod
                                tempor invidunt ut labore et dolore
                            </p>
                            <div class="text-center">
                                <a href="" class="ctm-btn"> <span> Read Post</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end news-index -->



    <!-- start partners-index  -->
    <section class="partners-index">
        <div class="main-container">
            <div class="owl-carousel owl-theme maincarousel" id="slider-partners">
                <div class="item">
                    <a href="" data-aos="flip-right" data-aos-duration="1000">
                        <div class="img_clients">
                            <img src="images/c1.png" alt="">
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="" data-aos="flip-right" data-aos-duration="1000">
                        <div class="img_clients">
                            <img src="images/c4.png" alt="">
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="" data-aos="flip-right" data-aos-duration="1000">
                        <div class="img_clients">
                            <img src="images/c1.png" alt="">
                        </div>
                    </a>
                </div>


                <div class="item">
                    <a href="" data-aos="flip-right" data-aos-duration="1000">
                        <div class="img_clients">
                            <img src="images/c3.png" alt="">
                        </div>
                    </a>
                </div>


                <div class="item">
                    <a href="" data-aos="flip-right" data-aos-duration="1000">
                        <div class="img_clients">
                            <img src="images/c5.png" alt="">
                        </div>
                    </a>
                </div>


                <div class="item">
                    <a href="" data-aos="flip-right" data-aos-duration="1000">
                        <div class="img_clients">
                            <img src="images/c6.png" alt="">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- start partners-index  -->

    <!-- start our-client-index -->
    <section class="our-client-index">
        <div class="main-container">
            <div class="title-center">
                <h4> Testimonial <span></span></h4>
                <h2>Our Client</h2>
            </div>
            <div class="owl-carousel owl-theme maincarousel" id="slider-client">
                <div class="item">
                    <div class="sub-our-client-index">
                        <div class="img-our-client-index">
                            <img src="images/or1.png" alt="">
                        </div>
                        <div class="text-our-client-index">
                            <img src="images/bxs.png" alt="">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed iam nonumy eirmod
                                tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
                                vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                                no sea
                            </p>
                            <h2> Customer Name <span></span></h2>
                            <h4>Project/Services Name</h4>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="sub-our-client-index">
                        <div class="img-our-client-index">
                            <img src="images/or2.png" alt="">
                        </div>
                        <div class="text-our-client-index">
                            <img src="images/bxs.png" alt="">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed iam nonumy eirmod
                                tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
                                vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                                no sea
                            </p>
                            <h2> Customer Name <span></span></h2>
                            <h4>Project/Services Name</h4>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="sub-our-client-index">
                        <div class="img-our-client-index">
                            <img src="images/or3.png" alt="">
                        </div>
                        <div class="text-our-client-index">
                            <img src="images/bxs.png" alt="">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed iam nonumy eirmod
                                tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
                                vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                                no sea
                            </p>
                            <h2> Customer Name <span></span></h2>
                            <h4>Project/Services Name</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end our-client-index -->


    <!-- start contactus-index -->
    <section class="contactus-index">
        <div class="main-container">
            <div class="title-start">
                <h4>Get in touch <span></span></h4>
                <h2> Contact Us </h2>
            </div>


            <div class="map-contact">
                <a target="_blank" href="https://www.google.com/maps/place/26%C2%B019'00.7%22N+50%C2%B013'22.5%22E/@26.3170619,50.2229883,18.89z/data=!4m5!3m4!1s0x0:0x7d0235e74c8755a1!8m2!3d26.316867!4d50.222922">
                    <img src="images/map.png" alt="">
                </a>
            </div>

            <div class="text-contactus-index">
                <h2>Subscribe to Our News</h2>
                <p> Find out about the last days and the latest promotions of our Corporation</p>
            </div>

            <form action="">
                <div class="form-contactus-index">
                    <div class="input-form">
                        <input type="email" class="form-control" name="email" placeholder="Enter Your Email">
                    </div>

                    <button class="ctm-btn"> <span> Subscribe </span></button>
                </div>
            </form>
        </div>
    </section>
    <!-- end contactus-index -->


</main>
<!-- end app -->


<?php $__env->stopSection(); ?>
<?php echo $__env->make('web.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\jaadara\Projects from 10-2022\Laravel-portfolio-website\resources\views/web/home.blade.php ENDPATH**/ ?>