@extends('layouts.app')

@push('meta_tags')
	<title>The Core Values That We All Hold Dear | WEBQLO</title>
	<meta name="description" content="Our core values set the standard of our work to our clients. We make our people happy, which makes our client's happy, and makes their customer's happy.">
	<meta property="og:title" content="The Core Values That We All Hold Dear | WEBQLO">
	<meta property="og:description" content="Our core values set the standard of our work to our clients. We make our people happy, which makes our client's happy, and makes their customer's happy.">
	<meta property="og:url" content="{{ url()->current() }}">
	<meta property="og:image" content="{{ asset('images/core-value/webqlo-website_core-value_0_new.jpg') }}">
@endpush

@push('css')
	<link rel="preload" href="{{ mix('css/core-value.css') }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="{{ mix('css/core-value.css') }}"></noscript>
@endpush

@section('content')
	<div id="core-value-section" class="full-height p-b-100 pb-lg-0">
		<h1 class="title-text sanfpro-bold pt-2 pb-4 d-none">Core Values</h1>
		<div class="core-value-slider owl-carousel owl-theme d-none d-lg-block">
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_0_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_0_new.jpg') }}" alt="WEBQLO - Core Values">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_1_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_1_new.jpg') }}" alt="Mission First">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_2_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_2_new.jpg') }}" alt="Embrace Diversity">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_3_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_3_new.jpg') }}" alt="Ever Better">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_4_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_4_new.jpg') }}" alt="Underdog Mentality">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_5_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_5_new.jpg') }}" alt="Entrepreneurial Mindset">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_6_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_6_new.jpg') }}" alt="Collaboration">
				</picture>
			</div>
			<div class="core-value-slide">
				<picture>
					<source media="(min-width: 992px)" srcset="{{ asset('images/core-value/webqlo-website_core-value_7_new.jpg') }}" type="image/jpeg">
					<img class="core-value-slide-img" src="{{ asset('images/core-value/webqlo-website_core-value_7_new.jpg') }}" alt="Everyone's Voice Matters">
				</picture>
			</div>
		</div>
		<div class="core-value-container d-block d-lg-none">
			<img id="core-value" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_0.jpg') }}" alt="WEBQLO - Core Values">
			<img id="embrace-diversity" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_1.jpg') }}" alt="Mission First">
			<img id="playful-spirit" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_2.jpg') }}" alt="Embrace Diversity">
			<img id="underdog-mentality" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_3.jpg') }}" alt="Ever Better">
			<img id="collaboration" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_4.jpg') }}" alt="Underdog Mentality">
			<img id="entrepreneurial-mindset" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_5.jpg') }}" alt="Entrepreneurial Mindset">
			<img id="everyones-voice-matters" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_6.jpg') }}" alt="Collaboration">
			<img id="everyones-voice-matters" class="core-value-img" src="{{ asset('images/core-value/webqlo-website_core-value_7.jpg') }}" alt="Everyone's Voice Matters">
		</div>
	</div>
@endsection

@push('js')
	<script src="{{ mix('js/core-value.js') }}" defer></script>
@endpush