<!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>