From 5bbf1982d124cde01a975fb702fdccc7b827a8e4 Mon Sep 17 00:00:00 2001
From: codeandrey <codeandrey@ukr.net>
Date: Wed, 2 Mar 2016 13:48:57 +0200
Subject: [PATCH] test HTml

---
 css/main.css | 154 +++++++++++++++++++++++----------------------------
 index.html   |   8 ---
 2 files changed, 69 insertions(+), 93 deletions(-)

diff --git a/css/main.css b/css/main.css
index 8f57114..5e46799 100644
--- a/css/main.css
+++ b/css/main.css
@@ -67,42 +67,39 @@
   .slick-vertical .slick-slide {
     display: block;
     height: auto;
-    border: 1px solid transparent; }
-
+    border: 1px solid transparent; 
+  }
 .slick-arrow.slick-hidden {
-  display: none; }
-
+  display: none; 
+}
 body {
   color: #000;
   font-size: 12px; 
-font-family: "MuseoSansRegula";}
-
+  font-family: "MuseoSansRegula";
+}
 .container {
   max-width: 1920px;
   margin: auto; 
-min-width: 320px;
+  min-width: 320px;
 }
 h1{
   font-size: 32px;
   margin: 60px 205px;
   font-family: "MuseoSansRegula";
-
 }
-h2
-{  font-size: 32px;
+h2{  
+  font-size: 32px;
   font-family: "MuseoSansRegula";
-
-
 }
 ul {
   margin: 0;
   padding: 0;
-  list-style: none; }
-
-li { float: left;
-
-  position: relative; }
-
+  list-style: none; 
+}
+li { 
+  float: left;
+  position: relative; 
+}
 .product_top {
   padding-top: 140px;
   display: inline-block;
@@ -114,30 +111,28 @@ li { float: left;
 .product_img {
   width: 760px;
   float: left;
-  text-align: center; }
-
-  .product_img img {
-    width: 520px;
-    padding-top: 80px; }
-
+  text-align: center; 
+}
+.product_img img {
+  width: 520px;
+  padding-top: 80px; }
 p {
   font-size: 15px;
   font-family: "MuseoSansRegula";
-  font-weight: 100; }
-
-
+  font-weight: 100; 
+}
 span {
   display: inline-block;
   font-size: 15px;
   font-family: "MuseoSansRegula";
-
-  font-weight: 500; }
-
+  font-weight: 500; 
+}
 .product_capriton {
   display: block;
   float: left;
-  width: 760px; }
-  .product_capriton h2 {
+  width: 760px; 
+}
+ .product_capriton h2 {
     position: relative;
     width: 200px;
     height: 90px;
@@ -146,20 +141,21 @@ span {
     left: 100px;
     text-align: center;
     margin: 0; 
-  }
+ }
   .product_capriton span {
-    padding-top: 70px; }
+    padding-top: 70px; 
+ }
   .product_capriton :nth-child(1) {
-    padding-bottom: 70px; }
-
+    padding-bottom: 70px; 
+ }
 .product_wrap {
   position: relative;
   margin: 70px 50px 70px 150px;
-  min-height: 800px; }
-  
+  min-height: 800px; 
+}
 img {
-  float: left; }
-
+  float: left; 
+}
 .advantages {
   position: relative;
   height: 540px;
@@ -167,67 +163,64 @@ img {
   display: inline-block;
   max-width: 1340px; 
 }
-  .advantages img {
-    padding-left: 50px; 
-    float: left;
+.advantages img {
+  padding-left: 50px; 
+  float: left;
   }
 .advantages_text{
   display: inline-block;
   max-width: 650px;
-  padding-left: 50px;;
+  padding-left: 50px;
 }
 .product_wrap span {
-  padding-top: 20px; }
-
+  padding-top: 20px; 
+}
 .brend {
   text-align: center;
   max-width: 500px;
   font-size: 20px;
   font-family: "MuseoSansRegula";
-  margin: 110px auto; }
-
+  margin: 110px auto; 
+}
 .brend_caption {
   left: 110px;
   max-width: 760px; 
-  position: relative;}
-
+  position: relative;
+}
 .collection_wrap {
   position: relative;
   margin: 80px 50px 0px 230px; 
-display: inline-block;
+  display: inline-block;
 }
   .collection_wrap img {
-    margin-right: 80px; }
+   margin-right: 80px; 
+  }
 .collection_text{
   height: 380px;
-    display: inline-block;
-    max-width: 760px;
-    position: relative;
-    top: 200px
+  display: inline-block;
+  max-width: 760px; 
+  position: relative;
+  top: 200px
 }
 .social li{
   margin-top: 70px;
   display: inline-block;
   width: 25px;
   height: 15px;
-
 }
