pisotskiy-evgenii · October 15, 2017 23:36
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <!--Для корректного отражения в последних версиях браузера InternetExplorer-->
 <!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
 <!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
 <!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
 <!--[if gt IE 8]><!--><!--<![endif]-->
 <html lang="en">
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<!--Для создания адаптивности сайта-->
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

 	<meta name="description" content=" "/> <!--краткое описание сайта-->
 	<meta name="keywords" content=" "/> <!--ввести ключевые слова-->
 	<!--для отображ иконки во вкладке браузера в папку img положить файл favicon.ico-->
 	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
 	<title>Bootstrap 101 Template</title>

 	<!--!!!Порядок подключения обязательно соблюдать-->

 	<!-- Bootstrap v3.3.7  -->
 	<!--!!! в этом шаблоне и струтуре папок и файлоq нельзя использовать Bootstrap v4. Он к тому же не на всех устройствач будет нормально работать. Читай документацию на их сайет оп v4-->
 	<link rel="stylesheet" href="css/bootstrap-3.3.7.min.css">
 	<!--Наши файлы. -->
 	<link rel="stylesheet" type="text/css" href="css/fonts.css" />
 	<link rel="stylesheet" type="text/css" href="css/main.css">
 	<link rel="stylesheet" type="text/css" href="css/media.css" />

 	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 	<!--[if lt IE 9]>
 	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
 </head>
 <body>
 	<!--Шпаргалка
 	xs (0-480px)  sm (640px-767px)  md (768px-1199px) lg (1200px-1980px) 
 	Разметку всегда нужно начинасть с маленкого экрана, т.к. например 
 	<div class="col-xs-6 col-xs-6"> content </div> всегда будет делить ширину экрана
 	на 2 равные половинки на всех разрешениях даже если sm, md, lg не указывать -->
 	<h1>Hello, world!</h1>

 	<!--Всегда скрипты подключаем внизу кода перед закрывающимся body	чтобы страницы быстрее грузилась-->
 	<!--Всегда jquery подключай 1-ой перед остальными js скриптами-->
 	<!--Для js сриптов всегда подключение новую jquery (смотри обновления на их сайте)-->
 	<!-- Also jQuery (necessary for Bootstrap's JavaScript plugins) -->
 	<script type="text/javascript" src='libs/jquery-3.2.1.min.js'></script>
 	<!--Сразу после jquery нужно подключить bootstrap.min.js-->
 	<!-- Include all compiled plugins (below), or include individual files as needed -->
 	<script src="libs/bootstrap.min.js"></script>

 	<!--Далее могут быть подключены стороние плагины js и в конце свой common.js-->
 	<!--здесь стороние плагины-->
 	<script type="text/javascript" src='js/common.js'></script> 

 	<!-- Yandex.Metrika counter --><!-- /Yandex.Metrika counter -->
 	<!-- Google Analytics counter --><!-- /Google Analytics counter -->
 </body>
 </html>
	<!DOCTYPE html>
	<!--Для корректного отражения в последних версиях браузера InternetExplorer-->
	<!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
	<!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
	<!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
	<!--[if gt IE 8]><!--><!--<![endif]-->
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!--Для создания адаптивности сайта-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->

	<meta name="description" content=" "/> <!--краткое описание сайта-->
	<meta name="keywords" content=" "/> <!--ввести ключевые слова-->
	<!--для отображ иконки во вкладке браузера в папку img положить файл favicon.ico-->
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
	<title>Bootstrap 101 Template</title>

	<!--!!!Порядок подключения обязательно соблюдать-->

	<!-- Bootstrap v3.3.7 -->
	<!--!!! в этом шаблоне и струтуре папок и файлоq нельзя использовать Bootstrap v4. Он к тому же не на всех устройствач будет нормально работать. Читай документацию на их сайет оп v4-->
	<link rel="stylesheet" href="css/bootstrap-3.3.7.min.css">
	<!--Наши файлы. -->
	<link rel="stylesheet" type="text/css" href="css/fonts.css" />
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/media.css" />

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
	</head>
	<body>
	<!--Шпаргалка
	xs (0-480px) sm (640px-767px) md (768px-1199px) lg (1200px-1980px)
	Разметку всегда нужно начинасть с маленкого экрана, т.к. например
	<div class="col-xs-6 col-xs-6"> content </div> всегда будет делить ширину экрана
	на 2 равные половинки на всех разрешениях даже если sm, md, lg не указывать -->
	<h1>Hello, world!</h1>

	<!--Всегда скрипты подключаем внизу кода перед закрывающимся body чтобы страницы быстрее грузилась-->
	<!--Всегда jquery подключай 1-ой перед остальными js скриптами-->
	<!--Для js сриптов всегда подключение новую jquery (смотри обновления на их сайте)-->
	<!-- Also jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script type="text/javascript" src='libs/jquery-3.2.1.min.js'></script>
	<!--Сразу после jquery нужно подключить bootstrap.min.js-->
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="libs/bootstrap.min.js"></script>

	<!--Далее могут быть подключены стороние плагины js и в конце свой common.js-->
	<!--здесь стороние плагины-->
	<script type="text/javascript" src='js/common.js'></script>

	<!-- Yandex.Metrika counter --><!-- /Yandex.Metrika counter -->
	<!-- Google Analytics counter --><!-- /Google Analytics counter -->
	</body>
	</html>