г. Санкт-Петербург ул. Соборная 12, офис 32

Элементы формы

Кнопки


<a href="#" class="btn btn-full">Заказать</a> 
<a href="#" class="btn btn-clear">Очистить</a>
<a href="#" class="btn btn-full btn-black">Купить в 1 клик</a>
<a href="#" class="btn btn-link">Подробнее</a>

<a href="#" class="btn btn-white">Читать далее</a>

<a href="#" class="btn btn-full btn-big">Продукция</a>
<a href="#" class="btn btn-clear btn-big">Продукция</a>
<a href="#" class="btn btn-link btn-big">Продукция</a>

<a href="#" class="btn btn-full btn-small">Продукция</a>
<a href="#" class="btn btn-clear btn-small">Продукция</a>


Элементы формы


<div class="form-group">
    <label class="control-label-error">Обязательное поле</label>
    <input type="text" class="form-control " name="your-name" id="your-name" value="" data-required="">
    <label class="placeholder" for="your-name">Ваше имя</label>
</div>
<div class="form-group form-error">
    <label class="control-label-error">Обязательное поле</label>
    <input type="text" class="form-control " name="your-name2" id="your-name2" value="" data-required="">
    <label class="placeholder" for="your-name2">Ваше имя</label>
</div>
<div class="form-group">
    <label class="control-label-error" for="inputError1">Обязательное поле</label>
    <textarea class="form-control" name="textarea" data-required="" id="textarea"></textarea>
    <label class="placeholder" for="textarea">Текст вашего сообщения</label>
</div>
Прикрепите файл к сообщению
(по желанию)
<div class="wrapper_multiple_file" data-id="116">
    <input type="hidden" name="help_cur_ind" value="0">
    <div class="form-group form-group-file">
        <input type="hidden" class="bitrix-file-hidden" name="file-name[0]" value="" date-name="file-name">
        <label class="control-label-error">Обязательное поле</label>
        <label class="control-label-error-size">Размер файла превышает 16 MB</label>
        <span class="form-group-btn">
            <button type="button" class="btn btn-file icon-add file-button-browse"></button>
        </span>
        <input type="file" class="files-input-upload hidden" name="FILE_NAME_0" date-name="FILE_NAME_">
        <div class="form-name-file">Прикрепите файл к сообщению<br><span class="small">(по желанию)</span></div>
        <label class="hidden no-file-name">Файл не выбран</label>
    </div>
</div>
Мой город
<div class='filter-news form-group'>
    <span class="descr-filter">Мой город</span>
    <select class="selectpicker  select-220" >
        <option value='1'>Москва</option>
        <option value='2'>Санкт-Петербург</option>
        <option value='3'>Ростов-на-Дону</option>
    </select>
</div>
    <div class='form-group'>
        <select class="selectpicker" >
            <option value='1'>Москва</option>
            <option value='2'>Санкт-Петербург</option>
            <option value='3'>Ростов-на-Дону</option>
        </select>
    </div>
<div class="form-group">
    <input type="checkbox" id="user_consent" name="user_consent" data-required="" value="Y">
    <label for="user_consent">Я даю свое согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и для целей, определенных в <a href="#" target="_blank">Согласии на обработку персональных данных</a></label>
</div>

<div class="form-group">
    <label>Подписка на:</label><br>
    <input type="checkbox" id="subcribe" name="subcribe" data-required="" value="Y">
    <label for="subcribe">Новости</label>
    <input type="checkbox" id="action" name="action" data-required="" value="Y">
    <label for="action">Акции</label>
</div>

<div class="form-group">
    <label>Частота рассылки:</label><br>
    <input type="radio" id="dayly" name="days-subcribe" data-required="" value="Y">
    <label for="dayly">Раз в день</label>
    <input type="radio" id="weekly" name="days-subcribe" data-required="" value="Y">
    <label for="weekly">Раз в неделю</label>
</div>

Форма в 2 ряда

Прикрепите файлы к письму
(по желанию)
Показать код
<form action="" class="validation-request  form-ajax-call ">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label class="control-label-error">Обязательное поле</label>
                <input type="text" class="form-control" name="name" id="name" value="" data-required="">
                <label class="placeholder" for="name">Ваше имя</label>
            </div>
            <div class="form-group">
                <label class="control-label-error">Обязательное поле</label>
                <input type="email" class="form-control" name="email" id="email" data-required="">
                <label class="placeholder" for="email">Ваш email</label>
            </div>
            <div class="form-group form-group-file">
                <span class="form-group-btn">
                    <button type="button" class="btn btn-file icon-add file-button-browse"></button>
                </span>
                <input type="file" class="files-input-upload hidden">
                <div class="form-name-file">Прикрепите файлы к письму<br><span class="small">(по желанию)</span></div>

            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <label class="control-label-error">Обязательное поле</label>
                <textarea class="form-control" id="text" name="text" data-required=""></textarea>
                <label class="placeholder" for="text">Текст Вашего сообщения</label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label-error" for="inputError1">Необходимо согласиться с условиями</label>
        <input type="checkbox" id="user_consent1" name="user_consent1" data-required="" value="Y">
        <label for="user_consent1">Я даю свое согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и для целей, определенных в <a href="#" target="_blank">Согласии на обработку персональных данных</a></label>
    </div>
    <div class="form-group">
        <button type="submit" class="btn btn-full">Отправить</button>
    </div>
</form>
Настройте Ваш сайт для себя
По умолчанию