@extends('en.layouts.layout')
@section('contant')

	<!--Page Title-->
    <section class="page-title">
		<div class="pattern-layer-one"></div>
    	<div class="auto-container">
			<h2>About us</h2>
			<ul class="page-breadcrumb">
				<li><a href="{{route('home')}}">home</a></li>
				<li>About us</li>
			</ul>
        </div>
    </section>
    <!--End Page Title-->
	
	<!-- Experiance Section -->
	<section class="experiance-section" style="background-image: url({{asset('assets/images/background/2.jpg')}}">
		<div class="auto-container">
			<!-- Experiance Info Tabs -->
			<div class="experiance-info-tabs">
				<!-- Experiance Tabs -->
				<div class="experiance-tabs tabs-box">
	
					<!--Tabs Container-->
					<div class="tabs-content">
	
						<!--Tab / Active Tab-->
						<div class="tab active-tab text-left" id="prod-html">
							<div class="content">	
							<h3 style="font-weight:bolder;font-size:18px;background-color: white;">
                            	{{ \App\Models\Settings::where('id', 21)->first()->value }}
							</h3>
							
							<div class="text">
								{!! \App\Models\Settings::where('id', 22)->first()->value !!}
							</div>
							</div>
						</div>
					</div>
				</div>
	
			</div>
		</div>
	</section>
	<!-- End Experiance Section -->

	<!-- Fluid Section One -->
    <section class="fluid-section-one">
    	<div class="outer-container clearfix">
        	
            <!-- Content Column -->
            <div class="content-column" style="background-image:url(images/background/pattern-13.png)">
            	<div class="inner-column">
					<!-- Sec Title -->
					<div class="sec-title light " style="background-color: white; color:black; padding:10px">
						<div class="title" style="background-color: white; color:black">
                            {{ \App\Models\Settings::where('id', 41)->first()->value }}
						</div>
						
						<div class="text" style="background-color: white; color:black">
                        	{!! \App\Models\Settings::where('id', 40)->first()->value !!}
						</div>
					</div>
				</div>
			</div>
			
			<!-- Image Column -->
            <div class="image-column" style="background-image:url({{asset('assets/images/main-slider/image-1.jpg')}}">
            	<figure class="image-box"><img src="{{asset('assets/images/main-slider/image-1.jpg')}}" alt=""></figure>
            </div>
			
		</div>
	</section>
	

	<!-- Process Section -->
    <section class="process-section">		
		<div class="auto-container">			
			<div class="row clearfix">				
				<!-- Process Block -->
				<div class="process-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms" style="height: 850px;">
						<div class="number-box">01</div>
						<h4><a href="#">{{ \App\Models\Settings::where('id', 23)->first()->value }}</a></h4>
						<div class="text">{!! \App\Models\Settings::where('id', 24)->first()->value !!}</div>
						<!-- <a class="read-more" href="services-detail.html"><span class="arrow flaticon-long-arrow-pointing-to-the-right"></span>Read More</a> -->
					</div>
				</div>
				
				<!-- Process Block -->
				<div class="process-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms" style="height: 850px;">
						<div class="number-box">02</div>
						<h4><a href="#">{{ \App\Models\Settings::where('id', 25)->first()->value }}</a></h4>
						<div class="text">{!! \App\Models\Settings::where('id', 26)->first()->value !!}</div>
						<!-- <a class="read-more" href="services-detail.html"><span class="arrow flaticon-long-arrow-pointing-to-the-right"></span>Read More</a> -->
					</div>
				</div>
				
				<!-- Process Block -->
				<div class="process-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms" style="height: 850px;">
						<div class="number-box">03</div>
						<h4><a href="#">{{ \App\Models\Settings::where('id', 27)->first()->value }}</a></h4>
						<div class="text">{!! \App\Models\Settings::where('id', 28)->first()->value !!}</div>
						<!-- <a class="read-more" href="services-detail.html"><span class="arrow flaticon-long-arrow-pointing-to-the-right"></span>Read More</a> -->
					</div>
				</div><br>

				<div class="row">
                    <div class="process-block col-lg-4 col-md-6 col-sm-12">
                        <img src="{{ asset( \App\Models\Images::where('id', 2)->first()->picture ) }}" alt="" style="border:2px solid black">
                    </div>
                    <div class="process-block col-lg-4 col-md-6 col-sm-12">
                        <img src="{{ asset( \App\Models\Images::where('id', 3)->first()->picture ) }}" alt="" style="border:2px solid black">
                    </div>
                    <div class="process-block col-lg-4 col-md-6 col-sm-12">
                        <img src="{{ asset( \App\Models\Images::where('id', 4)->first()->picture ) }}" alt="" style="border:2px solid black" >
                    </div>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End Process Section -->
@endsection