main-blocks-rework

contacts.html

@@ -7,7 +7,6 @@
 	<title>Медгис</title>
 	<link rel="stylesheet" href="css/bootstrap.css">
 	<link rel="stylesheet" href="css/style.css">
-	<link rel="stylesheet" href="node_modules/swiper/dist/css/swiper.min.css">
 	<link href="https://fonts.googleapis.com/css?family=Cuprum:400,700&amp;subset=cyrillic" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=cyrillic" rel="stylesheet">
 </head>
@@ -57,9 +56,9 @@
 			</div>
 			<div class="yakors">
 				<ul>
-					<li><a href="#">Режим работы</a></li>
-					<li><a href="#">Обращение к руководителям</a></li>
-					<li><a href="#">Обратная связь</a></li>
+					<li><a href="#work-time">Режим работы</a></li>
+					<li><a href="#to-doctors">Обращение к руководителям</a></li>
+					<li><a href="#callback">Обратная связь</a></li>
 				</ul>
 			</div>
 
@@ -77,7 +76,7 @@
 				<div id="map"></div>
 			</div>
 
-			<div class="work-time">
+			<div id = "work-time" class="work-time">
 				<div class="min-title">Режим работы</div>
 				<div class="text">
 					Ежедневно: c 9<sup>00</sup> - 20<sup>00</sup><br>
@@ -86,7 +85,7 @@
 				</div>
 			</div>
 
-			<div class="to-doctors">
+			<div id = "to-doctors" class="to-doctors">
 					<div class="min-title">Обращение к руководителям</div>
 					<div class="personal-doctor col-lg-4 col-md-4">
 						<div class="doctor-type">Главный врач</div>
@@ -189,7 +188,7 @@
 					</div>
 			</div>
 
-			<div class="callback">
+			<div id = "callback" class="callback">
 				<div class="min-title">Обратная связь</div>
 				<div class="min-title-text">
 					Возможно, интересующий вас вопрос уже задавали. Попробуйте почитать на странице <a href="#">вопрос-ответ</a>
@@ -336,7 +335,7 @@
 		</div>
 		</footer>
 	<script src  = "js/jquery-3.1.0.min.js"></script>
-	<script src = "node_modules\swiper\dist\js\swiper.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/js/swiper.js"></script>
 	<script src = "js/script.js"></script>
 	<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
 </body>

css/style.css

@@ -870,9 +870,28 @@ footer .copyright .logo{
 
 @media (min-width: 992px){
 .content-right .today .today-item{
+	width: 50%;
 	margin-top: 20px; 
 }
 
+.content-right .news-item{
+	width: 50%;
+}
+
+
+
+}
+
+@media (min-width: 768px){
+.content-right .today .today-item{
+	float: left;
+	width: 50%;
+}
+
+.content-right .news-item{
+	float: left;
+	width: 50%;
+}
 
 }
 
@@ -909,11 +928,6 @@ footer .admin-button{
 }
 }
 
-@media (min-width: 768px){
-.content-right .today .today-item{
-	margin-top: 20px; 
-}
-}
 
 @media (max-width: 1200px){
 	.left-side{
@@ -1033,6 +1047,16 @@ footer .admin-button{
 	padding-right: 0;
 }
 
+.content-right .today .today-item{
+	width: 50%;
+	float: left;
+}
+
+.content-right .news .news-item{
+	width: 50%;
+	float: left;
+}
+
 header .menu li{
 	display: none;
 }
@@ -1071,6 +1095,16 @@ footer .list li:nth-child(1){
 
 }
 
+@media(max-width: 485px){
+	.content-right .news .news-item{
+		width: 100%;
+	}
+
+	.content-right .today .today-item{
+		width: 100%;
+	}
+}
+
 .mobile{
 	display: none;
 }

index.html

@@ -8,7 +8,6 @@
 	<link rel="stylesheet" href="css/bootstrap.css">
 	<link rel="stylesheet" href="css/style.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/css/swiper.css">
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/js/swiper.js"></script>
 	<link href="https://fonts.googleapis.com/css?family=Cuprum:400,700&amp;subset=cyrillic" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=cyrillic" rel="stylesheet">
 </head>