<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru-RU">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Films 24</title>
	<!--[if gt IE 6]><!-->
	<link rel="stylesheet" type="text/css" media="screen, projection" href="css/styles.css" />
	<!-- <![endif]-->
	<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" media="screen, projection" href="css/ie.css" />
	<![endif]-->
	<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />
	<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>

<body>

	<!-- ========== WRAP ========== -->
	<div class="wrap clearfix">

		<!-- ========== ASIDE ========== -->
		<div class="aside">

			<!-- category -->
			<div class="category">
				<h3><strong>Н</strong>авигация<span>по категориям фильмов</span></h3>
				<ul>
					<li><span>» </span><a href="#" title="Перейти в раздел">Аниме</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Боевик</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Вестерн</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Детектив</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Комедия</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Триллер</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Фэнтэзи</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Семейный</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Фантастика</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Катастрофа</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Мелодрама</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Драма</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Документальный</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Исторический</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Приключения</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Ужасы</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Эротика</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Музыкальное видео</a></li>
					<li><span>» </span><a href="#" title="Перейти в раздел">Спорт</a></li>
				</ul>
			</div><!-- end: category -->

		<!-- voting -->
		<div class="voting">
			<h3><strong>Г</strong>олосование<span>еженедельное голосование</span></h3>
			<form action="#" method="post" name="form-voting" id="voting">
				<fieldset>
					<legend>Оцените работу движка</legend>
					<p><label><input type="radio" name="radio" id="radio1" value="" checked="checked" />Лучший из новостных</label></p>
					<p><label><input type="radio" name="radio" id="radio2" value="" />Неплохой движок</label></p>
					<p><label><input type="radio" name="radio" id="radio3" value="" />Устраивает... но...</label></p>
					<p><label><input type="radio" name="radio" id="radio4" value="" />Встречал и получше</label></p>
					<p><label><input type="radio" name="radio" id="radio5" value="" />Совсем не понравился</label></p>
					<button type="submit" title="Отправить">Голосовать</button>
					<button type="submit" title="Показать результаты голосования">Результаты</button>
				</fieldset>
			</form>
		</div><!-- end: voting -->

		<!-- calendar -->
		<div class="calendar">
			<h3><strong>К</strong>алендарь<span>наш календарик</span></h3>
			<div id="calendar"></div>
		</div><!-- end: calendar -->

		<!-- banner -->
		<div class="banner">
			<h3><strong>Р</strong>еклама<span>без рекламы - никуда</span></h3>
			<p><strong>Владимир Путин доволен работой обновленного кабинета министров.</strong>
				Путин также упомянул, что "в Великобритании прячется, по оценкам Генпрокуратуры, около 20 российских граждан,
				совершивших, по данным наших правоохранительных органов, тяжкие и особо тяжкие ...
			</p>
			<p><strong>Женщина на иномарке врезалась в группу детей.</strong>
				Женщина, которая находилась за рулем автомобиля Пежо, не справилась с управлением,
				перескочила бордюр и выехала на пешеходный переход.
			</p>
			<p><strong>Суд США отменил антидемпинговые пошлины для урана из России.</strong>
				До настоящего времени российский уран, поставляемый в США вне соглашения ВОУ-НОУ,
				облагался заградительной пошлиной в 112%.</p>
		</div><!-- end: banner -->

		<!-- validation -->
		<div class="validation">
			<span>
				<a href="http://validator.w3.org/check?uri=referer">
					<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
				</a>
			</span>
			<span>
				<a href="http://jigsaw.w3.org/css-validator/check/referer">
					<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Правильный CSS!" height="31" width="88" />
				</a>
			</span>
		</div><!--end: validation-->

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

		<!-- ========== MAIN ========== -->
		<div class="main clearfix">

			<!-- HEADER -->
			<div class="header">

				<!-- logo -->
				<div class="logo">
					<a href="/" title="Главная страница">
						<img src="img/logo.png" alt="Логотип Films 24" width="180" height="36" />
					</a>
					<h1 class="hide">Films 24</h1>
					<span class="post1-logo">Лучшие фильмы наивысшего качества!</span>
					<span class="post2-logo">Начиная от классики и заканчивая новинками!</span>
				</div><!-- end: logo -->

				<!-- slogan -->
				<div class="slogan">
					<h2 class="slogan-header">Классика <span>кинематографа</span></h2>
					<h2 class="slogan-footer">Самые <strong>последние </strong><span>киноновинки</span></h2>
					<span class="in-h2">и</span>
					<h4>Films 24. Лучшие фильмы наивысшего качества! Мы вам обеспечиваем постоянную скорость скачивания фильмов под 100 мбит/сек!</h4>
					<div class="bracket"></div>
					<div class="left-fold"></div>
					<div class="heroes"></div>
				</div><!-- end: slogan -->

				<!-- authorization -->
				<div class="auth">
					<!-- auth-header -->
					<div class="auth-header">
						<p>Для получения полного доступа ко всем разделам сайта пройдите несложную процедуру регистрации на сайте</p>
						<div class="reg"><label for="name">Войти на наш сайт</label> или <a href="#" title="Перейти к процедуре регистрации">Зарегистрироваться</a></div>
					</div><!-- end: auth-header -->
					<!-- auth-box -->
					<div class="auth-box">
						<a class="redress" href="#" title="Перейти к процедуре восстановления">Восстановить пароль к своему аккаунту</a>
						<form action="#" method="post" name="author">
							<label>Имя: <input id="name" type="text" value="Administration"/></label>
							<label>Пароль: <input id="password" type="password" value="12345678" /></label>
							<button type="submit" title="Вход">Войти</button>
						</form>
					</div><!-- end: auth-box -->
				</div><!-- end: auth -->

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

			<!-- ========== PAGE CONTENT ========== -->

			<!-- welcome -->
			<div class="welcome">
				<h2>Добро пожаловать на <span>Films <em>24</em></span></h2>
				<p>Мы очень рады, что вы решили посетить наш киноресурс. В нашей базе фильмов вы сможете найти и скачать большинство известных и любимых фильмов.
				Мы стараемся обновлять наш ресурс несколько раз в день, и именно за счет этого нас выбирают пользователи.
				Кроме этого мы гарантируем нашим пользователям самую максимальную скорость скачивания фильмов ...
				</p>
			</div><!-- end: welcome -->

			<!-- films-assortment -->
			<div class="films-assortment">
				<ul>
					<li><a href="#" title="Перейти к фильму">» Приобретение и оплата скрипта</a></li>
					<li><a href="#" title="Перейти к фильму">» Война (WAR)</a></li>
					<li><a href="#" title="Перейти к фильму">» Добро пожаловать</a></li>
					<li><a href="#" title="Перейти к фильму">» Шаблоны для DataLife Engine</a></li>
					<li><a href="#" title="Перейти к фильму">» Приобретение и оплата скрипта</a></li>
					<li><a href="#" title="Перейти к фильму">» Война (WAR)</a></li>
					<li><a href="#" title="Перейти к фильму">» Добро пожаловать</a></li>
				</ul>
				<ul>
					<li><a href="#" title="Перейти к фильму">» Приобретение и оплата скрипта</a></li>
					<li><a href="#" title="Перейти к фильму">» Война (WAR)</a></li>
					<li><a href="#" title="Перейти к фильму">» Добро пожаловать</a></li>
					<li><a href="#" title="Перейти к фильму">» Шаблоны для DataLife Engine</a></li>
					<li><a href="#" title="Перейти к фильму">» Приобретение и оплата скрипта</a></li>
					<li><a href="#" title="Перейти к фильму">» Война (WAR)</a></li>
					<li><a href="#" title="Перейти к фильму">» Добро пожаловать</a></li>
				</ul>
			</div><!-- end: films-assortment -->

			<!-- films-catalog -->
			<div class="films-catalog">

				<!-- films-item -->
				<div class="films-item">
					<!-- film-header -->
					<div class="film-header">
						<h3>Война</h3>
						<div class="rating">
							<div style="width: 100%"></div><!--при программировании для вывода показателя рейтинга на сайт, достаточно всего лишь задать нужную ширину первому элементу списка (с классом current)-->
						</div><!-- end: rating-->
						<div class="meta-tags">
							Раздел сайта: <a href="#" title="Перейти к разделу">Главная</a>,
							Новость размещена <a href="#" title="Все фильмы с этой датой">3 июля 2013</a>
						</div>
					</div><!-- end: film-header -->
					<!-- poster -->
					<div class="poster">
						<div class="images">
							<img src="img/demo/film-1.jpg" alt="Афиша фильма" width="250" height="369" />
						</div>
						<!--description-->
						<div class="description">
							<p>Оригинальное название: War</p>
							<p>Работа полицейских всегда связана с такими неожиданными переделками, предугадать которые не под силу даже закаленному профессионалу.
							На счету Джека Кроуфорда и его напарника немало обезвреженных бандитов.
							И не мелких карманников, а матёрых убийц, боссов преступного мира.
							Все они, оказавшись в руках правосудия, грозились «расплатиться» с копами.
							Но только один гангстер исполняет данную им клятву мести.<br />
							Хладнокровный киллер по кличке Мерзавец, выйдя на свободу, объявляет войну полицейским, по вине которых он оказался за решёткой.
							С этого момента жизнь Кроуфорда и его друга превращается в бесконечную зловещую игру со смертью, захватывающую и жуткую.
							Игру, где жизнь не стоит ничего, а бывшие друзья становятся заклятыми врагами…
							</p>
							<p>Режиссер: Филлип Этвелл<br />
							В ролях: Джейсон Стетхэм, Джет Ли, Девон Аоки, Кейн Косуги, Джон Лоун, Луис Гусман,
							Андреа Рот, Сол Рубинек, Кеннет Чой, Терри Чен, Аарон Перл, Пол Джаррет,
							Рио Исибаси, Николя Элиа
							</p>
							<p>Год выхода: 2007<br />
							Мировая премьера: 24 августа 2007<br />
							Премьера в России: 30 августа 2007<br />
							Выпущено: США, Lionsgate<br />
							Продолжительность: 01:38:37<br />
							Перевод: Профессиональный (многоголосый)
							</p>
							<p>Качество: DivX/XviD DVDRip R5<br />
							Видео: XviD, 704x304, 1755 kbps, 25 fps<br />
							Звук: MPEG-1 Layer 3, 213 kbps, 48000 Hz<br />
							</p>
						</div><!-- end: description -->
					</div><!-- end: poster -->
					<!-- filim-footer -->
					<div class="film-footer">
						<div class="film-metadata">
							<span class="user"><a href="#">AntiDuck</a></span>
							<span class="post-count"><a href="#">75</a> Комментариев</span>
							<span class="view-count">5 просмотров</span>
						</div><!-- end: film-metadata -->
						<div class="read-more">
							<a href="#" title="Узнать больше о фильме">Читать далее</a>
						</div><!-- end: read-more-->
					</div><!-- end: film-footer -->
				</div><!-- end: films-item -->

				<!-- films-item -->
				<div class="films-item">
					<!-- film-header -->
					<div class="film-header">
						<h3>Крепкий орешек 4.0</h3>
						<!-- rating -->
						<div class="rating">
							<div style="width: 60%"></div>
						</div><!-- end: rating -->
						<div class="meta-tags">
							Раздел сайта: <a href="#" title="Перейти к разделу">Главная</a>,
							Новость размещена <a href="#" title="Все фильмы с этой датой">3 июля 2013</a>
						</div>
					</div><!-- end: film-header -->
					<!-- poster -->
					<div class="poster">
						<div class="images">
							<img src="img/demo/film-2.jpg" alt="Афиша фильма" width="229" height="328" />
						</div>
						<div class="description">
							<p>Год выпуска: 2007. Жанр: Боевик, приключения, триллер</p>
							<p>Режиссер: Лен Уайзман</p>
							<p>В ролях: Брюс Уиллис, Тимоти Олифант, Мэгги Кью, Джастин Лонг, Джеффри Райт,
							Мэри Элизабет Уинстед, Кевин Смит, Янси Эриас, Йорго Константин, Клифф Кертис,
							Джонатан Садовский, Эндрю Фридман, Cирилл Раффаелли
							</p>
							<p>На этот раз Джон МакКлейн будет спасать Штаты от группы интернет-террористов,
							собирающихся буквально "выключить" Соединенные Штаты Америки. А, учитывая, что Джон -
							человек старой формации, то в деле борьбы с современными технологиями ему, кроме старой
							доброй "Беретты", понадобится молодой, недисциплинированный, но очень талантливый помощник.
							На этот раз Джон МакКлейн будет спасать Штаты от группы интернет-террористов, собирающихся буквально
							"выключить" Соединенные Штаты Америки.
							</p>
							<p>А, учитывая, что Джон - человек старой формации, то в деле борьбы с современными технологиями ему,
							кроме старой доброй "Беретты", понадобится молодой, недисциплинированный, но очень талантливый помощник.
							</p>
						</div><!-- end: description -->
					</div><!-- end: poster -->
					<!-- film-footer -->
					<div class="film-footer">
						<div class="film-metadata">
							<span class="user"><a href="#">AntiDuck</a></span>
							<span class="post-count"><a href="#">75</a> Комментариев</span>
							<span class="view-count">5 просмотров</span>
						</div><!-- end: film-metadata -->
						<div class="read-more">
							<a href="#" title="Узнать больше о фильме">Читать далее</a>
						</div><!-- end: jump-link -->
					</div><!-- end: film-footer -->
				</div><!-- end: films-item -->

				<!-- films-item -->
				<div class="films-item">
					<!-- film-header -->
					<div class="film-header">
						<h3>Обитель Зла 3</h3>
						<!-- rating -->
						<div class="rating">
							<div style="width: 50%"></div>
						</div><!-- end: rating -->
						<div class="meta-tags">
							Раздел сайта: <a href="#" title="Перейти к разделу">Главная</a>,
							Новость размещена <a href="#" title="Все фильмы с этой датой">3 июля 2013</a>
						</div>
					</div><!-- end: film-header -->
					<!-- poster -->
					<div class="poster">
						<div class="images">
							<img src="img/demo/film-3.jpg" alt="Афиша фильма" width="200" height="300" />
						</div>
						<div class="description">
							<p>Режиссер: Расселл Малкеи</p>
							<p>В ролях: Милла Йовович, Одед Фехр, Али Лартер, Йен Глен, Майк Эппс, Спенсер Лок,
								Ашанти Гэри Хадсон, Линден Эшби, Кристофер Игэн, Мэттью Марсден, Питер О.Мира
							</p>
							<p>Описание:</p>
							<p>Командир спецназа Элис, не раз уже спасавшая мир от смертельных вирусов и
								неминуемой гибели, вновь взялась за оружие. На этот раз ей предстоит сразиться с корпорацией "Амбрелла",
								работающей над реализацией зверского антигуманного проекта. Коварные политики и прагматичные ученые стремятся
								уничтожить людей и заменить их на более "совершенные" создания, заселив Землю неуязвимыми бессмертными клонами...
								Командир спецназа Элис, не раз уже спасавшая мир от смертельных вирусов и
								неминуемой гибели, вновь взялась за оружие. На этот раз ей предстоит
								сразиться с корпорацией "Амбрелла", работающей над реализацией зверского
								антигуманного проекта. Коварные политики и прагматичные ученые стремятся уничтожить людей и заменить их на более
								"совершенные" создания, заселив Землю неуязвимыми бессмертными клонами...
							</p>
						</div><!-- end: description -->
					</div><!-- end: poster -->
					<!-- film-footer -->
					<div class="film-footer">
						<div class="film-metadata">
							<span class="user"><a href="#">AntiDuck</a></span>
							<span class="post-count"><a href="#">75</a> Комментариев</span>
							<span class="view-count">5 просмотров</span>
						</div><!-- end: film-metadata -->
						<div class="read-more">
							<a href="#" title="Узнать больше о фильме">Читать далее</a>
						</div><!-- end: jump-link -->
					</div><!-- end: film-footer -->
				</div><!-- end: film-item -->

			</div><!-- end: films-catalog -->

			<!-- ========== FOOTER ========== -->
			<div class="footer">
				<!-- footer-nav -->
				<ul class="footer-nav">
					<li><a href="#" title="Перейти на страницу">Главная</a></li>
					<li><a href="#" title="Перейти на страницу">Релизы</a></li>
					<li><a href="#" title="Перейти на страницу">Модули</a></li>
					<li><a href="#" title="Перейти на страницу">Форум</a></li>
					<li><a href="#" title="Перейти на страницу">Покупка</a></li>
					<li><a href="#" title="Перейти на страницу">Контакты</a></li>
				</ul><!-- end: footer-nav -->
				<!-- in-footer -->
				<div class="in-footer">
					<div id="counter">
						<img src="img/demo/counter.jpg" alt="image counter" width="364" height="31" />
					</div>
					<div class="copyright">
						<p>Все права защещины © 2009-2012
							<a href="#" title="На главную страницу">Films 24</a>
						</p>
						При использовании материалов ссылка на сайт обязательна
						<div class="design-by">
							<span>Дизайн сайта</span>
							<a class="design-logo" href="#" title="Перейти на сайт Duck">Duck
								<img src="img/ico-designer.png" alt="Логотип Duck" width="16" height="16" />
							</a>
							<a class="design-contact" href="#" title="Перейти на сайт Duck">8-939-402</a>
						</div><!-- end: design-by -->
					</div><!-- end: copyright -->
				</div><!-- end: in-footer -->
			</div><!-- end: footer -->

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

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

<!-- JavaScript -->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- end: Javascript -->

</body>
</html>