<!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>BMWPort.ru — Секретариат BMW в интернете</title>
<!--[if gt IE 6]><!-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- <![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="wrap">
<div class="push clearfix">
<!--HEADER-->
<div class="header clearfix">
<!--header-top-container-->
<div class="header-top-container clearfix">
<div class="logo">
<a href="/" title="Перейти на главную страницу">
<img src="img/logo.png" alt="Логотип BMWPort.ru" width="86" height="86" /><span>BMWPort.ru</span>
</a>
</div><!-- end: logo -->
<!--ports-brand-car-->
<ul class="ports-brand-car">
<li class="brand-car port-1">
<a href="http://mazdaport.ru" title="Перейти на сайт">
<span>Mazda<em>mazdaport.ru</em></span>
</a>
</li>
<li class="brand-car port-2">
<a href="http://lexusport.ru" title="Перейти на сайт">
<span>Lexus<em>lexusport.ru</em></span>
</a>
</li>
<li class="brand-car port-3">
<a href="http://scodaport.ru" title="Перейти на сайт">
<span>Scoda<em>scodaport.ru</em></span>
</a>
</li>
<li class="brand-car port-4">
<a href="http://subaruport.ru" title="Перейти на сайт">
<span>Subaru <em>subaruport.ru</em></span>
</a>
</li>
<li class="brand-car port-5">
<a href="http://mercedesport.ru" title="Перейти на сайт">
<span>Mercedes<em>mercedesport.ru</em></span>
</a>
</li>
<li class="brand-car port-6">
<a href="http://huindaiport.ru" title="Перейти на сайт">
<span>Huindai <em>huindaiport.ru</em></span>
</a>
</li>
<li class="brand-car port-7">
<a href="http://opelport.ru" title="Перейти на сайт">
<span>Opel<em>opelport.ru</em></span>
</a>
</li>
<li class="brand-car port-8">
<a href="http://fordport.ru" title="Перейти на сайт">
<span>Ford<em>fordport.ru</em></span>
</a>
</li>
<li class="brand-car port-9">
<a href="http://volkswagenport.ru" title="Перейти на сайт">
<span>Volkswagen<em>volkswagenport.ru</em></span>
</a>
</li>
<li class="brand-car port-10">
<a href="http://chevroletport.ru" title="Перейти на сайт">
<span>Chevrolet<em>chevroletport.ru</em></span>
</a>
</li>
<li class="brand-car port-11">
<a href="http://nissanport.ru" title="Перейти на сайт">
<span>Nissan <em>nissanport.ru</em></span>
</a>
</li>
</ul><!--end: ports-brand-car-->
<ul class="menu">
<li><span>—</span> <a href="/">О сайте</a></li>
<li><span>—</span> <a href="#">Об авторе</a></li>
<li><span>—</span> <a href="#">Обратная связь</a></li>
</ul>
</div><!-- end: header-top-container -->
<h1><a href="/" title="Главная страница"><span>BMW</span>Port.ru</a> — Секретариат BMW в интернете</h1>
<!--start: nav-->
<ul class="nav">
<li><a href="index.html" title="Перейти на страницу Новости">Новости</a><span></span></li>
<li><a href="#" title="Перейти на страницу Новинки">Новинки</a><span></span></li>
<li><a href="reviews.html" title="Перейти на страницу Обзоры">Обзоры</a><span></span></li>
<li><a href="#" title="Перейти на страницу Концепт-кары">Концепт-кары</a><span></span></li>
<li><a href="#" title="Перейти на страницу Тест-драйвы">Тест-драйв</a><span></span></li>
<li><a href="#" title="Перейти на страницу Советы">Советы</a><span></span></li>
<li class="active"><a href="video.html" title="Перейти на страницу Видеотека">Видеотека</a><span></span></li>
</ul><!--end: nav-->
<div id="rss">
<a href="" title="Подписаться на RSS-рассылку">Подписаться</a>
</div><!-- end: rss -->
</div><!--end: HEADER-->
<!--MAIN-CONTENT-->
<div class="main-content">
<!--video-library-->
<div class="video-library">
<!--pop-video-->
<div class="pop-video clearfix">
<h2>Популярное</h2>
<div class="pop-img">
<a href="#"><img src="img/demo/video_pop.jpg" alt="Популярное видео" width="120" height="90" /></a>
</div>
<h3><a href="#">Тест-драйв старенького «мерседеса»</a></h3>
<p>На днях, помогал другу собираться в поездку на море. Я живу в Калининграде, и здесь это обычное дело,
30 минут и ты на пляже, однако, в этот раз, мой друг собрался в Крым. Это означало, что ему надо.</p>
</div><!--end: pop-video-->
<!--video-list-->
<div class="video-list clearfix">
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-1.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 100%"></div><!--при программировании для вывода показателя рейтинга на сайт,
достаточно всего лишь задать нужную ширину первому элементу списка (с классом current)-->
</div><!-- end: rating-->
<h4><a href="#">Научите меня водить</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-2.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 95%"></div>
</div><!-- end: rating-->
<h4><a href="#">Как работают в «Opel»</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-3.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 90%"></div>
</div><!-- end: rating-->
<h4><a href="#">«Прокачай мою тачку»</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item last">
<a href="#"><img src="img/demo/video-4.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 85%"></div>
</div><!-- end: rating-->
<h4><a href="#">Новый вид автомобильного топлива</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-1.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 80%"></div>
</div><!-- end: rating-->
<h4><a href="#">Научите меня водить</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-2.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 75%"></div>
</div><!-- end: rating-->
<h4><a href="#">Как работают в «Opel»</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-3.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 70%"></div>
</div><!-- end: rating-->
<h4><a href="#">«Прокачай мою тачку»</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item last">
<a href="#"><img src="img/demo/video-4.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 65%"></div>
</div><!-- end: rating-->
<h4><a href="#">Новый вид автомобильного топлива</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-1.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 60%"></div>
</div><!-- end: rating-->
<h4><a href="#">Научите меня водить</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-2.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 55%"></div>
</div><!-- end: rating-->
<h4><a href="#">Как работают в «Opel»</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-3.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 50%"></div>
</div><!-- end: rating-->
<h4><a href="#">«Прокачай мою тачку»</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item last">
<a href="#"><img src="img/demo/video-4.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 45%"></div>
</div><!-- end: rating-->
<h4><a href="#">Новый вид автомобильного топлива</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-1.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 40%"></div>
</div><!-- end: rating-->
<h4><a href="#">Научите меня водить</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-2.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 35%"></div>
</div><!-- end: rating-->
<h4><a href="#">Как работают в «Opel»</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div> <!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-3.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 30%"></div>
</div><!-- end: rating-->
<h4><a href="#">«Прокачай мою тачку»</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div> <!--end: video-item-->
<!--video-item-->
<div class="video-item last">
<a href="#"><img src="img/demo/video-4.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 25%"></div>
</div><!-- end: rating-->
<h4><a href="#">Новый вид автомобильного топлива</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div> <!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-1.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 20%"></div>
</div><!-- end: rating-->
<h4><a href="#">Научите меня водить</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-2.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 15%"></div>
</div><!-- end: rating-->
<h4><a href="#">Как работают в «Opel»</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item">
<a href="#"><img src="img/demo/video-3.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 10%"></div>
</div><!-- end: rating-->
<h4><a href="#">«Прокачай мою тачку»</a> <span class="time">03:26</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
<!--video-item-->
<div class="video-item last">
<a href="#"><img src="img/demo/video-4.jpg" alt="Видео" width="120" height="90" title="Перейти к просмотру" /></a>
<!--rating-->
<div class="rating">
<div style="width: 5%"></div>
</div><!-- end: rating-->
<h4><a href="#">Новый вид автомобильного топлива</a> <span class="time">11:14</span></h4>
<div class="title">Разместил <a class="user" href="#">toto2</a></div>
</div><!--end: video-item-->
</div><!--end: video-list-->
</div><!--end: video-library-->
</div><!--end: MAIN-CONTENT-->
<!--SECONDARY-->
<div class="secondary">
<!--form-search-->
<form id="form-search" action="" method="get" name="form-search">
<input class="search-btn" type="image" src="img/search_btn.png" name="search-go" title="Найти" />
<input class="search-txt" type="text" name="search-txt" value="Поиск" />
</form><!--end: form-search-->
<!--tags-cloud-->
<ul class="tags-cloud">
<li class="w6"><a href="#">бензин</a></li>
<li class="w1"><a href="#">путешествия</a></li>
<li class="w2"><a href="#">нарушения</a></li>
<li class="w4"><a href="#">автомобили</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w5"><a href="#">происшествия</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w2"><a href="#">нарушения</a></li>
<li class="w1"><a href="#">путешествия</a></li>
<li class="w5"><a href="#">скорость</a></li>
<li class="w5"><a href="#">происшествия</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w2"><a href="#">нарушения</a></li>
<li class="w1"><a href="#">путешествия</a></li>
<li class="w5"><a href="#">скорость</a></li>
<li class="w1"><a href="#">путешествия</a></li>
<li class="w2"><a href="#">нарушения</a></li>
<li class="w4"><a href="#">автомобили</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w5"><a href="#">происшествия</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w2"><a href="#">нарушения</a></li>
<li class="w1"><a href="#">путешествия</a></li>
<li class="w2"><a href="#">нарушения</a></li>
<li class="w4"><a href="#">автомобили</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w5"><a href="#">происшествия</a></li>
<li class="w3"><a href="#">вопрос</a></li>
<li class="w2"><a href="#">нарушения</a></li>
</ul><!-- end: tags-cloud-->
</div><!-- end: SECONDARY-->
</div><!--end: PUSH-->
</div><!--end: WRAP-->
<!--pagination-->
<div id="pagination">
<ul class="page-nav">
<li><a class="pager-previous" href="#" title="На страницу назад">←</a></li>
<li><a class="pager-first" href="#" title="На первую страницу">1</a></li>
<li><a class="pager-current" href="#" title="Текущая страница"></a></li>
<li>из</li>
<li><a class="pager-last" href="#" title="На последнюю страницу">18</a></li>
<li><a class="pager-next-last" href="#" title="На страницу вперед">→</a></li>
</ul>
<div class="next-prev">
<a class="pager-last" href="#" title="На первую страницу">Начало</a>
<a class="pager-first" href="#" title="На последнюю страницу">Конец</a>
</div><!-- end: next-prev -->
</div><!--end: pagination-->
<!--FOOTER-->
<div class="footer">
<div class="in-footer clearfix">
<!--copyright-->
<div class="copyright">
<p>© 2012 — <a href="/" title="На главную страницу">«BMWPort.ru»</a></p>
Перепечатка материалов только при наличии прямой ссылки на наш сайт.
</div><!--end: copyright-->
<!--design-by-->
<div class="design-by">
<a class="design-logo" href="http://fu-tu.com" title="Перейти на сайт fu-tu.com">
<img src="img/futu_logo.png" alt="Логотип fu-tu.com" width="40" height="40" />
</a>
<div class="design-link">Дизайн сайта — <a href="http://fu-tu.com" title="Перейти на сайт fu-tu.com">fu-tu.com</a></div>
</div><!--end: design-by-->
</div><!--end: in-footer-->
</div><!--end: FOOTER-->
<!-- JavaScript -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- end: JavaScript -->
</body>
</html>
