@extends('user.layouts.app')
@section('metapart')
<meta property="og:url" content="{{ \Illuminate\Support\Facades\URL::full() }}">
<meta property="og:title" content="{{$sitesetting->meta_tag}}">
<meta property="og:description" content="{{$sitesetting->meta_tag}}">
<meta property="og:type" content="Website">
<meta property="og:image" content="{{$sitesetting->image_url}}">
<meta property="og:image:secure_url" content="{{$sitesetting->image_url}}">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200"> 
@endsection 
@section('pagetitle')

<title>{{ $sitesetting->comp_name }}</title> 

<style type="text/css">
	.mar_wp p{white-space: pre-wrap;}
</style>

@endsection
@section('body')
<section class="breadcrumb-area" style="background-image: url({{url('public/assets/user/')}}/images/breadcrumb-bg.jpg);">
	<div class="container-fluid text-center">
		<h1>About Us</h1>
		<div class="breadcrumb-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="left pull-left">
							<ul>
								<li><a href="{{url('/')}}">Home</a></li>
								<li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
								<li>About Us</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="about-interrio-area">
	<div class="container">
		<div class="sec-title">
			<h2>{{ $about->title }}</h2><span class="decor"></span> </div>
		<div class="row">
			<div class="col-md-12">
				<div class="about_text text-holder">
					<h3>{{ $about->sub_title }}</h3>
					<p>{!! html_entity_decode($about->description) !!}</p>
				</div>
			</div>
			<div class="col-md-6">
				<div class="single-item"> 
				@if(!empty($about->mission_image))
					<div class="img-holder"><img src="{{ Storage::url($about->mission_image) }}" alt=""> </div> @endif
					<div class="mar_wp text-box">
						<h3>Our Mission</h3>
						<p>{!! $about->mission_description !!}</p>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="single-item pdtop"> 
				@if(!empty($about->vision_image))
					<div class="img-holder"> <img src="{{ Storage::url($about->vision_image) }}"> </div> @endif
					<div class="mar_wp text-box">
						<h3>Our Vision</h3>
						<p>{!! $about->vision_description !!}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="choose-area" style="background-image:url({{url('public/assets/user/')}}/images/choose-bg.jpg);">
	<div class="container">
		<div class="sec-title text-center">
			<h2>Why choose Interior</h2> <span class="border"></span> </div>
		<div class="row">
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="single-item">
					<div class="icon-holder"> <span class="flaticon-internet"></span> </div>
					<div class="text-holder">
						<h3>30 Years of Experince</h3>
						<p>We brings 30 years of ceramic industry experience.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="single-item">
					<div class="icon-holder"> <span class="flaticon-idea"></span> </div>
					<div class="text-holder">
						<h3>Creative Designers</h3>
						<p>Our designing team designs with your taste, space, Also our team will guide you.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="single-item">
					<div class="icon-holder"> <span class="flaticon-construction"></span> </div>
					<div class="text-holder">
						<h3>Quality Products</h3>
						<p>We provide high quality products only to our customers, our prodcuts are certified with ISO & CE</p>
					</div>
				</div>
			</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="single-item">
					<div class="icon-holder"> <span class="flaticon-interface"></span> </div>
					<div class="text-holder">
						<h3>Free Consultation</h3>
						<p>We providing free consultation about interior quality, space, and etc but it is free for all.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="single-item">
					<div class="icon-holder"> <span class="flaticon-24-hours"></span> </div>
					<div class="text-holder">
						<h3>24/7 Customer Support</h3>
						<p>whenever and wherever you need our support you can contact our 24/7 customer support team.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
{{--<section class="team-area">
	<div class="container">
		<div class="sec-title">
			<h2>Meet The <span>Team</span></h2> <span class="decor"></span> </div>
		<div class="row">
			<div class="col-md-12">
				<div class="team-members">
					<div class="single-team-member">
						<div class="img-holder"> <img src="{{url('public/assets/user/')}}/images/team-1.jpg" alt="Awesome Image">
							<div class="overlay">
								<div class="box">
									<div class="content">
										<ul>
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="text-holder text-center">
							<h3>Astley Rickmen</h3>
							<p>Project Manager</p>
						</div>
					</div>
					<div class="single-team-member">
						<div class="img-holder"> <img src="{{url('public/assets/user/')}}/images/team-2.jpg" alt="Awesome Image">
							<div class="overlay">
								<div class="box">
									<div class="content">
										<ul>
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="text-holder text-center">
							<h3>Marko Williamson</h3>
							<p>HR Manager</p>
						</div>
					</div>
					<div class="single-team-member">
						<div class="img-holder"> <img src="{{url('public/assets/user/')}}/images/team-3.jpg" alt="Awesome Image">
							<div class="overlay">
								<div class="box">
									<div class="content">
										<ul>
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="text-holder text-center">
							<h3>Venanda Stewart</h3>
							<p>Designer</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="bottom-text text-center">
					<h3>We’re always looking for talented designers, creative directors and anyone has a passion for the interior designing <a href="#">join our team.</a></h3> </div>
			</div>
		</div>
	</div>
</section>   --}}
<section class="slogan-area bg-clr-1" style="background-image:url({{url('public/assets/user/')}}/images/slogan.jpg);">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="slogan">
					<h2>We come to you with our large supplier network in the comfort of your own home. No lost weekends,no wonder we’re near by you.</h2> </div>
			</div>
		</div>
	</div>
</section>
<div class="fact-counter-area">
	<div class="container">
		<div class="sec-title">
			<h2>Interesting Facts</h2> <span class="decor"></span> </div>
		<div class="row">
			<div class="col-md-5">
				<div class="fact-counter-carousel">
					<div class="single-item">
						<p>“Ceramics are a completely natural, safe and hygienic material: made with water and clay. They are sustainable, recyclable, energy efficient and durable which reduces present and future environmental impact.”</p>
					</div>
					<div class="single-item">
						<p>“The true power of the ceramic medium is the same as it’s always been; it’s inert and immutable once fired; it’s impervious and hygienic; it’s easy to sanitize and asks very little of us but provides so much strength and value to our lives and the life of the buildings we choose to grace with it.”</p>
					</div>
				</div>
			</div>
			<div class="col-md-7">
				<div class="row">
					<div class="col-md-4 col-sm-6 col-xs-12">
						<div class="single-fact-counter text-center">
							<div class="box">
								<h2><span class="timer" data-from="1" data-to="5000" data-speed="5000" data-refresh-interval="50">5000</span><i class="fa fa-plus" aria-hidden="true"></i></h2>
								<div class="icon-holder"> <span class="flaticon-internet"></span> </div>
							</div>
							<div class="title"><h3>Projects Worked</h3> </div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12">
						<div class="single-fact-counter text-center">
							<div class="box">
								<h2><span class="timer" data-from="1" data-to="400" data-speed="5000" data-refresh-interval="50">400</span><i class="fa fa-plus" aria-hidden="true"></i></h2>
								<div class="icon-holder"> <span class="flaticon-people-1"></span> </div>
							</div>
							<div class="title"><h3>Happy Dealers</h3> </div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12">
						<div class="single-fact-counter text-center">
							<div class="box">
								<h2><span class="timer" data-from="1" data-to="40000" data-speed="5000" data-refresh-interval="50">40,000</span><i class="fa fa-plus" aria-hidden="true"></i></h2>
								<div class="icon-holder"> <span class="flaticon-people"></span> </div>
							</div>
							<div class="title"><h3>Happy Consumers</h3> </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection