<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="GLAV.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
</head>
<body>
<div class="menu">
<div class="text_perehod">
<nav>
<ul>
<img src="gold.jpg" style="width:30px; height:28px; ">
<li style="font-size:20px; color:#FFD700;">Golden horseshoe!</li>
<li><a href="#">Главная</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Наше расположение</a></li>
<li><a href="#"><img src="icons8-vk.com-filled-32.png"></a></li>
<li><a href="#"><img src="icons8-instagram-32.png"></a></li>
<li><a href="#"><img src="icons8-facebook-32.png"></a></li>
<li><a href="#"><img src="icons8-твиттер-filled-32.png"></a></li>
</ul></nav>
</div>
</div>
<div class="foot">
<div><img src="food-photography-sea-food-close-up-1024x677.jpg"></div>
<div><img src="1418305970.jpg"></div>
<div><img src="restoran.jpg"></div>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.foot').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
});
</script>
</body>
</html>