Можно ли настроить карусель под себя?
0
Делаю шаблон сайта с каруселью, в бутстрап готовые коды, только как их настроить под себя не пойму. Кто подскажет как отключить автоматическое листание слайдов (сделать ручным) и как сделать ссылку с выбранной картинки, чтобы она открывалась в карусели. К примеру, у меня на странице несколько картинок (файлов), мне нужно открыть выбранный в самой карусели. То есть, страница карусели открывается не с первого слайда, а с выбранного из представленного ранее меню.
Надеюсь вопрос описал корректно) За ранее спасибо!
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Menu 1</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><a href="razmetca.html">Логотип</a></h1>
<p>Слоган</p>
</div>
</div>
</div>
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
<ul class="nav nav-pills">
<li> <a href="razmetca.html">Главная</a> </li>
<li class="active"> <a href="menu1.html">Menu 1</a> </li>
<li> <a href="menu2.html">Menu 2</a> </li>
<li> <a href="#">Menu 3 </a> </li>
<li> <a href="#">Menu 4</a> </li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-lg-9 col-lg-push-3">
<form role="search" class="visible-xs">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
<div class="name_content">
<h2 class="text-center">img-content</h2>
</div>
<div class="row">
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="menu2.html#id=2"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
</div>
</div>
<div class="margin-8"></div>
<div class="col-lg-3 col-lg-pull-9">
<div class="panel panel-default hidden-xs">
<div class="panel-heading text-center">Поиск по сайту</div>
<div class="panel-body">
<form role="search">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Личный кабинет</div>
<div class="panel-body">
<form role="form">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Логин">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Пароль">
</div>
<button type="submit" class="btn btn-warning">Войти</button>
<div class="lables_passreg_text">
<span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Новости сайта</div>
<div class="panel-body">
<p><a href="#">Новость 1</a></p>
<p><a href="#">Новость 2</a></p>
<p><a href="#">Новость 3</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<div class="container">
<p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Shablon</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><a href="razmetca.html">Логотип</a></h1>
<p>Слоган</p>
</div>
</div>
</div>
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
<ul class="nav nav-pills">
<li> <a href="razmetca.html">Главная</a> </li>
<li> <a href="menu1.html">Menu 1</a> </li>
<li class="active"> <a href="menu2.html">Menu 2</a> </li>
<li> <a href="#">Menu 3 </a> </li>
<li> <a href="#">Menu 4</a> </li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-lg-9 col-lg-push-3">
<form role="search" class="visible-xs">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!-- <ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
<li data-target="#carousel-example-generic" data-slide-to="5"></li>
<li data-target="#carousel-example-generic" data-slide-to="6"></li>
<li data-target="#carousel-example-generic" data-slide-to="7"></li>
<li data-target="#carousel-example-generic" data-slide-to="8"></li>
<li data-target="#carousel-example-generic" data-slide-to="9"></li>
<li data-target="#carousel-example-generic" data-slide-to="10"></li>
<li data-target="#carousel-example-generic" data-slide-to="11"></li>
</ol> -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<h1>картинка 1</h1>
<img src="assets/img/img2.png" alt="картинка 1">
<div class="carousel-caption">
<!-- картинка 1 -->
</div>
</div>
<div class="item">
<h1>картинка 2</h1>
<img src="assets/img/img2.png" alt="картинка 2">
<div class="carousel-caption">
<!-- картинка 2 -->
</div>
</div>
<div class="item">
<h1>картинка 3</h1>
<img src="assets/img/img2.png" alt="картинка 3">
<div class="carousel-caption">
<!-- картинка 3 -->
</div>
</div>
<div class="item">
<h1>картинка 4</h1>
<img src="assets/img/img2.png" alt="картинка 4">
<div class="carousel-caption">
<!-- картинка 4 -->
</div>
</div>
<div class="item">
<h1>картинка 5</h1>
<img src="assets/img/img2.png" alt="картинка 5">
<div class="carousel-caption">
<!-- картинка 5 -->
</div>
</div>
<div class="item">
<h1>картинка 6</h1>
<img src="assets/img/img2.png" alt="картинка 6">
<div class="carousel-caption">
<!-- картинка 6 -->
</div>
</div>
<div class="item">
<h1>картинка 7</h1>
<img src="assets/img/img2.png" alt="картинка 7">
<div class="carousel-caption">
<!-- картинка 7 -->
</div>
</div>
<div class="item">
<h1>картинка 8</h1>
<img src="assets/img/img2.png" alt="картинка 8">
<div class="carousel-caption">
<!-- картинка 8 -->
</div>
</div>
<div class="item">
<h1>картинка 9</h1>
<img src="assets/img/img2.png" alt="картинка 9">
<div class="carousel-caption">
<!-- картинка 9 -->
</div>
</div>
<div class="item">
<h1>картинка 10</h1>
<img src="assets/img/img2.png" alt="картинка 10">
<div class="carousel-caption">
<!-- картинка 10 -->
</div>
</div>
<div class="item">
<h1>картинка 11</h1>
<img src="assets/img/img2.png" alt="картинка 11">
<div class="carousel-caption">
<!-- картинка 11 -->
</div>
</div>
<div class="item">
<h1>картинка 12</h1>
<img src="assets/img/img2.png" alt="картинка 12">
<div class="carousel-caption">
<!-- картинка 12 -->
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="margin-8"></div>
<div class="col-lg-3 col-lg-pull-9">
<div class="panel panel-default hidden-xs">
<div class="panel-heading text-center">Поиск по сайту</div>
<div class="panel-body">
<form role="search">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Личный кабинет</div>
<div class="panel-body">
<form role="form">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Логин">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Пароль">
</div>
<button type="submit" class="btn btn-warning">Войти</button>
<div class="lables_passreg_text">
<span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Новости сайта</div>
<div class="panel-body">
<p><a href="#">Новость 1</a></p>
<p><a href="#">Новость 2</a></p>
<p><a href="#">Новость 3</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<div class="container">
<p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Menu 1</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><a href="razmetca.html">Логотип</a></h1>
<p>Слоган</p>
</div>
</div>
</div>
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
<ul class="nav nav-pills">
<li> <a href="razmetca.html">Главная</a> </li>
<li class="active"> <a href="menu1.html">Menu 1</a> </li>
<li> <a href="menu2.html">Menu 2</a> </li>
<li> <a href="#">Menu 3 </a> </li>
<li> <a href="#">Menu 4</a> </li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-lg-9 col-lg-push-3">
<form role="search" class="visible-xs">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
<div class="name_content">
<h2 class="text-center">img-content</h2>
</div>
<div class="row">
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="menu2.html#id=2"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
<div class="img col-lg-3 col-md-3 col-sm-3 col-xs-6">
<a href="#"><img src="assets/img/img2.png" alt="картинка"></a>
<div class="img_label text-center"><a href="#">картинка</a></div>
</div>
</div>
</div>
<div class="margin-8"></div>
<div class="col-lg-3 col-lg-pull-9">
<div class="panel panel-default hidden-xs">
<div class="panel-heading text-center">Поиск по сайту</div>
<div class="panel-body">
<form role="search">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Личный кабинет</div>
<div class="panel-body">
<form role="form">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Логин">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Пароль">
</div>
<button type="submit" class="btn btn-warning">Войти</button>
<div class="lables_passreg_text">
<span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Новости сайта</div>
<div class="panel-body">
<p><a href="#">Новость 1</a></p>
<p><a href="#">Новость 2</a></p>
<p><a href="#">Новость 3</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<div class="container">
<p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Shablon</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><a href="razmetca.html">Логотип</a></h1>
<p>Слоган</p>
</div>
</div>
</div>
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
<ul class="nav nav-pills">
<li> <a href="razmetca.html">Главная</a> </li>
<li> <a href="menu1.html">Menu 1</a> </li>
<li class="active"> <a href="menu2.html">Menu 2</a> </li>
<li> <a href="#">Menu 3 </a> </li>
<li> <a href="#">Menu 4</a> </li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-lg-9 col-lg-push-3">
<form role="search" class="visible-xs">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!-- <ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
<li data-target="#carousel-example-generic" data-slide-to="5"></li>
<li data-target="#carousel-example-generic" data-slide-to="6"></li>
<li data-target="#carousel-example-generic" data-slide-to="7"></li>
<li data-target="#carousel-example-generic" data-slide-to="8"></li>
<li data-target="#carousel-example-generic" data-slide-to="9"></li>
<li data-target="#carousel-example-generic" data-slide-to="10"></li>
<li data-target="#carousel-example-generic" data-slide-to="11"></li>
</ol> -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<h1>картинка 1</h1>
<img src="assets/img/img2.png" alt="картинка 1">
<div class="carousel-caption">
<!-- картинка 1 -->
</div>
</div>
<div class="item">
<h1>картинка 2</h1>
<img src="assets/img/img2.png" alt="картинка 2">
<div class="carousel-caption">
<!-- картинка 2 -->
</div>
</div>
<div class="item">
<h1>картинка 3</h1>
<img src="assets/img/img2.png" alt="картинка 3">
<div class="carousel-caption">
<!-- картинка 3 -->
</div>
</div>
<div class="item">
<h1>картинка 4</h1>
<img src="assets/img/img2.png" alt="картинка 4">
<div class="carousel-caption">
<!-- картинка 4 -->
</div>
</div>
<div class="item">
<h1>картинка 5</h1>
<img src="assets/img/img2.png" alt="картинка 5">
<div class="carousel-caption">
<!-- картинка 5 -->
</div>
</div>
<div class="item">
<h1>картинка 6</h1>
<img src="assets/img/img2.png" alt="картинка 6">
<div class="carousel-caption">
<!-- картинка 6 -->
</div>
</div>
<div class="item">
<h1>картинка 7</h1>
<img src="assets/img/img2.png" alt="картинка 7">
<div class="carousel-caption">
<!-- картинка 7 -->
</div>
</div>
<div class="item">
<h1>картинка 8</h1>
<img src="assets/img/img2.png" alt="картинка 8">
<div class="carousel-caption">
<!-- картинка 8 -->
</div>
</div>
<div class="item">
<h1>картинка 9</h1>
<img src="assets/img/img2.png" alt="картинка 9">
<div class="carousel-caption">
<!-- картинка 9 -->
</div>
</div>
<div class="item">
<h1>картинка 10</h1>
<img src="assets/img/img2.png" alt="картинка 10">
<div class="carousel-caption">
<!-- картинка 10 -->
</div>
</div>
<div class="item">
<h1>картинка 11</h1>
<img src="assets/img/img2.png" alt="картинка 11">
<div class="carousel-caption">
<!-- картинка 11 -->
</div>
</div>
<div class="item">
<h1>картинка 12</h1>
<img src="assets/img/img2.png" alt="картинка 12">
<div class="carousel-caption">
<!-- картинка 12 -->
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="margin-8"></div>
<div class="col-lg-3 col-lg-pull-9">
<div class="panel panel-default hidden-xs">
<div class="panel-heading text-center">Поиск по сайту</div>
<div class="panel-body">
<form role="search">
<div class="form-group">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Ваш запрос">
<div class="input-group-btn">
<button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Личный кабинет</div>
<div class="panel-body">
<form role="form">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Логин">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Пароль">
</div>
<button type="submit" class="btn btn-warning">Войти</button>
<div class="lables_passreg_text">
<span><a href="#">Вспомнить пароль</a></span> | <span><a href="#">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading text-center">Новости сайта</div>
<div class="panel-body">
<p><a href="#">Новость 1</a></p>
<p><a href="#">Новость 2</a></p>
<p><a href="#">Новость 3</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<div class="container">
<p class="text-center"> <a href="http://ru.wh-db.com">Shablon</a> </p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>