{% extends 'base.html.twig' %}

{# Travel cheaply by sharing travel costs #}
{% block title %}
	{% trans %}About us{% endtrans %}
{% endblock %}

{% block body %}

	<!-- Body Start -->	
	<main class="browse-section">				
		<div class="container">
			<div class="row">					
				<div class="col-md-12">
					<div class="main-heading">
						<h2>{% trans %}Help Center{% endtrans %}</h2>
						<div class="line-shape1">
							<img src="{{ asset ('assets/images/line.png')}}" alt="">
						</div>
					</div>
					<div class="search_help">
						<input class="hsrhinput" type="text" placeholder="Search Any Question">
						<button class="help_btn">Search</button>
					</div>
				</div>
				<div class="col-lg-3 col-md-4">
					<div class="faq_left">
						<h4>FAQ</h4>
						<ul class="nav faq_nav nav-tabs">
							<li class="nav-item">
								<a class="nav-link active" href="#">All</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Getting Started</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Companies</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Freelancers</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Jobs</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Projects</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Message Center</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Payment</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Delete Account</a>
							</li>
						</ul>		
					</div>
				</div>
				<div class="col-lg-9 col-md-8">
					<div class="faq_right">
						<div class="row">
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Getting Started</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Companies</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Freelancers</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Jobs</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Projects</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Message Center</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Payment</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="faq1485">
									<div class="faq_heading">
										<h4>Delete Account</h4>
										<div class="line-shape1">
											<img src="{{ asset ('assets/images/line.png')}}" alt="">
										</div>
									</div>
									<div class="faq_more">
										<a href="#">View More</a>
									</div>
									<ul class="faq_links">
										<li><a href="#"><i class="far fa-file-alt"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Cras id lorem sagittis ex convallis rutrum a blandit orci?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Nunc laoreet dui eget quam efficitur?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Urabitur pharetra, lorem et venenatis consequa?</a></li>
										<li><a href="#"><i class="far fa-file-alt"></i>Vestibulum ullamcorper ornare molestie?</a></li>
									</ul>
								</div>
							</div>
						</div>					
					</div>					
				</div>					
			</div>					
		</div>
	</main>
	
{% endblock %}

{% block javascripts %}
	{{ parent() }}
	<!-- Scripts js -->
	<script>
		// $.ajax({
		// 	type: 'get',
		// 	url: "{{ path('cp_general_conditions')}}",
		// 	beforeSend: function() {
				
		// 	},
		// 	success: function(data) {
		// 		$(".page-content").append(data);
		// 		$(".modal-body").hide();
		// 	}
		// });
	</script>
{% endblock %}