<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8" />
	<title>"В Амстердаме" — ваш онлайн путеводитель</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/styles.css">
	<!--[if lte IE 8]>
	<link rel="stylesheet" href="css/ie.css">
	<![endif]-->
	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
	<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>

<body>

<!-- WRAPPER -->
<div class="wrapper">

<!-- HEADER -->
<header class="main-header clearfix">

	<!-- top-header -->
	<div class="top-header clearfix">

		<div class="logo ">
			<a href="/"><img src="img/logo.png" alt="В Амстердаме — ваш путеводитель" /></a>
			<h1 class="text-logo">В Амстердаме" — ваш онлайн путеводитель</h1>
		</div><!-- end: logo -->

		<!-- Login -->
		<ul class="login">
			<li><a href="#" id="auth-name">Вход</a></li>
			<li><a href="#" id="reg">Регистрация</a></li>
		</ul>
		<form class="form-auth-name" action=".php" method="post" name="auth_form">
			<label for="username">Логин:</label>
			<input type="text" id="username" />
			<label for="password">Пароль:</label>
			<a href="#">Забыли пароль?</a>
			<input type="password" id="password" />
			<div class="lower clearfix">
				<p><input type="checkbox" id="checkbox" /><label class="check" for="checkbox">Запомнить меня</label></p>
				<input type="submit" value="Войти" />
			</div>
		</form>
		<form class="form-reg" action=".php" method="post" name="reg_form">
			<label for="reg_username">Логин:</label>
			<input type="text" id="reg_username" />
			<label for="reg_password">Пароль:</label>
			<input type="password" id="reg_password" />
			<div class="lower clearfix">
				<input type="submit" value="Войти" />
			</div>
		</form>
		<!-- end: login -->

	</div><!-- end: top-header -->

	<!-- Navbar -->
	<div class="navbar clearfix">

		<nav class="menu">
			<a href="#" class="active">О городе</a>
			<a href="#">Новости</a>
			<a href="#">Достопримечательности</a>
			<a href="#">Отели</a>
			<a href="#">Отзывы туристов</a>
			<a href="#">Вопросы и ответы</a>
		</nav>

		<div class="social-links">
			<span>Следите за нами</span>
			<a href="http://vk.com" title="VK" class="vkontakte">VK</a>
			<a href="https://twitter.com" title="Twitter" class="twitter">Twitter</a>
			<a href="http://www.facebook.com" title="FaceBook" class="facebook">FaceBook</a>
			<a href="/rss_ru.xml" title="RSS" class="rss">RSS</a>
		</div>
	</div><!-- end: navbar -->

</header><!-- end: header -->


