<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1">
	<title>EuroAudit</title>

	<link rel="stylesheet" href="/css/1-main.css" type="text/css" />
	<link rel="stylesheet" href="/css/2-slick.css" type="text/css" />

</head>

<body>

	<?php include('img/icons/ea-icons.svg'); ?>

    <?php include('inc/header.php'); ?>

	<div class="hero page-hero" style="background-image: url('/img/euroaudit-clients.jpg');">

		<div class="caption">
			<h1>Naši zaposleni</h1>
			<p>Lorem ipsum dolor sit amet consectetur adipiscing elit praesent ex nisi rutrum etx in</p>
		</div>

	</div>

	<main>

		<section class="bg-pattern">
			<div class="inner">

				<div class="employees-block">
					<div class="row">

						<div class="column __3 st__3">
							<a href="employees_details.php">
								<img src="img/employees-partners.jpg" />
								<h2>Partneri društva</h2>
							</a>
						</div>

						<div class="column __3 st__3">
							<a href="employees_details.php">
								<img src="img/employees-licensed-auditor.jpg" />
								<h2>licencirani ovlašćeni revizori</h2>
							</a>
						</div>

						<div class="column __3 st__3">
							<a href="employees_details.php">
								<img src="img/employees-auditors.jpg" />
								<h2>revizori</h2>
							</a>
						</div>

						<div class="column __3 st__3">
							<a href="employees_details.php">
								<img src="img/employees-professional-associates.jpg" />
								<h2>stručni saradnici</h2>
							</a>
						</div>

					</div>
				</div>

			</div>
		</section>

        <?php include('inc/quote.php'); ?>

        <?php include('inc/clients.php'); ?>

	</main>

    <?php include('inc/footer.php'); ?>

	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/jquery.matchHeight-min.js"></script>
	<script src="js/slick.min.js"></script>
	<script src="js/main.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){

			$('.logos-block.slider').slick({
				slidesToShow: 5,
				slidesToScroll: 5,
				infinite: false,
				dots: true,
				prevArrow:"<div class='slick-prev'>",
				nextArrow:"<div class='slick-next'>",
				customPaging: function(slider, i) {
					return $('<div data-role="none" role="button" tabindex="0" />').text(i + 1);
				}
			});

		});
	</script>

</body>
</html>