[html]<style>
@font-face {
  font-family: RadjhaniRu;
  src: url('https://forumstatic.ru/files/001c/04/0a/51541.ttf')
}

@font-face {
  font-family: 'Corbel';
  src: url('https://forumstatic.ru/files/001c/17/76/83460.ttf')
}

:root {
--border-color: #fe934c;
--bg-color-light:#e1e1e1;
--bg-color-dark:#121212;
}

#wrapper {
display:block;
position: relative;
width:100%;
height: 875px;
background-color:var(--bg-color-light);
overflow: hidden;
z-index: 10;
}

#left-side-strip {
    position: absolute;
    width: 200px;
    height: 100%;
    border-right: solid 25px var(--border-color);
    background-color: var(--bg-color-dark);
}

#left-side-strip::before {
    content: '';
    position: absolute;
    width: 114px;
    height: 250px;
    border-right: solid 34px var(--border-color);
    margin: -91px 1px 0px 187px;
    transform: rotate(45deg);
}

#left-side-strip::after {
    content: '';
    position: absolute;
    width: 114px;
    height: 250px;
    top: 0px;
    background-color: var(--bg-color-dark);
    margin: -91px 1px 0px 187px;
    transform: rotate(45deg);
}

#main-cont {
display:block;
width:100%;
height:500px;
color:#e1e1e1;
}

#main-cont h1 {
display: block;
    position: relative;
    z-index: 8;
    font-family: 'RadjhaniRu';
    font-size: 70px;
    width: 100%;
    color: transparent;
}

#main-cont h1 p {
    display: block;
    position: relative;
    z-index: 8;
    font-family: 'RadjhaniRu';
    font-size: 45px;
    width: 100%;
    padding: 10px 30px;
    margin-top: -4px;
    color: transparent;
    text-transform: none;
    font-weight: 100;
    line-height: 105%;
    background: linear-gradient(0deg, rgb(221 90 82) 0%, rgb(254 147 76) 100%);
    -webkit-background-clip: text;
   
}

#main-cont h1::before{
    content: '';
    position: absolute;
    z-index: 0;
    width: 750px;
    height: 90px;
    left: 0px;
    background: #121212;
    border-bottom: 8px solid var(--softred);
    border-top: 8px solid var(--border-color);
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);
}

#main-cont img {
    z-index: 4;
    width: 400px;
    padding: 10px 70px;
}

.list-item-uniq {
    display: flex;
    width: 270px;
    height: 100px;
    border-radius: 50px;
    top: 206px;
    position: relative;
    margin-bottom: 43px;
}

.list-item-uniq p {
background-color: var(--bg-color-dark);
    padding: 46px 4px 0px 4px !important;
    height: 25px;
    width: 157px;
    display: block;
    margin: -21px 0 0 0px !important;
    font-family: sans-serif;
    text-align: right;
    font-size: 1.3em;
    color: #c4c5c6 !important;
    font-weight: bold;
    z-index: 7;
    position: relative;
    border-bottom: 3px solid var(--border-color);
}

.img-card-uniq::after {
    content: attr(data-info);
    position: absolute;
    width: 148px;
    font-size: 12px;
    line-height: 100%;
    margin: 3px 0px 0 -163px;
    padding: 11px 4px;
    text-align: center;
    color: #6c5b4e;
    font-family: sans-serif;
    background-color: var(--bg-color-light);
    z-index: 1;
    border-radius: 0 0 15px 15px;
    transition: ease-in-out .4s;
}

.img-card-uniq:hover::after {
    transform: translate(0px, 37px);
}

.img-card-uniq {
display: block;
    border-radius: 50%;
    border: 3px solid var(--border-color);
    width: 100px;
    height: 100px;
    background-size: 120%;
    background-position: center;
    margin: 0px 0 0 165px;
    z-index: 5;
    transition: ease-in-out .4s;
}

.img-card-uniq:hover {
    background-size: 100%;
    border-radius:21%;
}

