@extends('frontend.template')

@section('styles')
	
<style type="text/css">



/*section.menu-menu {*/
/*    position: unset;*/
/*}*/

/*body .row.menus {*/
/*    background-color: unset;*/
/*    box-shadow: unset;*/
/*}*/

	@media only screen and (max-width:992px){
	    .bannermain {
    height: 63px;
}
section.about-sec {
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}
	}
	h1.my-head {
   
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    padding: 0 0px;
    color: #242425 !important;
    margin-top: 14px !important;
    text-transform: capitalize;
    padding-bottom: 0px;
    position: relative;
    text-transform: uppercase;

    position: relative;
}
h1.my-head:before {
    position: absolute;
    bottom: -10px;
    background: #000;
    height: 3px;
    width: 300px;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
}
	section.about-sec-img {
    max-width: 1600px;
    margin: 0 auto;
}
h2.my-head {
    margin-top: 20px;
}
section.images-sec {

    margin-top: 30px;}
    
    
	
	section.about-sec-img img {
    width: 100%;
}
@media only screen and (max-width: 800px) {
   	body h1.my-head:before {
   	    display:none;
   	} 

   body h1.my-head {
      text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0px;
    color: #242425 !important;
    margin-top: 14px !important;
    text-transform: capitalize;
    padding-bottom: 0px;
    position: relative;
    text-transform: uppercase;
    padding-right: 0px;
    position: relative;
    margin: 0 !important;
    padding: 20px 0 0px 0;
}
body .about-sec p {
    font-size: 12px;
}
}
</style>

@endsection

@section('content')	
	<div class="bannermain innerbanner">
		<div class="banner_overlay"></div>
		
	@if(isset($meta_info['featured_banners']) )

    		<img src="/uploads/images/banners/{{$meta_info['featured_banners']}}" alt="{{$basic_details->name}}">
		
	    @else
		
		<img src="{{get_thumb_url_400('banners',"/".$basic_details->featured_banner,1)}}" alt="{{$basic_details->name}}">
		
		@endif
	  
		
		<div class="innercaption">
			<div class="container">
				<h2>About US</h2>
			</div>
		</div>
	</div>
	
	
	<section class="bread-crum">
        
        <div class="container">
        
            <div class="bread_crumb">
    	            <a href="/">Home</a> > 
    	            <a href="/about-us">About Us</a>
    	    </div>
	    
	    </div>
         
    </section>
    
    


   
   
 
    
	<section class="about-sec">
	    
	  <div class="container">
	    <div class="row">
	       
	      
	       
	        <div class="col-md-5 col-sm-12 col-xs-12 col-lg-12">
	            <h1 class="my-head"> 
                 
					@if(isset($seo_content['about_h1']['content']))
						{!! $seo_content['about_h1']['content'] !!}
					@endif
                  </h1>
	       
	           
	       </div>
	        
	         <div class="col-md-7 col-sm-6 col-xs-12 col-lg-12">
	           
	           <p class="about-para">
	          
	             @if(isset($seo_content['about_us_page']['content']))
		        	{!! $seo_content['about_us_page']['content'] !!}
		         @endif
	          
	           </p>
	           
	       </div>  
	    </div>
	    

	    
	  </div>  

	 </section>
	 
	


	
	


	 
	 
<!-- <section class="main-testimonial">-->
<!--	<div class="container">-->
<!--		<div class="row">-->
		    
<!--		    <div data-aos="fade-up" data-aos-duration="1500">-->
<!--            <div class="generalhead">-->
<!--                     <h2 class="gen">Services</h2>-->
<!--                     <h5>We serve the long-lasting and durable product </h5>-->
<!--                  </div>-->
<!--         </div>-->
             
           
<!--          </div>-->
         

<!--			<div class="row ttt">-->
<!--   <div class="owl-carousel owl-theme owl-carousel-ppp">-->
       
<!--                <div class="item">-->
<!--                <div class="cust-cust">-->
<!--              <div class="inner-testimonial">-->
<!--                  <h1 class="numbers">01</h1>-->
                   
              
<!--               <div class="text-caption-p">-->
                   
<!--                    <p>Ten years of experience in new material procurement supply chain at home and abroad.</p>-->
                    
<!--                </div>-->
                
              
<!--              </div>-->
<!--              </div>-->
<!--              </div>-->
              
              
<!--       <div class="item">-->
<!--                <div class="cust-cust">-->
<!--              <div class="inner-testimonial">-->
<!--                  <h1 class="numbers">02</h1>-->
                   
              
<!--               <div class="text-caption-p">-->
                   
<!--                    <p>24-hour online service for professional customers, providing professional, timely and enthusiastic services for overseas customers.</p>-->
                    
<!--                </div>-->
                
              
<!--              </div>-->
<!--              </div>-->
<!--              </div>-->
              
              
              
<!--    <div class="item">-->
<!--                <div class="cust-cust">-->
<!--              <div class="inner-testimonial">-->
<!--                   <h1 class="numbers">03</h1>-->
              
<!--               <div class="text-caption-p">-->
                   
<!--                    <p>OEM ODM service, new material development, new process improvement cost reduction service, outsourced products that customers need assistance.</p>-->
                    
<!--                </div>-->
                
              
<!--              </div>-->
<!--              </div>-->
<!--              </div>-->
              
              
<!--               <div class="item">-->
<!--                <div class="cust-cust">-->
<!--              <div class="inner-testimonial">-->
<!--                   <h1 class="numbers">04</h1>-->
              
<!--               <div class="text-caption-p">-->
                   
<!--                    <p>Professional foreign trade business customers can provide 24-hour online service, and both product consultation and quotation can be completed in a short time.</p>-->
                    
<!--                </div>-->
                
              
<!--              </div>-->
<!--              </div>-->
<!--              </div>-->
    
    
<!--  </div>  -->
<!--</div>-->
<!--</div>-->
     
<!--</section>-->
@endsection