[01.06.21] Ежемесячная акция «Товар месяца» - июнь 2021<div class="container">
<div class="banner">
<img class="one" src="http://masterglass.ru/i/news_21/banner.png">
<img class="two fade-in-right" src="http://masterglass.ru/i/news_21/right.png">
<img class="fo scale-in-center" src="http://masterglass.ru/i/news_21/name.png" style="position: absolute;left: 0;right: 0;text-align: center;margin: 0 auto;top: 35%;">
<img class="three fade-in-left" src="http://masterglass.ru/i/news_21/left.png">
</div>
<br><br>
<div class="box">
<h3 class="t-box">Ежемесячная акция<br> «Товар месяца»
</h3>
<p class="t-opis" style="width:680px; margin:0 auto;">Специальное ценовое предложение с 1 по 30 июня! Скидки до -50% на оборудование, ножи, барное и ресторанное стекло и столовую посуду.
</p>
<br>
<p class="t-opis" style="width:680px; margin:0 auto;">Скачивайте прайс-лист со скидками и выбирайте самое необходимое для вашего заведения!
</p>
</div>
<div class="box">
<a href="/i/news_21/un.xls">
<img style="width:356px;" src="http://masterglass.ru/i/news_21/btn.png" class="button heartbeat"/></a>
</div>
<div class="box" style="width:900px;">
<iframe src="http://www.masterglass.ru/i/news_21/un.html" width="100%" height="100%" style="min-height:650px; max-width: 980px;" align="center">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</div>
<div class="box">
<p class="t-opis"><b>Появились вопросы?<b>
</p>
<p class="t-opis">
Получите всю интересующую информацию по телефону <br>
<b class="red">+7 (495) 191-75-07</b>
</p>
</div>
<hr>
<div class="box" style="text-align:left;">
Условия проведения:<br>
– Все цены по данной акции являются конечными и на них не распространяются скидки.<br>
– Акция проводится на всей территории РФ.<br>
– Указанные в акции цены действуют только в установленном месяце.<br>
– Количество товара ограничено.<br>
– Ниже представлен список позиций по специальным ценам действующим с 01.06.2021 по 30.06.2021
</div>
</div>
<style>
.banner{
position:relative;
width:800px;
margin: 0 auto;
text-align:center;
margin-button:32px;
}
.one{
width:800px;
margin:0 auto;
text-align:center;
height:272px;
border-radius: 16px;
}
.two{
position:absolute;
width:250px;
left:-2%;
top: -10%;
}
.three{
position:absolute;
width:356px;
right:-25px;
top: -20%;
}
.container{
max-width:900px;
width:100%;
margin:0 auto;
}
.container{
max-width:900px;
width:100%;
margin:0 auto;
}
.box{
width:100%;
margin-bottom:24px;
text-align:center;
}
.banner{
max-width:900px;
width:100%;
}
.t-box{
font-size:24px!important;
margin-bottom:16px!important;
font-weight:bold!important;
text-align:center!important;
color:black!important;
line-height:32px;
}
.t-opis{
margin-bottom:16px;
text-align:center;
font-weight:200!important;
font-size:16px!important;
}
.t-opis b{
font-weight:600;
}
.flex{
display:inline-flex;
/*! margin-bottom:24px; */
justify-content: space-between;
width: 100%;
}
.flex > .items{
/* width:100%;
! margin-right:24px; */
display: inline-flex;
justify-content: space-between;
}
.button{
max-width:680px;
}
.items img{
width:100%;
height:256px;
}
.scale-in-center {
-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scale-in-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.fade-in-left {
-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-left {
0% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-left {
0% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right {
-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.heartbeat {
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
</style> « Все новости | Архив новостей » |
Продукция собственного производства!Наше производство это:
|