24 dev/components/social-menu/component.scss
View file
@@ -3,30 +3,8 @@
padding: 6px 12px;
> .item {
text-decoration: none;
&._like {
text-decoration: none;
font-size: 14px;
font-weight: 600;
color: $primary-color;
transition: .35s ease;
&:before {
@include _icon;
content: $font-Flaticon-like;
font-size: 16px;
padding-right: 6px; }
&:hover { color: $secondary-color; }
&:after {
content: "|";
padding-left: 6px;
padding-right: 6px;
font-size: 18px;
color: #aaa;
&:hover { color: #aaa; }
}
}

&._wish:after {content: $font-Flaticon-wish;}
&._vk:after {content: $font-Flaticon-vk;}
&._ok:after {content: $font-Flaticon-odnoklassniki-logo;}
&._facebook:after {content: $font-Flaticon-facebook;}
&._twitter:after {content: $font-Flaticon-twitter;}
&._mail:after {content: $font-Flaticon-mail;}
220 prod/a.css
View file
2 prod/a.css.map
View file

Large diffs are not rendered by default.

2 prod/a.js
View file
BIN -732 Bytes (83%) prod/fonts/Flaticon.eot
View file
Binary file not shown.
111 prod/fonts/Flaticon.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN -732 Bytes (83%) prod/fonts/Flaticon.ttf
View file
Binary file not shown.
BIN -460 Bytes (85%) prod/fonts/Flaticon.woff
View file
Binary file not shown.
94 prod/index.html
View file
@@ -92,10 +92,13 @@ <h2 class="title">Новая динейка вкусов</h2>
</div>
<div class="slider-frame" id="sliderFrame">
<div class="item" data-slider-target="1">
<div class="image" style="background-image: url(img/slide.jpg)"></div>
<h3 class="title">Новая линейка вкусов</h3>
<p class="description">Мы запускаем в продажу абсолютно новые вкусы!</p>
<a class="readmore" href="#">Узнать больше</a>
<div class="image" style="background-image: url(img/slide.jpg)">
<h3 class="title">Новая линейка вкусов</h3>
<p class="description">Мы запускаем в продажу абсолютно новые вкусы!</p>
<a class="readmore">Читать...</a>
</div>


</div>
<div class="item" data-slider-target="2">
<div class="image" style="background-image: url(img/slide.jpg)"></div>
@@ -115,104 +118,103 @@ <h3 class="title">Новая линейка вкусов</h3>
</div>
<main>
<div class="main-layout">
<nav class="category-navigation" id="categoryNavigation">
<a class="item">Готовые жидкости</a>
<a class="item">Основа и компоненты</a>
<a class="item">Тара и упаковка</a>
<a class="item">Все для намотки</a>
<nav class="category-navigation">
<span class="item">Готовые жидкости</span>
<span class="item">Основа и компоненты</span>
<span class="item">Тара и упаковка</span>
<span class="item">Все для намотки</span>
</nav>
<div class="products-rowview">
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="loadmore" href="#">Загрузить еще</a>
</div>
</div>
<div class="single-layout">
@@ -236,12 +238,10 @@ <h3 class="title">Steam Whale Lequid</h3>
<h1 class="title">Steam Whale Deep Blue</h1>
<span class="price">550</span>
<p class="description">Банан в миксе с кондитерским кремом и карамелью. Жидкость подойдет любителям сладенького, нотки сладкой карамели не оставят Вас равнодушным. Потрясающий вкус, который идеально подойдет на каждый день.</p>
<p class="vendor">Производитель: <span class="_ink">Steam Whale, Россия</span></p>
<button class="add" type="submit">Добавить в корзину</button><input type="number" step="1" min="1" max="999" name="count" value="1" class="quantity">
<nav class="social-menu _product">
<a class="item _like" target="_blank" href="#">46</a>
<a class="item _wish" target="_blank" href="#"></a>
<a class="item _vk" target="_blank" href="#"></a>
<a class="item _ok" target="_blank" href="#"></a>
<a class="item _facebook" target="_blank" href="#"></a>
<a class="item _twitter" target="_blank" href="#"></a>
</nav>
@@ -252,81 +252,81 @@ <h2 class="title">Вам может пригодиться</h2>
<div class="products-rowview">
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>
<a class="product-item" href="#">
<div class="thumb-box">
<img class="vendor" src="" />
<img class="image" src="img/product-main.jpg" />
<img class="image _hover" src="img/product-hover.jpg" />
</div>
<h3 class="title">Steam Whale Lequid</h3>
<span class="like">46</span>
<span class="like"></span>
<span class="price">450</span>
<button class="addtocart" href="#">Добавить в корзину</button>
</a>