-
-
 .icon-facebook {
   background-image: url(../img/sprite.png);
   background-position: 0px 0px;
   width: 6px;
   height: 13px;
 }
-
 .icon-google {
   background-image: url(../img/sprite.png);
   background-position: 0px -23px;
   width: 19px;
   height: 13px;
   left: 10px;
-    position: relative;
+  position: relative;
 }
 .icon-vk {
   background-image: url(../img/sprite.png);
@@ -235,42 +228,36 @@ display: inline-block;
   width: 19px;
   height: 13px;
   margin-right: 20px;
-
 }
 .slider{
-    height: 710px;
-    border-bottom: 1px solid #e5e5e5;
-
+  height: 710px;
+  border-bottom: 1px solid #e5e5e5;
 }
 .slider_items{
-
   text-align: center;
   line-height: 20px
 }
 .slider_caption{
   margin-top: 50px;
   display: inline-block;
-font-family: "MuseoSansRegula";
+  font-family: "MuseoSansRegula";
 }
   .footer_wrap li{
-    float: left;
-    height: 280px;
-    border-right: 1px solid #e5e5e5;
-
+  float: left;
+  height: 280px;
+  border-right: 1px solid #e5e5e5;
   }
    .footer_wrap li:last-child{
-      border-right: none;
+  border-right: none;
   }
 .footer_wrap{
-  
   min-height: 280px;
   margin: 120px auto 80px;
-
 }
 .footer_items{
   margin: auto 50px ; 
   width: 500px;
-   text-align: center;
+  text-align: center;
 }
 .footer_items img {
   position: absolute;
@@ -282,7 +269,6 @@ font-family: "MuseoSansRegula";
   position: relative;
   top: 30%;
   margin: auto;
-
 }
 .footer_colection{
   width: 200px;
@@ -297,13 +283,12 @@ font-family: "MuseoSansRegula";
   background-color: #e8dadc;
   display: inline-block;
   line-height: 50px;
-margin-left: 75px;
-text-decoration: none;
-color: #000;
+  margin-left: 75px;
+  text-decoration: none;
+  color: #000;
 }
-
 .footer_bottom{
-  height: 50px;
+   height: 50px;
 }
 .footer_menu{
   float: right;
@@ -317,10 +302,9 @@ color: #000;
   color: #b5b5b5;
   font-family: "MuseoSansRegula";
   font-size: 15px;
-
 }
 .footer_menu li a:hover{
-        color: #000;
-        text-decoration: none;
-        background-color: #e5e5e5;
+  color: #000;
+  text-decoration: none;
+  background-color: #e5e5e5;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cda6ec..5e514b0 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="css/main.css">
 	<link rel="stylesheet" href="css/fonts.css">
-
 </head>
 <body>
 	<div class="container">
@@ -37,16 +36,13 @@ <h2>Q&A <br>ANNA K</h2>
 					<p>Силуэт трапеция и банты. Я люблю форму банта и сами банты. </p>
 					<span>Продолжи фразу: в вещах Anna K лучше всего…</span>
 					<p>Фотографироваться или идти на вечеринку, позировать стритстайл-фотографам. Словом, быть в центре внимания.</p>
-
 					<p class="brend">ДНК бренда - банты, трапециевидные формы, <br>шелк, хлопок - присутствует в каждой коллекции.</p>
-
 				</div>
 				<div class="brend_caption">
 					<span>Как соблюдать баланс между коммерцией и творчеством?</span>
 					<p>Каждый сезон я спрашиваю себя, что такое коммерция? Anna K, все таки, очень яркий и открытый бренд, как, например MSMG. В моих коллекцциях много запоминающихся вещей, но для повседневной жизни люди зачастую выбирают что-то спокойное. Создать комфортную вещь на каждый день очень сложно, но я каждый сезон подвожу себя к мысли начать работать с черным - первым делом хочу выпустить классную черную водолазку “в рубчик”. Но в основном желание творить превышает заботу о комфорте, для меня главное, чтобы вещь получилась интересной и красивой. 
 						В этом сезоне я очень постаралась и сделала свою первую коллекцию pre-fall в темных оттенках.Кажется, это будет самая коммерческая коллекция в истории бренда Anna K. 
 					</p>
-
 				</div>
 			</div>
 		</div>
@@ -134,13 +130,9 @@ <h2>Новая коллекция Gucci</h2>
 			</nav>
 			</div>
 	</div>		
-
-
 	</footer>
-
 <script src="js/jquery.js"></script>	
 <script src="js/slick.js"></script>
-
 <script src="js/main.js"></script>
 </body>
 </html>
\ No newline at end of file