Skip to content

Commit

Permalink
Shop-item page is ready. price-footer class is deleted
Browse files Browse the repository at this point in the history
  • Loading branch information
Sergey committed Sep 22, 2016
1 parent f9cdee1 commit 9794ed1
Show file tree
Hide file tree
Showing 3 changed files with 105 additions and 49 deletions.
67 changes: 60 additions & 7 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -526,7 +526,14 @@ h1 {
border-bottom: 2px solid #000000;
}

.custome-list-1 {
.custom-list-1 {
margin: 14px 0;
padding: 0;

list-style: none;
}

.custom-list-1 li {
position: relative;

margin-bottom: 15px;
Expand Down Expand Up @@ -618,7 +625,8 @@ h1 {
font-size: 0;
}

.gallery-item .buy-price {
.gallery-item .buy-price,
.content-price .buy-price {
display: inline-block;
width: 109px;
height: 44px;
Expand All @@ -631,7 +639,8 @@ h1 {
background: #e5e5e5;
}

.item-buy .btn {
.item-buy .btn,
.content-price .btn {
padding-left: 18px;
padding-right: 18px;
margin: 0;
Expand Down Expand Up @@ -737,6 +746,47 @@ h1 {
transform: rotate(-45deg);
}

.content-photo {
font-size: 0;
}

.content-photo img {
margin-right: 20px;

box-shadow: 0 0 15px rgba(0, 1, 1, 0.2);
}

.content-photo img:first-child,
.content-photo img:last-child {
margin-right: 0;
}

.content-vendor {
margin-bottom: 39px;
}

.inner-content .vendor-existence {
float: left;
}

.inner-content .vendor-code {
float: right;

color: #aeaeae;
}

.content-description {
margin-bottom: 41px;
}

.content-price {
margin-bottom: 64px;
}

.content-additional-info h2 {
font-size: 24px;
}

/* Колонки для контента */

.inner-columns {
Expand Down Expand Up @@ -766,6 +816,13 @@ h1 {
margin-bottom: 0;
}

.item-column {
width: 380px;
padding: 20px 10px;
}



.short-text {
padding-right: 80px;
}
Expand All @@ -779,10 +836,6 @@ h1 {
background: url("../img/footer-bg-pattern.jpg") #252525;
}

.price-footer {
margin-top: 0;
}

.footer-contacts {
width: 320px;
float: left;
Expand Down
85 changes: 44 additions & 41 deletions item.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,15 @@
<title>Набор для путешествий &laquo;Baxter of California&raquo;</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/popup.js" async></script>
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic" rel="stylesheet">
<script src="js/popup.js" defer></script>
</head>
<body>
<body class="inner-page">
<header class="main-header">
<div class="container clearfix">
<nav class="main-navigation">
<a class="logo-inner" href="index.html"><img src="img/logo-inner.png" width="111" height="24" alt="Главная" title="Главная"></a>
<ul>
<li>
<a href="index.html"><img class="page-logo" src="img/page-logo.png" width="111" height="24" alt="Главная" title="Главная"></a>
</li>
<li>
<a href="#">Информация</a>
</li>
Expand All @@ -38,44 +37,48 @@
</div>
</header>
<main class="container">
<h1>Набор для путешествий &laquo;Baxter of California&raquo;</h1>
<div class="breadcrumbs">
<a href="#">Главная</a>
<a href="#">Магазин</a>
<a href="#">Средства для ухода</a>
<span>Набор для путешествий &laquo;Baxter of California&raquo;</span>
<div class="inner-page-title">
<h1>Набор для путешествий &laquo;Baxter of California&raquo;</h1>
<ul class="breadcrumbs">
<li><a href="index.html">Главная</a></li>
<li><a href="shop.html">Магазин</a></li>
<li><a href="#">Средства для ухода</a></li>
<li class="current">Набор для путешествий &laquo;Baxter of California&raquo;</li>
</ul>
</div>
<div class="item-content clearfix">
<div class="item-content-left">
<section class="photo-gallery">
<img src="img/baxter-travel-kit.jpg" width="460" height="498" alt="Photo-1" title="Baxter of California">
<img src="img/baxter-travel-kit-horizontal.jpg" width="140" height="149" alt="Photo-2" title="Baxter of California">
<img src="img/baxter-travel-kit-bag.jpg" width="140" height="149" alt="Photo-3" title="Baxter of California">
<img src="img/baxter-travel-kit.jpg" width="140" height="149" alt="Photo-4" title="Baxter of California">
</section>
</div>
<div class="item-content-right">
<div class="venfor">
<span class="vendor-existence">Есть в наличии</span>
<span class="vendor-code">Артикул: dexter-ae</span>
<div class="inner-content">
<div class="inner-columns clearfix">
<div class="inner-column-left">
<section class="content-photo">
<img src="img/baxter-travel-kit.jpg" width="460" height="498" alt="Photo-1" title="Baxter of California">
<img src="img/baxter-travel-kit-horizontal.jpg" width="140" height="149" alt="Photo-2" title="Baxter of California">
<img src="img/baxter-travel-kit-bag.jpg" width="140" height="149" alt="Photo-3" title="Baxter of California">
<img src="img/baxter-travel-kit.jpg" width="140" height="149" alt="Photo-4" title="Baxter of California">
</section>
</div>
<div class="inner-column-right item-column">
<div class="content-vendor clearfix">
<span class="vendor-existence">Есть в наличии</span>
<span class="vendor-code">Артикул: dexter-ae</span>
</div>
<section class="content-description">
<p>Travel Kit&nbsp;&mdash; необходимый аксессуар во&nbsp;время любого путешествия. В&nbsp;аккуратной кожаной сумке находится все, что нужно для бритья и&nbsp;ухода за&nbsp;кожей во&nbsp;время рабочей поездки или отдыха: средство для умывания, увлажняющий крем, крем для бритья, крем после бритья, шампунь. Набор также может стать отличным подарком.</p>
</section>
<section class="content-price">
<span class="buy-price">2 900 руб.</span>
<button class="btn">Купить</button>
</section>
<section class="content-additional-info">
<h2>В набор входят</h2>
<ul class="custom-list-1">
<li>Средство для умывания (50 мл)</li>
<li>Увлажняющий крем (50 мл)</li>
<li>Крем для бритья (50 мл)</li>
<li>Крем после бритья, шампунь (50 мл)</li>
<li>Удобная кожаная косметичка</li>
</ul>
</section>
</div>
<section class="description">
<p>Travel Kit&nbsp;&mdash; необходимый аксессуар во&nbsp;время любого путешествия. В&nbsp;аккуратной кожаной сумке находится все, что нужно для бритья и&nbsp;ухода за&nbsp;кожей во&nbsp;время рабочей поездки или отдыха: средство для умывания, увлажняющий крем, крем для бритья, крем после бритья, шампунь. Набор также может стать отличным подарком.</p>
</section>
<section class="price">
<span>2 900 руб.</span>
<button>Купить</button>
</section>
<section class="kit">
<h2>В набор входят</h2>
<ul>
<li>Средство для умывания (50 мл)</li>
<li>Увлажняющий крем (50 мл)</li>
<li>Крем для бритья (50 мл)</li>
<li>Крем после бритья, шампунь (50 мл)</li>
<li>Удобная кожаная косметичка</li>
</ul>
</section>
</div>
</div>
</main>
Expand Down
2 changes: 1 addition & 1 deletion price.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ <h2>Несколько слов о&nbsp;нас:</h2>
</div>
</div>
</main>
<footer class="main-footer price-footer">
<footer class="main-footer">
<div class="container clearfix">
<section class="footer-contacts">
Барбершоп Бородинский<br>
Expand Down

0 comments on commit 9794ed1

Please sign in to comment.