<div class="main clearfix">

	<!--Content-->
	<div class="content">
		<div class="container">

			<p class="about">Амстердам (нидерл. Amsterdam [ˌɑmstərˈdɑm]) — столица и крупнейший город Нидерландов. Является столицей королевства с 1814 года. Расположен в провинции Северная Голландия на западе страны в устье рек Амстел и Эй. Амстердам соединён с Северным морем каналом.</p>

			<h2>Популярные публикации</h2>

			<!-- Slider -->
			<div class="slider-wrapper theme-custom">

				<div id="slider" class="nivoSlider">
					<a href=""><img src="img/slider/amsterdam-1.jpg" alt="" title="Амстердам — столица и крупнейший город Нидерландов." /></a>
					<a href=""><img src="img/slider/amsterdam-2.jpg" alt="" title="Амстердам также является финансовой и культурной столицей Нидерландов с 1814 года." /></a>
					<a href=""><img src="img/slider/amsterdam-3.jpg" alt="" data-transition="slideInLeft" title="Расположен в провинции Северная Голландия на западе страны в устье рек Амстел и Эй." /></a>
					<a href=""><img src="img/slider/amsterdam-4.jpg" alt="" title="Амстердам соединён с Северным морем каналом." /></a>
				</div>
			</div><!-- end: slider -->

			<!-- last-articles -->
			<section class="last-articles">

				<header class="clearfix">
					<h2>Последние публикации</h2>
					<a href="" title="Перейти на страницу">все публикации</a>
				</header>

				<article class="article top">
					<img class="photo" src="img/demo/pic1.jpg" width="140" height="100" alt="Amsterdam"	/>
					<span class="date">Вторник, 14 августа 2013</span>
					<h3 class="head"><a href="#">Название города</a></h3>
					<p class="text">Множество достопримечательностей, таких как Рейксмюзеум, Музей Винсента Ван Гога, Городской музей, Эрмитаж на Амстеле, квартал красных фонарей, ежегодно привлекает в город около 4,2 миллиона туристов.Название города произошло от двух слов: «Амстел» и «дам». Амстел — название реки, на которой расположен город, а «дам» значит в переводе «дамба». В XII веке это была небольшая рыбачья деревня, но во времена Золотого века Нидерландов Амстердам стал одним из наиболее значимых портов мира и крупным торговым центром.</p>
				</article>

				<article class="article">
					<img class="photo" src="img/demo/pic2.jpg" width="60" height="60" alt="Amsterdam"	/>
					<span class="date">Вторник, 14 августа 2013</span>
					<h3 class="head"><a href="#">Амстердам также является финансовой и культурной столицей Нидерландов</a></h3>
					<p>Здесь расположились штаб-квартиры 7 из 500 наиболее крупных мировых компаний, например, Philips и ING Groep N.V.. Также в центре города расположена старейшая в мире фондовая биржа.</p>
				</article>

				<article class="article">
					<img class="photo" src="img/demo/pic2.jpg" width="60" height="60" alt="Amsterdam"	/>
					<span class="date">Вторник, 14 августа 2013</span>
					<h3 class="head"><a href="#">Амстердам также является финансовой и культурной столицей Нидерландов</a></h3>
					<p>Здесь расположились штаб-квартиры 7 из 500 наиболее крупных мировых компаний, например, Philips и ING Groep N.V.. Также в центре города расположена старейшая в мире фондовая биржа.</p>
				</article>

				<article class="article">
					<img class="photo" src="img/demo/pic2.jpg" width="60" height="60" alt="Amsterdam"	/>
					<span class="date">Вторник, 14 августа 2013</span>
					<h3 class="head"><a href="#">Амстердам также является финансовой и культурной столицей Нидерландов</a></h3>
					<p>Здесь расположились штаб-квартиры 7 из 500 наиболее крупных мировых компаний, например, Philips и ING Groep N.V.. Также в центре города расположена старейшая в мире фондовая биржа.</p>
				</article>

			</section><!-- end: last-articles -->

		</div><!-- end: container -->

	</div><!-- end: content -->

	<!-- LEFT -->
	<aside class="left">

		<!-- last-news -->
		<section class="last-news">
			<h2>Последние новости</h2>

			<div class="news-block">
				<img class="ln-photo" src="img/demo/news.jpg" width="36" height="36" alt="amsterdam" />
				<span class="ln-date">Суббота, 9 апреля 2013</span>
				<a class="ln-head" href="#">В Амстердаме расположен главный офис Гринпис</a>
			</div>

			<div class="news-block">
				<img class="ln-photo" src="img/demo/news.jpg" width="36" height="36" alt="amsterdam" />
				<span class="ln-date">Суббота, 9 апреля 2013</span>
				<a class="ln-head" href="#">В Амстердаме расположен главный офис Гринпис</a>
			</div>

			<div class="news-block">
				<img class="ln-photo" src="img/demo/news.jpg" width="36" height="36" alt="amsterdam" />
				<span class="ln-date">Суббота, 9 апреля 2013</span>
				<a class="ln-head" href="#">В Амстердаме расположен главный офис Гринпис</a>
			</div>

			<div class="news-block">
				<img class="ln-photo" src="img/demo/news.jpg" width="36" height="36" alt="amsterdam" />
				<span class="ln-date">Суббота, 9 апреля 2013</span>
				<a class="ln-head" href="#">В Амстердаме расположен главный офис Гринпис</a>
			</div>

		</section><!-- end: last-news -->

		<!-- last-news -->
		<div class="last-news">
			<h2>Время и погода</h2>
			<div class="news-block">
				<img class="ln-photo" src="img/demo/pic3.jpg" width="36" height="36" alt="amsterdam" />
				<span class="ln-date">Сейчас в Амстердаме 18:00</span>
				<span class="ln-head">Сегодня в столице Нидерландов солнечно и +20</span>
			</div>
		</div><!-- end: last-news -->
	</aside><!-- end: left -->

	<!-- SIDEBAR -->
	<div class="sidebar">

		<!-- last-comments -->
		<section class="last-comments">
			<h2>Последние комментарии</h2>

			<!-- comment -->
			<ul>
				<li class="comment">
					<header><a class="ico-user" href="">Наталья Фоменко</a></header>
					<a href="">Я уже в столице Нидерландов.</a> 
					<em><a href="" title="Комментарии">129</a></em>
				</li>

				<li class="comment">
					<header><a class="ico-user" href="">Андрей Артеменко</a></header>
					<a href="">На прогулку по городу стоит отправляться пораньше, чтобы не стоять в очередях в музеи и галереи.</a> 
					<em><a href="" title="Комментарии">16</a></em>
				</li>

				<li class="comment">
					<header><a class="ico-user" href="">Наталья Фоменко</a></header>
					<a href="">Я уже в столице Нидерландов</a> 
					<em><a href="" title="Комментарии">129</a></em>
				</li>

				<li class="comment">
					<header><a class="ico-user" href="">Наталья Фоменко</a></header>
					<a href="">Я уже в столице Нидерландов</a> 
					<em><a href="" title="Комментарии">129</a></em>
				</li>

				<li class="comment">
					<header><a class="ico-user" href="">Наталья Фоменко</a></header>
					<a href="">Я уже в столице Нидерландов</a> 
					<em><a href="" title="Комментарии">129</a></em>
				</li>

				<li class="comment">
					<header><a class="ico-user" href="">Наталья Фоменко</a></header>
					<a href="">Я уже в столице Нидерландов</a> 
					<em><a href="" title="Комментарии">129</a></em>
				</li>

				<li class="comment">
					<header><a class="ico-user" href="">Наталья Фоменко</a></header>
					<a href="">Я уже в столице Нидерландов</a> 
					<em><a href="" title="Комментарии">129</a></em>
				</li>
			</ul><!-- end: comment -->
		</section><!-- end: last-comments -->

	</div><!-- end: sidebar -->

</div><!-- end: main -->

<!-- FOOTER -->
<footer class="main-footer">

	<nav class="menu">
		<a href="#" class="active">О городе</a>
		<a href="#">Новости</a>
		<a href="#">Достопримечательности</a>
		<a href="#">Отели</a>
		<a href="#">Отзывы туристов</a>
		<a href="#">Вопросы и ответы</a>
	</nav>

	<div class="copy">
		<p><a href="#">Условия использования материалов</a></p>
		<p>По вопросам размещения рекламы или обмена ссылками обращайтесь по адресу:
			<a href="#">admin@vamsterdame.com</a>
		</p>
	</div>

</footer><!-- end: footer -->


</div><!-- end: wrapper -->

<!-- JavaScript -->
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery.nivo.slider.pack.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.reject.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {

		jQuery(window).load(function() {
			jQuery.reject({
				reject: {
					msie5: true,
					msie6: true,
					msie7: true,
					opera7: true
				},
				display: ['firefox','chrome','opera','safari','msie'],
				closeCookie: true
			});

			return false;
		});
	});
</script>

</body>
</html>