.first-img {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background-image: url(https://i.imgur.com/kVrfR7d.jpeg);
}

.first-img::before{
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background: url(https://i.imgur.com/dqg6tst.png) no-repeat center;
    background-size: 75%;
}

.first-img:hover::before{
   background-size: 102%;
}

.second-img {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background-image: url(https://i.imgur.com/3ogM4En.png);
}

.second-img::before{
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background: url(https://i.imgur.com/OFQqrrS.png) no-repeat center;
    background-size: 75%;
}

.second-img:hover::before{
   background-size: 102%;
}

.third-img {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background-image: url(https://i.imgur.com/DGRVvln.png);
}

.third-img::before{
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background: url(https://i.imgur.com/ryyIxHE.png) no-repeat center;
    background-size: 75%;
}

.third-img:hover::before{
   background-size: 102%;
}

.fourth-img {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background-image: url(https://i.imgur.com/m8W0oDB.png);
}

.fourth-img::before{
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    transition: ease-in-out .4s;
    background: url(https://i.imgur.com/gpgvfHR.png) no-repeat center;
    background-size: 75%;
}

.fourth-img:hover::before{
   background-size: 102%;
}

div#text-cont-uniq {
display:block;
position:inherit;
background: #c4c5c6;
    margin-left: 225px;
    width: 544px;
    height: 400px;
    background: url(https://i.imgur.com/W8HQ3hT.png) no-repeat 0% / 142%;

}

div.carousel-item p{
    font-size: 17px;
    color: black !important;
    font-family: 'Corbel';
    letter-spacing: 0px;
    text-indent: 35px;
    text-align: justify;
    max-height: 97%;
    overflow: auto;
    padding: 0px 10px 15px 20px !important;
}

.carousel-wrapper {
  position: relative;
        height: 115%;
    width: 69%;
    margin-left: 274px;
    margin: 7px 0px 0px 275px;
}

  .carousel-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffffa6;
    backdrop-filter: blur(5px);
    padding: 25px 50px;
    opacity: 0;
    border-radius: 8px 8px 0px 0px;
    transition: all 0.5s ease-in-out;
}

  .carousel-item img {
display:block;
}

    .arrow {
    position: absolute;
    top: 0;
    display: block;
    width: 50px;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: url(https://i.imgur.com/j65Rq6P.png) 50% 50% / 42px no-repeat;

      &.arrow-prev {
        left: 0;
      }

      &.arrow-next {
        right: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
      }
    }

    &.light {
      color: white;

      .arrow-uniq {
        background: url("https://static-00.iconduck.com/assets.00/arrow-right-circle-icon-1024x1024-vd5nvvdh.png") 50% 50% / 20px no-repeat;
      }
    }

  [id^="target-item"] {
    display: none;
  }

  .item-1 {
    z-index: 2;
    opacity: 1;
  }

  *:target ~ .item-1 {
    opacity: 0;
  }

  #target-item-1:target ~ .item-1 {
    opacity: 1;
  }

  #target-item-2:target ~ .item-2, #target-item-3:target ~ .item-3, #target-item-4:target ~ .item-4 {
    z-index: 3;
    opacity: 1;
  }
}

div.carousel-item div::-webkit-scrollbar {
  width: 2px  !important;
  height: 2px
}

div.carousel-item div::-webkit-scrollbar-track:vertical {
  background: #f5f5f5  !important
}

div.carousel-item div::-webkit-scrollbar-thumb:vertical {
  background: var(--border-color) !important
}

.carousel-item>div {
    font-size: 17px;
    color: black !important;
    font-family: 'Corbel';
    letter-spacing: 0px;
    text-indent: 35px;
    text-align: justify;
    max-height: 97%;
    overflow: auto;
    padding: 0px 10px 15px 20px !important;
}

.carousel-item>div>h4 {
font-family: 'RadjhaniRu';
    font-weight: 100;
    font-size: 23px;
    color: var(--border-color);
    margin-bottom: 10px;
}

.carousel-item>div>p>span {
font-weight:bold;
}

.buttons-uniq {
display: flex;
    position: relative;
    z-index: 50;
    margin: 12px 50px 50px 250px;
    justify-content: center;
}

.buttons-uniq a {
background: var(--border-color);
    padding: 10px 25px;
    margin: 10px 45px;
    width: 100px;
    text-align: center;
    font-family: 'Corbel';
    font-weight: bold;
    font-size: 1.1em;
    color: var(--bg-color-dark);
   border-radius: 20px;
    transition: ease-in-out .5s;
}

.buttons-uniq a:hover {
    color: #de5b52;
    background: var(--bg-color-light);
}

.buttons-uniq a::before {
content: '';
    background: url(https://i.imgur.com/j65Rq6P.png) no-repeat 0% / 33px;
    position: absolute;
    display: block;
    margin: -10px 1px 0 -40px;
    width: 39px;
    height: 35px;
    object-fit: cover;
    transform: rotate(0deg);
transition: ease-in-out .5s;

}

.buttons-uniq a::after {
content: '';
    background: url(https://i.imgur.com/j65Rq6P.png) no-repeat 0% / 35px;
    position: absolute;
    display: block;
    margin: -25px 1px 0 98px;
    width: 39px;
    height: 35px;
    object-fit: cover;
    transform: rotate(180deg);
transition: ease-in-out .5s;
}

.buttons-uniq a:hover::before {
    transition-delay: .8s;
        transform: rotate(180deg);
}

.buttons-uniq a:hover::after {
    transition-delay: .4s;
    transform: translate(-10px, 0px) rotate(180deg);
}

#main-cont > div.carousel-wrapper > div.carousel-item.item-3 > div > p > a {
font-weight:bold;
color: #e76b51;
transition: ease-in-out .4s;
}

#main-cont > div.carousel-wrapper > div.carousel-item.item-3 > div > p > a:hover {
color: blue;
color: #fc904d;
}

#buttons-up-menu {
    background: #e76b50;
    position: absolute;
    border-radius: 10px;
    width: 100%;
    height: 10px;
    z-index: 11;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}

#buttons-up-menu a {
font-family: 'RadjhaniRu';
    padding: 7px 25px;
    display: block;
    box-shadow: 0px 2px 10px #00000040;
    color: var(--bg-color-dark);
    font-size: 16px;
    text-transform: uppercase;
    background: linear-gradient(0deg, #e76b50, #fe934c);
    z-index: 10;
    transition: ease-in-out .4s;
    clip-path: polygon(0 16px, 16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px));
}

#buttons-up-menu a:hover {
    background: linear-gradient(0deg, #ef8e78, #f9aa75);
    color: var(--bg-color-dark);

}

</style>

<section id='wrapper'>
<div id='left-side-strip'>

<div class='list-item-uniq'>
<p class='item-title-uniq'>МАКЕТЫ</p>
<div data-info='Создание оригинальных макетов в фотошопе с учётом ТЗ' class="img-card-uniq first-img" />
</div>

<div class='list-item-uniq'>
<p class='item-title-uniq'>ВЁРСТКА</p>
<div data-info='Перенос дизайна на платформу с использованием css и js' class="img-card-uniq second-img" />
</div>

<div class='list-item-uniq'>
<p class='item-title-uniq'>JAVASCRIPT</p>
<div data-info='Больше оригинальности за счёт индивидуальных скриптов!' class="img-card-uniq third-img" />
</div>

<div class='list-item-uniq'>
<p class='item-title-uniq'>АРТЫ НА ЗАКАЗ</p>
<div data-info='Арт в шапку или для души от профессионального художника' class="img-card-uniq fourth-img" />
</div>

</div>
<div id='main-cont'>
<h1><p>Дизайн от Templado Rex<br>Вёрстка от Vandra</p></h1>

<div class="carousel-wrapper">

  <span id="target-item-1" />
  <span id="target-item-2" />
  <span id="target-item-3" />
  <span id="target-item-4" />

<div id='buttons-up-menu'>
    <a href="#target-item-1">Услуги</a>
    <a href="#target-item-2">Стоимость</a>
    <a href="#target-item-3">Портфолио</a>
    <a href="#target-item-4">Техническое задание</a>
</div>

  <div class="carousel-item item-1">

    <h2>Item 1</h2>
    <p><h2>Услуги</h2>

<div><h4>1. Дизайн и Вёрстка</h4>

<p><span>Дизайн форума:</span> Мы работаем в слаженной команде. При условии получения заказа "под ключ" дизайнер создаст макет в формате .psd, с которым затем (после одобрения заказчиком) сможет работать верстальщик. Мы внимательно следим за трендами и модными тенденциями во фронтенде, а ещё очень ценим эргономику, читабельность и стиль, поэтому сумеем сделать несочетаемое сочетаемым, атмосферным, запоминающимся и приятным для глаз. Лёгкая воздушность в пастельных тонах? Строгая сдержанность контрастных оттенков? Механистический футуризм или трайбализм? Мы действительно можем всё  >: )</p>

<p><span>Адаптивная вёрстка:</span> Слово "адаптивность" здесь не просто для красного словца. Это чистый, оптимизированный, "лёгкий" и - главное - работающий код, даже если визуально форум выглядит как экстаз эклектика в пароксизме эстетического апогея : ) Максимальное количество элементов оформления будут существовать на кодах, а не в виде перегружающего страницы растра. И, разумеется, это будет функционировать и выглядеть одинаково хорошо как в разных браузерах на ПК, так и на телефонах или планшетах.</p>

<p><span>Альтернативные цветовые схемы:</span> А куда без этого? Дизайны и варианты разметок и цветовых схем обсуждаются дополнительно. Чем это полезно? Вы можете не "сносить" старый полюбившийся дизайн, а просто добавить к нему новый (или сразу несколько), который будет переключаться по кнопке.</p>

<h4>2. Скрипты и Анимации</h4>

<p><span>Индивидуальные скрипты на заказ:</span> Oh, my, а это что за зверь? Это зверь, с помощью которого набор статичных элементов обретает жизнь и собственную волю. И это включает не только простые анимации при наведении или клике мышкой, но и интеллектуальное поведение элементов или даже добавление простых плагинов и функционалов с помощью JavaScript и jQuery. Это включает не только адаптацию общедоступных скриптов платформы (таких как, например, рандомайзер изображений или баннеров), но и написание абсолютно новых (например, автозамена тире, дайсы, мини-плееры).
</p>

<p><span>Анимации на CSS:</span> Анимация элементов на форуме с использованием CSS вместо тяжёлых гифок. От простого мерцания ссылок до сложных loop-анимаций. В целом, анимации - это наша фишечка, мы их нежно любим и умеем, поэтому их количество ограничивается только вашими пожеланиями и макетом.</p>

<h4>3. Графика и Арт</h4>

<p><span>Макет без вёрстки:</span> Мы можем предложить вам и готовые макеты в виде растровых изображений, не подразумевающие дальнейшей пересадки на код нашим верстальщиком. Конкуренция на этом поприще ничем не ограничена, хотя нам и будет немного грустно, если наш верстальщик останется без своего любимого кода : (</p>

<p><span>Иллюстрации на заказ:</span> Мы уже упоминали, что наш дизайнер - настоящий профессиональный художник? Арт для шапки проекта? Иллюстрации для эпизодов или сюжетов? Комиссии с вашими любимыми персонажами? Наш магистр кисти и планшета может выполнить работы в разных жанрах, включая фэнтези, киберпанк, реализм, спорт и т.д. Стоимость зависит от сложности работы, а ещё художник наотрез отказывается и рычит возле батареи, к которой прикован, если его просят нарисовать p0<s>p-c0</s>rN. Так что это, пожалуй, единственное ограничение.</p>

<p><span>Отдельные графические элементы:</span> Умеем в баннеры, аватары, рекламные материалы, gif-изображения, шаблоны эпизодов и другие графические элементы для вашего проекта.</p>

<h4>4. Другое</h4>

<p><span>Оптимизация:</span> Мы любим и уважаем оптимизацию. Если вы тоже любите её, мы с радостью поможем оптимизировать форум для быстрой загрузки и лучшей производительности.</p>

<p><span>Исправление ошибок:</span> Если вы столкнулись с проблемами в коде или он - после множества смен дизайна - оказался перегруженным, мы поможем его почистить и исправить.</p>

<p><span>Разработка отдельных элементов:</span> Оформим и посадим на код любые дополнительные элементы: красивую шапку с важными ссылками, футер, профиль пользователя, личную страницу и другие компоненты.</p>

<p><span>Техобслуживание:</span> Если у вас что-то пошло не так, либо вылез незапланированный и неучтённый баг, мы обязательно его исправим, причём, если ошибка была с нашей стороны, либо совсем минорная - то полностью бесплатно : )</p>

<h4>Техническое задание (ТЗ)</h4>

<p>Для успешного выполнения проекта важно заранее обсудить все нюансы: ваше видение, желаемую цветовую гамму, список необходимых элементов и иные предпочтения. Вы можете предоставить нам свободу действий, если не имеете чёткой концепции - и мы с удовольствием откликнемся, но в базовую стоимость входят только два варианта макета. Если требуется соблюдение определённого стиля или жанра, при наличии чёткого ТЗ, мы сделаем всё в точности по нему - и чем детализированнее критерии, тем проще будет и вам, и нам.</p>

</p>

</div>
    <a class="arrow arrow-prev" href="#target-item-4" />
    <a class="arrow arrow-next" href="#target-item-2" />
  </div>

  <div class="carousel-item item-2">
    <h2>Item 2</h2>
    <p>

<div>
<h4>Стоимость услуг</h4>

<p><span>Создание дизайна:</span> От 2000 р. </p>
<p><span>Вёрстка на тестовом сайте (главная + профиль):</span> От 2500 р.</p>
<p><span>Вёрстка на чистовике (главная + профиль + все обговоренные элементы):</span> От 4000 р. При переносе с тестового на основной цена снижается на стоимость тестовика.</p>
<p><span>Светлая или тёмная версия:</span> Стоимость определяется индивидуально.</p>
<p><span>ПРИМЕЧАНИЕ:</span> Стоимость услуг может варьироваться. За минимальную оплату вы получите аккуратный форум без съездов, с простым, но красивым профилем, простой шапкой, но и без особых наворотов. Количество дополнительных элементов влияет на цену. Тем не менее все нюансы обсуждаются "на берегу", и вас не будет в итоге ждать неприятная неожиданность. Никаких "я решил усложнить, это взвинтило цену" не будет - с подобными вопросами и идеями верстальщик всегда придёт заранее.</p>
<p><span>Скрипты на заказ:</span> От 300 рублей, в зависимости от сложности.</p>
<p><span>Шаблон эпизода:</span> От 300 рублей.</p>
<p><span>Баннеры и рекламные элементы:</span> Рекламный баннер (88х31) - от 75 р. Рекламная листовка - от 100 р. При заказе полного дизайна реклама входит в стоимость.</p>
<p><span>Правки:</span> После предварительного согласования дизайна (до пересадки на чистовик) в стоимость включена 1 крупная и 3 мелких правки. После финального согласования крупные правки оплачиваются отдельно. Крупные правки после установки дизайна на чистовик, меняющие структуру или кардинально влияющие на размещение элементов оплачиваются отдельно после согласования цены.</p>

<h4>Дополнительные услуги</h4>
<p><span>Посадка чужого макета:</span> Наш верстальщик может перенести чужой дизайн на проект. Дизайн должен быть приличного качества и быть или на фигме, или в .psd, в противном случае придётся слишком много дорисовывать и перерисовывать, а потому цена увеличится.</p>
<p><span>Интерактивные элементы:</span> Мы можем добавить интерактивные элементы на уже готовый проект, будь то анимации с использованием видео, масок, вектора, таблицы в духе этого портфолио и т.д.</p>

<h4>Арты на заказ</h4>
<p><span>Качественный скетч, полный рост:</span> От 1000 р.</p>
<p><span>Цвет, тени, полный рост:</span> От 3000 р.</p>

<h4>Оплата на российские карты, Hipolink или PayPal</h4>

</p>

</div>

    <a class="arrow arrow-prev" href="#target-item-1" />
    <a class="arrow arrow-next" href="#target-item-3" />
  </div>
  <div class="carousel-item item-3">
    <h2>Item 3</h2>
    <p>

<div>
<h4>Примеры работ</h4>

<a href='https://i.imgur.com/OrkIygv.jpeg' target="_blank"><img src='https://i.imgur.com/OrkIygv.jpeg' alt='photo'></a>

<a href='https://i.imgur.com/WKvN38T.jpeg' target="_blank"><img src='https://i.imgur.com/WKvN38T.jpeg' alt='photo'></a>

<p><span>Стилистика:</span> Cyberpunk 2077, светлая и тёмная версия</p>
<p><a href='https://edgezone.rusff.me/' target="_blank">Ссылка для ознакомления с функциональностью</a></p>

<a href='https://i.imgur.com/9umBF8v.jpeg' target="_blank"><img src='https://i.imgur.com/9umBF8v.jpeg' alt='photo'></a>

<a href='https://i.imgur.com/Q0ugOBk.jpeg' target="_blank"><img src='https://i.imgur.com/Q0ugOBk.jpeg' alt='photo'></a>
<p><span>Фишка!</span></p>
<a href='https://i.imgur.com/b636sTj.gif' target="_blank"><img src='https://i.imgur.com/b636sTj.gif' alt='photo'></a>

<p><a href='https://starwarsgame.rusff.me/' target="_blank">Ссылка для ознакомления с функциональностью</a></p>

<p><span>Шаблон окна сообщений в стиле Cyberpunk2077</span></p>
<a href='https://i.imgur.com/soR45Uf.png' target="_blank"><img src='https://i.imgur.com/soR45Uf.png' alt='photo'></a>
<p><a href='https://codepen.io/c0ils/pen/qBzJVog' target="_blank">Ссылка для просмотра</a></p>

<p><span>Плеер в стиле Cyberpunk2077</span></p>
<a href='https://i.imgur.com/fU45BWl.png' target="_blank"><img src='https://i.imgur.com/fU45BWl.png' alt='photo'></a>
<p><a href='https://codepen.io/c0ils/pen/QWXPeNX' target="_blank">Ссылка для просмотра</a></p>
<p>Всё, от дизайна до кода, написано Vandra. Плеер настраиваем через css, есть дополнительная возможность интегрировать его в тему на форуме и уменьшенную версию на главной странице.</p>

<p><span>Скрипт визуализации в стиле автопереводчика Cyberpunk2077</span></p>
<img src='https://i.imgur.com/c8QvlA7.gif' alt='photo'>

<h4>Арты от Templado Rex</h4>

<a href='https://i.imgur.com/iPOqG2a.png' target="_blank"><img src='https://i.imgur.com/iPOqG2a.png' alt='photo'></a>
<a href='https://i.imgur.com/Qwff8mh.png' target="_blank"><img src='https://i.imgur.com/Qwff8mh.png' alt='photo'></a>
<a href='https://i.imgur.com/NkkYQmV.jpeg' target="_blank"><img src='https://i.imgur.com/NkkYQmV.jpeg' alt='photo'></a>

</div>
</p>
    <a class="arrow arrow-prev" href="#target-item-2" />
    <a class="arrow arrow-next" href="#target-item-4" />
  </div>

</p>

  <div class="carousel-item item-4">
    <h2>Item 4</h2>
    <p>

<div>
<p><span>Как говорил Пратчетт: "Отнеситесь к нам с уважением, с каким мы, в свою очередь, отнесёмся к вам". </span> </p>

<p>Шаблоны совершенно не обязательны, но могут помочь вам и нам сориентироваться в том, что именно вам нужно и что мы можем предложить.</p>

<h4>ТЗ для дизайна</h4>
<p><span>1.</span> Какой тематики должен быть дизайн? </p>
<p><span>2.</span> Предпочтительная цветовая гамма.</p>
<p><span>3.</span> Нужна ли тёмная/светлая тема?</p>
<p><span>4.</span> Вы можете принести картинки или мудборд, показывающие желаемую атмосферу и настроение.</p>
<p><span>5.</span> Строгость и минимализм или креатив и яркость?</p>
<p><span>6.</span> Анимации и переходы цветов.</p>
<p><span>7.</span> Какими должны быть профиль в темах, категории. </p>
<p><span>8.</span> Какими должны быть шрифты (читабельные, яркие и т.д.)?</p>
<p><span>9.</span> Желаемые сроки выполнения работы.</p>
<p><span>10.</span> В какой бюджет вы рассчитываете уложиться?</p>

<h4>ТЗ для вёрстки</h4>

<p><span>1.</span> Какие скрипты должны стоять из базовых для платформы?</p>
<p><span>2.</span> Какие скрипты вы бы желали, чтобы были написаны для дизайна?</p>
<p><span>3.</span> Какие анимации и где вы хотите видеть?</p>
<p><span>4.</span> Какие дополнительные страницы и/или шаблоны должны входить в вёрстку (гостевая, список участников, шаблон эпизода и т.д.)?</p>
<p><span>5.</span> Какие особенности и фичи должны быть реализованы в профиле, отображаемом в темах?</p>
<p><span>7.</span> Нужно ли оформлять дополнительные страницы - просматриваемый профиль, список участников, админка и т.д.?</p>
<p><span>8.</span> Желаемые сроки выполнения работы.</p>
<p><span>9.</span> В какой бюджет вы рассчитываете уложиться?</p>

<h4>ТЗ для артов на заказ</h4>

<p>Обсуждается в диалоге, процесс-то уникальный и сильно творческий : )</p>

</div>
</p>
    <a class="arrow arrow-prev" href="#target-item-3" />
    <a class="arrow arrow-next" href="#target-item-1" />
  </div>

</p>

</div>

<div class='buttons-uniq'>
<a href='https://t.me/Extremis_Malis'>TELEGRAM</a>
<a href='https://mayak.f-rpg.me/messages.php?action=new&uid=100'>НАПИСАТЬ В ЛС</a>
</div>
</div>

</section>[/html]
[hideprofile]

Подпись автора

Текст Текст Текст