@extends('layouts.app')

@section('title')
About Page
@endsection

@section('inlinecss')
<style>

  



.about-section .content-column h2 {

    font-size: 36px;

    text-transform: capitalize;

    line-height: 1.4em;

    margin-bottom: 15px !important;

    font-weight: 400;

    color: #17181a;

}



.about-section .content-column .text {

    line-height: 1.8em;

    margin-bottom: 30px !important;

    font-size: 15px;

    color: #777777;

}

.text{

overflow: hidden;

display: -webkit-box;

-webkit-line-clamp: 18; /* number of lines to show */

       line-clamp: 2; 

-webkit-box-orient: vertical;
font-family: auto;

}

.about-section {
    position: relative;
    padding: 120px 0px 0px !important;
}

.sec-title .text {
    position: relative;
    margin-top: 0px !important;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
}

.team-section {
    position: relative;
    padding: 65px 0px 0px;
}
@media only screen and (max-width: 767px){
    .about-section{padding: 20px 0px 0px !important;}
}
</style>

@stop

@section('content')

	<!--Page Title-->

    <section class="page-title" style="background-image:url({{URL::to('public/css/images/aboutusheader.jpg')}});">

    	<div class="auto-container">

        	<div class="inner-box">

                <h1>About us</h1>

                <ul class="bread-crumb">

                	<li><a href="{{route('index')}}">Home</a></li>

                    <li>About us</li>

                </ul>

            </div>

        </div>

    </section>

    <!--End Page Title-->

    





    @foreach($about as $key=>$row)

    <section class="about-section" id="about-section">

    	<div class="auto-container">

        	<div class="row clearfix">

            	<!--Content Column-->

                

                <div class="content-column pull-right col-md-6 col-sm-12 col-xs-12">

                	<div class="inner">

                    	<h2>{{$row->title}}</h2>

                        <div class="text">

                           {!!$row->short_des!!}

                            

                        

                        </div>

                        <div class="info-box clearfix">

                        	<div class="info"><strong>{{$row->name}}.</strong>{{$row->post}}</div>

                            {{-- <div class="signature"><img src="{{URL::to('public/images/icons/signature.png')}}" alt=""></div> --}}

                        </div>

                    </div>

                </div>

                <!--Image Column-->

                <div class="image-column pull-left col-md-6 col-sm-12 col-xs-12">

                	<figure class="image-box"><img src="{{url('public'.$row->image)}}" height="400px" alt=""></figure>

                </div>

            </div>

            <div class="row clearfix">
                <!--Content Column-->
                <div class="image-column pull-right col-md-6 col-sm-12 col-xs-12">
                    <figure class="image-box"><img src="{{url('public'.$row->image)}}" height="400px" alt=""></figure>
                </div>
                <div class="content-column pull-left col-md-6 col-sm-12 col-xs-12">
                    <div class="inner">
                       
                        <div class="text">
                           
                            {!!$row->full_des!!}
                        </div>
                       
                    </div>
                </div>
                <!--Image Column-->
                
            </div>

        </div>

    </section>

    @endforeach

    

    <section class="why-shoud-section" id="why-shoud-section">

    	<div class="auto-container">

        	<!--Heading-->

        	<div class="sec-title centered">

            	{{--<div class="quotes-icon"></div>--}}

            	<h2 class="title1">
                   Why You Should Work With Us</h2>

                {{--<div class="separator"></div>--}}

            </div>

            
            <div class="col-md-12">
            <div class="row align-items-center">

               @foreach($chouse as $cv=>$data)

               <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">

                   <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-lg-3 col-md-3 col-xs-12">

                        <img src="{{url('public'.$data->image)}}" width="100%">    

                       </div>

                       <div class="col-md-9 col-md-9 col-xs-12">

                           <div class="title">{{$data->title}}</div>

                       </div>

                       <div class="col-md-12">
                       <!-- <p class="text Worker">{!!$data->short_des!!}</p> -->

                       </div>
                   </div>

                   </div>

               </div>

               @endforeach

                {{-- <div class="col-md-4">

                     <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/12/7-day-turnaround-150x135.jpg?v=1613026362" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">7 Day turnaround</div>

                           <p>Due to our onsite, fully stocked extensive collection of Numerous stone, we prepare the price and valuable information to our clients.</p>



                       </div>

                   </div>

                   </div>

               </div>

                <div class="col-md-4">

                    <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/04/quality-icon.jpg" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">Superior quality!</div>

                           <p>Our team of professionals have decades of expertise in Custom blocks and slabs to maintain brand value and client satisfaction.</p>



                       </div>

                   </div>

                   </div>

               </div>

                  <div class="col-md-4">

                    <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/04/3-slabs.jpg" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">Largest stone collection</div>

                           <p>Yantra features over 500 stone colours. This is the biggest online marble store of premium substances in India & abroad.</p>



                       </div>

                   </div>

                   </div>

               </div>

                 <div class="col-md-4">

                    <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/04/calculator-icon.jpg" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">No Hidden Price</div>

                           <p>Without hidden cost involved, you can rest assured that The price you’re quoted is the price you’ll pay at checkout..</p>



                       </div>

                   </div>

                   </div>

               </div>

                <div class="col-md-4">

                    <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/12/Wood_Tools_2-24-512-150x150.png?v=1618507783" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">After-sales inspection</div>

                           <p>We think in complete art with all the stones Bought. We provide our specialist team for installation and polishing in your site with premium excellent job assurance.</p>

                       </div>

                   </div>

                   </div>

               </div>

                <div class="col-md-4">

                    <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/04/gears.jpg" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">Latest Technology</div>

                           <p>All marble slabs are certified with fewer cracks and Chemical treatment. We guarantee the ideal thickness according to this product also Standard dimensions of each slab.</p>



                       </div>

                   </div>

                   </div>

               </div>

                <div class="col-md-4">

                    <div class="border shabow icon_box">

                   <div class="row align-items-center">

                       <div class="col-md-3">

                        <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/12/Saving-Icon-PNG-715x715-1.png?v=1613124730" width="100%">    

                       </div>

                       <div class="col-md-9">

                           <div class="title">Bigger Savings</div>

                           <p>Maintaining your budget in mind our staff will make sure you receive the best deal for your granite & marble buy with Yantra imports.</p>



                       </div>

                   </div>

                   </div>

               </div>

                <div class="col-md-4">

                    <div class="border shabow icon_box">

                        <div class="row align-items-center">

                            <div class="col-md-3">

                                <img src="https://www.rkmarblesindia.com/wp-content/uploads/2020/04/handshake.jpg" width="100%">    

                            </div>

                            <div class="col-md-9">

                                <div class="title">Trusted Sources</div>

                                <p>Our showroom carries the finest quality marble & Granite slabs from trusted vendors worldwide. We have strong standing with Our quarry partners equally.</p>



                            </div>

                            </div>

                   </div>

                </div> --}}
            </div>
        </div>

    </section>
    

    <!--Fun Facts Section -->

    <section class="fun-facts-section" style="background-image:url({{URL::to('public/css/images/client.jpg')}});">

    	<div class="auto-container">

            

            <div class="row clearfix">

            	<!--Column-->

            	@foreach($number as $key=>$num)

                <div class="column count-box col-lg-3 col-md-3 col-sm-6 col-xs-12">

                    <div class="inner">

                        <div class="content">

                            <div class="count-outer">

                                <span class="count-text" data-speed="2000" data-stop="{{$num->number}}">0</span><span style="color:#F6191E;">+</span>

                            </div>

                            <div class="counter-title">{{$num->title}}</div>

                        </div>

                    </div>

                </div>

                @endforeach

                

                <!--Column-->

                <!--<div class="column count-box col-lg-3 col-md-3 col-sm-6 col-xs-12">-->

                <!--    <div class="inner">-->

                <!--        <div class="content">-->

                <!--            <div class="count-outer">-->

                <!--                <span class="count-text" data-speed="1000" data-stop="50">0</span>-->

                <!--            </div>-->

                <!--            <div class="counter-title">World Wide Client</div>-->

                <!--        </div>-->

                <!--    </div>-->

                <!--</div>-->

                

                <!--Column-->

                <!--<div class="column count-box col-lg-3 col-md-3 col-sm-6 col-xs-12">-->

                <!--    <div class="inner">-->

                <!--        <div class="content">-->

                <!--            <div class="count-outer">-->

                <!--                <span class="count-text" data-speed="3000" data-stop="3260">0</span><span style="color:#F6191E;">+</span>-->

                <!--            </div>-->

                <!--            <div class="counter-title">Architecture & Worker</div>-->

                <!--        </div>-->

                <!--    </div>-->

                <!--</div>-->

                

                <!--Column-->

                <!--<div class="column count-box col-lg-3 col-md-3 col-sm-6 col-xs-12">-->

                <!--    <div class="inner">-->

                <!--        <div class="content">-->

                <!--            <div class="count-outer">-->

                <!--                <span class="count-text" data-speed="1000" data-stop="23">0</span>-->

                <!--            </div>-->

                <!--            <div class="counter-title">Times Award Winner</div>-->

                <!--        </div>-->

                <!--    </div>-->

                <!--</div>-->

                    

            </div>

            

        </div>

    </section>

    

    

    <!--Team Section-->

    <section class="team-section">

    	<div class="auto-container">

        

        	<!--Sec Title-->

            <div class="sec-title centered">

                <h2>Our Team</h2>

                <div class="separator"></div>

                <div class="text">Our talented team is ready to provide yo the best quality service</div>

            </div>

            

            <div class="row">

            	

                <!--Team Member-->

                @foreach($team as $key=>$row)

            	<div class="team-member col-lg-3 col-md-4 col-sm-6 col-xs-12">

                	<div class="inner-box">

                    	<div class="image">

                        	<img src="{{('public'.$row->image)}}" style="height:290px" alt="" />

                            <div class="overlay-box">

                            	<ul class="social-links">

                                    <li><a href="#"><span class="fa fa-facebook"></span></a></li>

                                    <li><a href="#"><span class="fa fa-twitter"></span></a></li>

                                    <li><a href="#"><span class="fa fa-linkedin"></span></a></li>

                                </ul>

                            </div>

                        </div>

                        <div class="lower-box">

                        	<h3><a href="#">{{$row->name}}</a></h3>

                            <div class="designation">{{$row->position}}</div>

                        </div>

                    </div>

                </div>

                @endforeach

                

                

            </div>

            

		</div>

    </section>

	<!--Team Section-->

    

    

    <style>
        .default-portfolio-item .inner-box {
            border: initial
        }
    
      
    
        .testimonial-carousel {
            width: 75%;
            margin: auto
        }
    
        .testimonial-carousel .slide-item .inner {
            background: #014BA0 !important;
            border-radius: 20px;
            text-align: center;
            color: white
        }
    
        .testimonial-carousel .slide-item .inner p {
            color: white !important
        }
    
        .testimonial-carousel .slide-item .info strong {
            color: white !important
        }
    
        .testimonial-carousel .image-box img {
            width: 100px !important;
            height: 100px !important;
            margin-bottom: 15px;
        }
    
        .testimonial-carousel .slide-item .info strong:before {
            color: white !important
        }
    </style>
    <!--Testimonials Section-->
    <section class="testimonials-section">
        <div class="auto-container">
            <!--Heading-->
            <div class="sec-title centered">
                <div class="quotes-icon"></div>
                <h2 class="title1"><span>What Customer Say</span></h2> {{--<div class="separator"></div>--}}
            </div>
            <!--Testimonials Carousel-->
            <div class="testimonial-carousel owl-theme owl-carousel">
                <!--Slide Item--> @foreach($customer as $cv=>$val) <div class="slide-item">
                    <div class="inner">
                        <figure class="image-box" style="display: flex;justify-content: center;"><img
                                src="{{url('public/'.$val->image)}}" alt=""></figure>
                        <div class="text">{!! $val->short_des !!}</div>
                        <div class="info"><strong>{{$val->title}}</strong>{{-- <div class="designation">Senior UI/UX
                                Designer</div> --}}</div>
                    </div>
                </div> @endforeach
            </div>
        </div>
    </section>
    

    

    <!--Sponsors Section-->

   {{-- <section class="sponsors-section">

    	<div class="auto-container">

        	<!--Heading-->

            <div class="sec-title centered">

            	<h2>Our Lovely Client</h2>

                <div class="separator"></div>

            </div>

            

            <!--Sponsors Carousel-->

            <ul class="sponsors-carousel owl-carousel owl-theme">

            @foreach($client as $key=>$val)

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{url('public'.$val->image)}}" alt=""></a></figure></li>

                @endforeach

                {{-- <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/2.png')}}" alt=""></a></figure></li>

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/3.png')}}" alt=""></a></figure></li>

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/4.png')}}" alt=""></a></figure></li>

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/1.png')}}" alt=""></a></figure></li>

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/2.png')}}" alt=""></a></figure></li>

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/3.png')}}" alt=""></a></figure></li>

                <li class="slide-item"><figure class="image-box"><a href="#"><img src="{{URL::to('public/images/clients/4.png')}}" alt=""></a></figure></li> --}}

            {{--</ul>

        </div>

    </section> --}}

    <!--End Sponsors Section-->

    

    

    <!--Subscribe Style One-->

    {{--<section class="subscribe-style-one">

    	<div class="auto-container">

        	<div class="row clearfix">

                <div class="title-column col-md-8 col-sm-12 col-xs-12">

                    <h2>Sign up for Newsletter & Stay in Touch</h2>

                </div>

                <div class="form-column col-md-4 col-sm-12 col-xs-12">

                    <form method="post" action="contact.html">

                        <div class="form-group">

                            <input type="email" name="email" value="" placeholder="Enter your email" required>

                            <button type="submit" class="theme-btn"><span class="icon fa fa-angle-right"></span></button>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </section>--}}

	<!--End Subscribe Style One-->

    

@endsection