Jump to content

Стать Спонсором проекта

Наш проект ищет игроков готовых влажить свои средства в отличный проект.
Некоторые привилегии для спонсоров.

  • Полный доступ к закрытому разделу Команды проекта
  • По желанию форумные и игровые привилегии
  • Отличная команда взрослых мужиков
  • Возможные сходки в вашем городе
  • В планах запуск проведений турниров
  • И многие другие возможности, Читайте информацию.

Админ

Rouch

Администраторы
  • Content Count

    23
  • Joined

  • Last visited

You can change the content in the translations: aXenProfilePro_Title_3

You can change the content in the translations: aXenProfilePro_Text_3

Rouch last won the day on March 3

Rouch had the most liked content!

Community Reputation

10 Хорошо

About Rouch

  • Rank
    Прохожий
  • Days Won 7

Информация о сайте

Recent Profile Visitors

1,089 profile views
  1. JS можно пихнуть в верхнюю шапку между <head> * </head> <script type='text/javascript'> var swiper = new Swiper('.product-slider', { spaceBetween: 30, effect: 'fade', // initialSlide: 2, loop: false, navigation: { nextEl: '.next', prevEl: '.prev' }, // mousewheel: { // // invert: false // }, on: { init: function(){ var index = this.activeIndex; var target = $('.product-slider__item').eq(index).data('target'); console.log(target); $('.product-img__item').removeClass('active'); $('.product-img__item#'+ target).addClass('active'); } } }); swiper.on('slideChange', function () { var index = this.activeIndex; var target = $('.product-slider__item').eq(index).data('target'); console.log(target); $('.product-img__item').removeClass('active'); $('.product-img__item#'+ target).addClass('active'); if(swiper.isEnd) { $('.prev').removeClass('disabled'); $('.next').addClass('disabled'); } else { $('.next').removeClass('disabled'); } if(swiper.isBeginning) { $('.prev').addClass('disabled'); } else { $('.prev').removeClass('disabled'); } }); $(".js-fav").on("click", function() { $(this).find('.heart').toggleClass("is-active"); }); </script> Так должно работать
  2. HTML <div class="wrapper"> <div class="content"> <div class="bg-shape"> <img src="[Hidden Content]" alt=""> </div> <div class="product-img"> <div class="product-img__item" id="img1"> <img src="[Hidden Content]" alt="star wars" class="product-img__img"> </div> <div class="product-img__item" id="img2"> <img src="[Hidden Content]" alt="star wars" class="product-img__img"> </div> <div class="product-img__item" id="img3"> <img src="[Hidden Content]" alt="star wars" class="product-img__img"> </div> <div class="product-img__item" id="img4"> <img src="[Hidden Content]" alt="star wars" class="product-img__img"> </div> </div> <div class="product-slider"> <button class="prev disabled"> <span class="icon"> <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-left"></use></svg> </span> </button> <button class="next"> <span class="icon"> <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg> </span> </button> <div class="product-slider__wrp swiper-wrapper"> <div class="product-slider__item swiper-slide" data-target="img4"> <div class="product-slider__card"> <img src="[Hidden Content]" alt="star wars" class="product-slider__cover"> <div class="product-slider__content"> <h1 class="product-slider__title"> STORMTROPER <br> HELMET </h1> <span class="product-slider__price">$1.299,<sup>99</sup></span> <div class="product-ctr"> <div class="product-labels"> <div class="product-labels__title">HELMET SIZE</div> <div class="product-labels__group"> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type5" > <span class="product-labels__txt">S</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type5" checked> <span class="product-labels__txt">M</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type5" > <span class="product-labels__txt">L</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type5" > <span class="product-labels__txt">XL</span> </label> </div> </div> <span class="hr-vertical"></span> <div class="product-inf"> <div class="product-inf__percent"> <div class="product-inf__percent-circle"> <svg xmlns="[Hidden Content]" width="100" height="100" viewBox="0 0 100 100"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0c1e2c" stop-opacity="0" /> <stop offset="100%" stop-color="#cb2240" stop-opacity="1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="47" stroke-dasharray="240, 300" stroke="#cb2240" stroke-width="4" fill="none"/> </svg> </div> <div class="product-inf__percent-txt"> 80% </div> </div> <span class="product-inf__title">DURABILITY RATE</span> </div> </div> <div class="product-slider__bottom"> <button class="product-slider__cart"> ADD TO CART </button> <button class="product-slider__fav js-fav"><span class="heart"></span> ADD TO WISHLIST</button> </div> </div> </div> </div> <div class="product-slider__item swiper-slide" data-target="img1"> <div class="product-slider__card"> <img src="[Hidden Content]" alt="star wars" class="product-slider__cover"> <div class="product-slider__content"> <h1 class="product-slider__title"> IMPERIAL ARMY’S <br> TIE FIGHTER </h1> <span class="product-slider__price">$9.999,<sup>99</sup></span> <div class="product-ctr"> <div class="product-labels"> <div class="product-labels__title">ENGINE UNIT</div> <div class="product-labels__group"> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type1" checked> <span class="product-labels__txt">P-S4 TWIN</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type1"> <span class="product-labels__txt">P-W401</span> </label> </div> </div> <span class="hr-vertical"></span> <div class="product-inf"> <div class="product-inf__percent"> <div class="product-inf__percent-circle"> <svg xmlns="[Hidden Content]" width="100" height="100" viewBox="0 0 100 100"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0c1e2c" stop-opacity="0" /> <stop offset="100%" stop-color="#cb2240" stop-opacity="1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="47" stroke-dasharray="225, 300" stroke="#cb2240" stroke-width="4" fill="none"/> </svg> </div> <div class="product-inf__percent-txt"> 75% </div> </div> <span class="product-inf__title">DURABILITY</span> </div> </div> <div class="product-slider__bottom"> <button class="product-slider__cart"> ADD TO CART </button> <button class="product-slider__fav js-fav"><span class="heart"></span> ADD TO WISHLIST</button> </div> </div> </div> </div> <div class="product-slider__item swiper-slide" data-target="img2"> <div class="product-slider__card"> <img src="[Hidden Content]" alt="star wars" class="product-slider__cover"> <div class="product-slider__content"> <h1 class="product-slider__title"> KYLO REN'S <br> LIGHTSABER </h1> <span class="product-slider__price">$1.699,<sup>99</sup></span> <div class="product-ctr"> <div class="product-labels"> <div class="product-labels__title">VOLTAGE RANGE</div> <div class="product-labels__group"> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type3" checked> <span class="product-labels__txt">2000 <sup>WATT</sup></span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type3"> <span class="product-labels__txt">2800 <sup>WATT</sup></span> </label> </div> <div class="product-labels__title">LASER SIZE</div> <div class="product-labels__group"> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type2" > <span class="product-labels__txt">S</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type2" checked> <span class="product-labels__txt">M</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type2" > <span class="product-labels__txt">L</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type2" > <span class="product-labels__txt">XL</span> </label> </div> </div> <span class="hr-vertical"></span> <div class="product-inf"> <div class="product-inf__percent"> <div class="product-inf__percent-circle"> <svg xmlns="[Hidden Content]" width="100" height="100" viewBox="0 0 100 100"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0c1e2c" stop-opacity="0" /> <stop offset="100%" stop-color="#cb2240" stop-opacity="1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="47" stroke-dasharray="240, 300" stroke="#cb2240" stroke-width="4" fill="none"/> </svg> </div> <div class="product-inf__percent-txt"> 80% </div> </div> <span class="product-inf__title">DURABILITY</span> </div> </div> <div class="product-slider__bottom"> <button class="product-slider__cart"> ADD TO CART </button> <button class="product-slider__fav js-fav"><span class="heart"></span> ADD TO WISHLIST</button> </div> </div> </div> </div> <div class="product-slider__item swiper-slide" data-target="img3"> <div class="product-slider__card"> <img src="[Hidden Content]" alt="star wars" class="product-slider__cover"> <div class="product-slider__content"> <h1 class="product-slider__title"> IMPERIAL ARMY'S <br> DEATH STAR </h1> <span class="product-slider__price">$9.999,<sup>99</sup></span> <div class="product-ctr"> <div class="product-labels"> <div class="product-labels__title">HYPERDRIVE RATING</div> <div class="product-labels__group"> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type6" checked> <span class="product-labels__txt">CLASS 4</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type6"> <span class="product-labels__txt">CLASS 20</span> </label> </div> <div class="product-labels__title">ARMANENT</div> <div class="product-labels__group"> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type7" checked> <span class="product-labels__txt">SUPERLASER</span> </label> <label class="product-labels__item"> <input type="radio" class="product-labels__checkbox" name="type7"> <span class="product-labels__txt">TURBOLASER</span> </label> </div> </div> <span class="hr-vertical"></span> <div class="product-inf"> <div class="product-inf__percent"> <div class="product-inf__percent-circle"> <svg xmlns="[Hidden Content]" width="100" height="100" viewBox="0 0 100 100"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0c1e2c" stop-opacity="0" /> <stop offset="100%" stop-color="#cb2240" stop-opacity="1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="47" stroke-dasharray="240, 300" stroke="#cb2240" stroke-width="4" fill="none"/> </svg> </div> <div class="product-inf__percent-txt"> 80% </div> </div> <span class="product-inf__title">DURABILITY RATE</span> </div> </div> <div class="product-slider__bottom"> <button class="product-slider__cart"> ADD TO CART </button> <button class="product-slider__fav js-fav"><span class="heart"></span> ADD TO WISHLIST</button> </div> </div> </div> </div> </div> </div> </div> <div class="social"> <a href="[Hidden Content]" target="_blank" class="social__item"> <img src="[Hidden Content]" alt="eray yeşilyurt" class="social__img"> <span class="social__txt">Coded By Muhammed Erdem</span> </a> <a href="[Hidden Content]" target="_blank" class="social__item"> <img src="[Hidden Content]" alt="eray yeşilyurt" class="social__img"> <span class="social__txt">Designed By Eray Yeşilyurt</span> </a> </div> </div> <svg class="hidden" hidden> <symbol id="icon-arrow-left" viewBox="0 0 32 32"> <path d="M0.704 17.696l9.856 9.856c0.896 0.896 2.432 0.896 3.328 0s0.896-2.432 0-3.328l-5.792-5.856h21.568c1.312 0 2.368-1.056 2.368-2.368s-1.056-2.368-2.368-2.368h-21.568l5.824-5.824c0.896-0.896 0.896-2.432 0-3.328-0.48-0.48-1.088-0.704-1.696-0.704s-1.216 0.224-1.696 0.704l-9.824 9.824c-0.448 0.448-0.704 1.056-0.704 1.696s0.224 1.248 0.704 1.696z"></path> </symbol> <symbol id="icon-arrow-right" viewBox="0 0 32 32"> <path d="M31.296 14.336l-9.888-9.888c-0.896-0.896-2.432-0.896-3.328 0s-0.896 2.432 0 3.328l5.824 5.856h-21.536c-1.312 0-2.368 1.056-2.368 2.368s1.056 2.368 2.368 2.368h21.568l-5.856 5.824c-0.896 0.896-0.896 2.432 0 3.328 0.48 0.48 1.088 0.704 1.696 0.704s1.216-0.224 1.696-0.704l9.824-9.824c0.448-0.448 0.704-1.056 0.704-1.696s-0.224-1.248-0.704-1.664z"></path> </symbol> </svg> CSS @font-face { font-family: 'Uni Sans'; src: url('[Hidden Content]') format('woff2'), url('[Hidden Content]') format('woff'), url('[Hidden Content]') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Uni Sans'; src: url('[Hidden Content]') format('woff2'), url('[Hidden Content]') format('woff'), url('[Hidden Content]') format('truetype'); font-weight: 500; font-style: normal; } @import url('[Hidden Content],600,700,800'); body { font-family: 'Uni Sans', sans-serif; font-weight: 500; } * { box-sizing: border-box; } img { max-width: 100%; } a { text-decoration: none; } .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .wrapper { width: 100%; height: 100vh; min-height: 750px; background: url([Hidden Content]) center no-repeat; background-size: cover; position: relative; overflow: hidden; display: flex; @media screen and (max-width: 992px) { height: auto; min-height: 100vh; } } .content { height: 600px; margin: auto; width: 100%; max-width: 1050px; display: flex; align-items: center; position: relative; @media screen and (max-width: 1200px){ max-width: 920px; } @media screen and (max-width: 992px) { max-width: 920px; margin-top: 100px; height: auto; min-height: 100vh; } @media screen and (max-width: 767px) { margin-top: 20px; } @media screen and (max-width: 576px) { margin-top: 20px; margin-bottom: 20px; } } .bg-shape { height: 100%; background-image: linear-gradient(-45deg, #cc3843 0%, #cb193f 100%); box-shadow: 0px 30px 139px 0px rgba(10, 22, 31, 0.26); border-radius: 30px; padding: 45px 40px; width: 50%; position: absolute; top: 0; left: 0; display: flex; align-items: center; @media screen and (max-width: 1200px) { width: 45%; } @media screen and (max-width: 992px) { width: 90%; height: 290px; align-items: flex-start; padding: 50px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 767px) { padding: 30px; width: 95%; border-radius: 20px; } @media screen and (max-width: 576px) { height: 200px; padding: 30px; } img { object-fit: contain; width: 510px; display: block; object-position: left center; opacity: .2; transform: rotate(-90deg) translateY(-50%); max-width: inherit; left: 10px; position: absolute; @media screen and (max-width: 1200px) { width: 430px; left: 10px; } @media screen and (max-width: 992px) { transform: none; width: 100%; position: relative; left: auto; margin-left: auto; margin-right: auto; object-fit: contain; height: 100%; object-position: top center; } } } .next, .prev { z-index: 22; display: inline-flex; border: none; width: 61px; height: 61px; border-radius: 50%; justify-content: center; align-items: center; font-size: 25px; position: absolute; top: 50%; outline: none; cursor: pointer; &.disabled { cursor: not-allowed; } &:focus { outline: none; } @media screen and (max-width: 992px) { top: 170px; } } .prev { left: -30%; transform: translate(-100%, -50%); @media screen and (max-width: 1200px) { left: -21%; } @media screen and (max-width: 992px) { left: 0; transform: translate(-50%, -50%); } @media screen and (max-width: 576px) { transform: translate(20%, -50%); } } .next { right: 0; transform: translate(50%, -50%); @media screen and (max-width: 576px) { transform: translate(-20%, -50%); } } .product { &-slider { width: 75%; height: 85%; border-radius: 30px; box-shadow: 0 28px 79px 0 rgba(10, 22, 31, 0.35); position: absolute; top: 50%; right: 0; transform: translateY(-50%); @media screen and (max-width: 1200px) { width: 80%; } @media screen and (max-width: 992px) { width: 80%; left: 50%; transform: translateX(-50%); height: auto; position: relative; top: 0; margin-top: 170px; margin-bottom: 100px; br { display: none; } } @media screen and (max-width: 767px) { border-radius: 20px; } @media screen and (max-width: 576px) { width: 85%; margin-top: 130px; } &__wrp { height: 100%; } &__item { position: relative; height: 100%; width: 100%; @media screen and (max-width: 992px) { height: auto; } &.swiper-slide-active { .product-slider__card { //opacity: 1; //width: 100%; //pointer-events: auto; //transition-delay: .5s; } .product-slider__content { > * { opacity: 1; transform: none; @for $i from 0 to 15 { &:nth-child(#{$i + 1}) { transition-delay: $i * 0.2s; } } } } circle { animation: progress 1s ease-out forwards; animation-delay: .5s; opacity: 0.75; } } } &__card { height: 100%; display: flex; align-items: center; width: 100%; transition: all .5s; overflow: hidden; position: relative; border-radius: 30px; @media screen and (max-width: 992px) { align-items: flex-start; } @media screen and (max-width: 767px) { border-radius: 20px; } } &__cover { border-radius: 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover; @media screen and (max-width: 767px) { border-radius: 20px; } } &__content { color: #fff; padding-top: 1px; position: relative; z-index: 2; width: 100%; padding-left: 250px; padding-right: 80px; @media screen and (max-width: 1200px) { padding-left: 220px; } @media screen and (max-width: 992px) { padding: 20px 60px 100px; padding-top: 280px; text-align: center; } @media screen and (max-width: 767px) { padding: 20px 30px 50px; padding-top: 300px; } @media screen and (max-width: 576px) { padding-top: 220px; padding-left: 15px; padding-right: 15px; } } &__title { margin: 0; margin-bottom: 10px; font-weight: 900; font-size: 41px; line-height: 1.2em; letter-spacing: 2px; opacity: 0; transform: translateY(55px); transition: all .5s; @media screen and (max-width: 1200px) { font-size: 34px; } @media screen and (max-width: 576px) { font-size: 24px; } } &__price { display: block; font-size: 42px; opacity: 0; transform: translateY(55px); transition: all .5s; @media screen and (max-width: 1200px) { font-size: 36px; } @media screen and (max-width: 576px) { font-size: 30px; } sup { top: -20px; font-size: 65%; } } &__cart { box-shadow: 0 7px 99px 0 rgba(204, 51, 66, 0.6); background-image: linear-gradient(-45deg, rgb(204, 56, 67) 0%, rgb(203, 25, 63) 100%); border: none; color: #fff; padding: 10px 30px; border-radius: 50px; min-height: 50px; font-weight: 700; font-size: 14px; letter-spacing: 2px; margin-right: 40px; cursor: pointer; @media screen and (max-width: 768px) { margin-right: 30px; } @media screen and (max-width: 576px) { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } } &__fav { color: #888e94; background: none; border: none; position: relative; padding-left: 25px; outline: none; cursor: pointer; &:focus { outline: none; } .heart { display: block; position: absolute; left: 0; transform: translate(-50%, -50%) scale(0.7); top: 50%; pointer-events: none; width: 100px; height: 100px; background: url("[Hidden Content]") no-repeat; background-position: 0 0; cursor: pointer; transition: background-position 1s steps(28); transition-duration: 0s; &.is-active { transition-duration: 1s; background-position: -2800px 0; } } } &__bottom { margin-top: 20px; opacity: 0; transform: translateY(55px); transition: all .5s; } } &-ctr { display: flex; align-items: center; min-height: 150px; margin-top: 40px; opacity: 0; transform: translateY(55px); transition: all .5s; @media screen and (max-width: 992px) { justify-content: center; } .hr-vertical { width: 1px; background: #9fa3a7; align-self: stretch; margin: 0 35px; flex-shrink: 0; opacity: .5; } @media screen and (max-width: 767px) { justify-content: center; flex-wrap: wrap; margin-bottom: 40px; .hr-vertical { width: 100%; margin: 35px 0; height: 1px; } } } &-labels { @media screen and (max-width: 767px) { width: 100%; } &__checkbox { display: none; &:checked + .product-labels__txt { border-color: #cc3743; padding: 10px 13px; } } &__title { font-family: 'Dosis', sans-serif; font-weight: 700; letter-spacing: 3px; font-size: 16px; margin-bottom: 10px; } &__group { display: flex; margin-bottom: 15px; @media screen and (max-width: 992px) { justify-content: center; } &:last-child { margin-bottom: 0; } } &__item { margin: 5px; cursor: pointer; &:first-child { margin-left: 0; } } &__txt { display: block; border: 2px solid transparent; font-size: 14px; padding: 10px 20px; padding-left: 0; border-radius: 50px; transition: all .3s; letter-spacing: 2px; } } @keyframes progress { 0% { stroke-dasharray: 0 100; } } &-inf { text-align: center; @media screen and (max-width: 767px) { width: 100%; } &__percent { font-weight: 700; font-size: 22px; letter-spacing: 1px; margin-bottom: 12px; font-family: 'Dosis', sans-serif; position: relative; circle { transform: rotate(180deg) scaleY(-1); transform-origin: 50%; } &-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } &__title { font-family: 'Dosis', sans-serif; font-weight: 700; letter-spacing: 2px; font-size: 18px; } } &-img { position: absolute; z-index: 2; width: 500px; left: 25%; transform: translateX(-45%); max-height: 500px; height: 100%; pointer-events: none; @media screen and (max-width: 1200px) { width: 430px; left: 20%; } @media screen and (max-width: 992px) { width: 430px; left: 50%; transform: translateX(-50%); top: 0; height: 350px; } @media screen and (max-width: 767px) { width: 100%; max-width: 400px; top: 30px; height: 390px; } @media screen and (max-width: 576px) { max-width: 300px; height: 300px; } &__item { display: flex; align-items: center; position: absolute; pointer-events: none; user-select: none; top: 50%; right: 0; transform: translateY(-50%) translateX(-130px); opacity: 0; transition: all .3s; &.active { opacity: 1; transform: translateY(-50%) translateX(0); transition-delay: .3s; } img { object-fit: contain; object-position: center right; } } } } .social { position: absolute; bottom: 10px; right: 0; width: 100%; display: flex; padding: 20px 55px; justify-content: space-between; @media screen and (max-width: 576px){ flex-direction: column; bottom: 0; } &__item { color: rgba(255, 255, 255, 0.75); font-family: 'Dosis', sans-serif; font-weight: 700; letter-spacing: 2px; line-height: 1em; display: flex; align-items: center; transition: all .3s; &:hover { color: #fff; } @media screen and (max-width: 576px) { margin-bottom: 10px; } } &__img { width: 24px; margin-right: 15px; } } JS var swiper = new Swiper('.product-slider', { spaceBetween: 30, effect: 'fade', // initialSlide: 2, loop: false, navigation: { nextEl: '.next', prevEl: '.prev' }, // mousewheel: { // // invert: false // }, on: { init: function(){ var index = this.activeIndex; var target = $('.product-slider__item').eq(index).data('target'); console.log(target); $('.product-img__item').removeClass('active'); $('.product-img__item#'+ target).addClass('active'); } } }); swiper.on('slideChange', function () { var index = this.activeIndex; var target = $('.product-slider__item').eq(index).data('target'); console.log(target); $('.product-img__item').removeClass('active'); $('.product-img__item#'+ target).addClass('active'); if(swiper.isEnd) { $('.prev').removeClass('disabled'); $('.next').addClass('disabled'); } else { $('.next').removeClass('disabled'); } if(swiper.isBeginning) { $('.prev').addClass('disabled'); } else { $('.prev').removeClass('disabled'); } }); $(".js-fav").on("click", function() { $(this).find('.heart').toggleClass("is-active"); }); star-wars-imperial-army-s-product-slider.zip
  3. Доброго времени суток, мы решил сделать подарок для наших пользователей. Теперь мы с начала следующего месяца начнем принимать заказы на адаптацию Ваших стилей. Заказы будут приниматься участников нашего проекта, версий 4.0.х - 4.1.х. Адаптировать будем один стиль в сутки. Жду Ваших комментарий, и Вашего мнения!
  4. Я повар по профессии, платят нормально, работы всегда много, дак и еще времени хватает на сайты что бы продвигаться в интернете))
  5. В каком ты стиле это нашел, не в моем ли??!
×
×
  • Create New...