Конкурсы для фрилансеров - Заказать логотип, веб дизайн, фирменный стиль, слоган.

Елена Тюкова

Елена Тюкова Графический дизайн  

Петр Шпис

Петр Шпис Программирование и IT  

Анастасия Х.

Анастасия Х. Графический дизайн  

Вячеслав Макаров

Вячеслав Макаров Графический дизайн  

Все открытые конкурсы

Открытые конкурсы

Что такое Freelance Boutique?

Freelance boutique – место для профессиональной безопасной работы между заказчиком и фрилансером.

С помощью сервиса можно создавать проекты, конкурсы, персональные рабочие области с безопасной сделкой, что убережет вас от обмана со стороны заказчика или фрилансера.

К вашим услугам – безопасная сделка, а также услуги независимого арбитра, который поможет разрешить любые возникшие споры между работодателем и исполнителем.

Если фриланс – это способ вашего заработка, вы можете доверять Freelance boutique, так как этот сервис гарантирует получение вами оплаты за выполненную работу.

Как это работает?

Freelance boutique открывает широкие возможности для создания проектов и конкурсов.

На открытие конкурса у вас уйдет всего несколько минут. Необходимо лишь правильно выбрать подходящий раздел и формат!

Вы сможете комментировать и сортировать работы, присланные фрилансерами, отбирая лучшие решения. Получайте сотни предложений - платите за одно! Выигравшая концепция может быть легко доработана до нужного результата в удобной рабочей области.

Вы определили исполнителя в проекте или нашли фрилансера в каталоге – к вашему распоряжению рабочая область, позволяющая максимально эффективно вести работу над проектом.

Благодаря безопасной сделке исполнитель гарантированно получит оплату, вы же будете уверены в том, что при любых разногласиях сможете подключить независимого арбитра для разрешения споров.

Freelance boutique – это удобный, простой и безопасный инструмент для вашей работы в сфере фриланса.

from /var/www/boutique/application/modules/default/views/scripts/index/index-chunks/ui-elements.php

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Standard buttons

Inverse buttons

bg classes

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Labels

Default Primary Success Info Warning Danger

badges

Default Primary Success Info Warning Danger

Btn Sizes

Alerts

alert-error
alert-warning
alert-info
alert-danger

Input

Example block-level help text here.

input-group sizes

@
@
@

section-gray

h4

section-dark-bg link

широкие блоки с тенью

предполагается что они вне контейнера - на всю ширину

section-shadow снизу
section-shadow-inset - сверху
section-gray section-shadow-in-out - и сверху и снизу

navs

nav nav-tabs

nav nav-pills

nav nav-pills nav-stacked

thumbnail

...

Thumbnail label

...

Button Button

List group

Badges

linked

custom content

While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

Basic example

By default, all the .panel does is apply some basic border and padding to contain some content.

Basic panel example
<div class="panel panel-default">
  <div class="panel-body">
    Basic panel example
  </div>
</div>

Panel with heading

Easily add a heading container to your panel with .panel-heading. You may also include any <h1>-<h6> with a .panel-title class to add a pre-styled heading.

Panel heading without title
Panel content

Panel title

Panel content
<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>

Wrap buttons or secondary text in .panel-footer. Note that panel footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.

Panel content
<div class="panel panel-default">
  <div class="panel-body">
    Panel content
  </div>
  <div class="panel-footer">Panel footer</div>
</div>

Contextual alternatives

Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content
<div class="panel panel-primary">...</div>
<div class="panel panel-success">...</div>
<div class="panel panel-info">...</div>
<div class="panel panel-warning">...</div>
<div class="panel panel-danger">...</div>

With tables

Add any non-bordered .table within a panel for a seamless design. If there is a .panel-body, we add an extra border to the top of the table for separation.

Panel heading

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Panel heading</div>
  <div class="panel-body">
    <p>...</p>
  </div>

  <!-- Table -->
  <table class="table">
    ...
  </table>
</div>

If there is no panel body, the component moves from panel header to table without interruption.

Panel heading
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Panel heading</div>

  <!-- Table -->
  <table class="table">
    ...
  </table>
</div>

With list groups

Panel heading

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Panel heading</div>
  <div class="panel-body">
    <p>...</p>
  </div>

  <!-- List group -->
  <ul class="list-group">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Morbi leo risus</li>
    <li class="list-group-item">Porta ac consectetur ac</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
</div>

Default well

Use the well as a simple effect on an element to give it an inset effect.

Look, I'm in a well!
<div class="well">...</div>

Optional classes

Control padding and rounded corners with two optional modifier classes.

Look, I'm in a large well!
<div class="well well-lg">...</div>
Look, I'm in a small well!
<div class="well well-sm">...</div>

Нестандартные элементы и классы стиля

.marker-block - выделение построчно

(у элемента будет display: inline)

Гироинтегратор, как следует из системы уравнений, трансформирует угол тангажа. Будем также считать, что время набора максимальной скорости косвенно позволяет пренебречь колебаниями корпуса, хотя этого в любом случае требует объект, рассматривая уравнения движения тела в проекции на касательную к его траектории

LINKS

.no-decorate-link

.link-underline

.gradient-underline

.gradient-underline-hover

Обрезать более X строк

.clip, .clip-1row - .clip-5row

3 строки: Гироинтегратор, как следует из системы уравнений, трансформирует угол тангажа. Будем также считать, что время набора максимальной скорости косвенно позволяет пренебречь колебаниями корпуса, хотя этого в любом случае требует объект, рассматривая уравнения движения тела в проекции на касательную к его траектории

.list-boutique-ol

  1. Заказчик публикует конкурс в соответствии с правилами.
  2. Заказчику доступно общение с участниками (кроме текстовых конкурсов), оценка предложенных вариантов и помощь модератора при необходимости.
  3. По окончании приема работ (в срок не более 5 дней) Заказчик объявляет победившую концепцию.

.yellow-green-gradient-bg