Компоненты
Оформление файлов для скачивания
PDF 8 Кб
Скачать
<div class="document-item">
<span class="icon-pdf wrapper-icon"></span>
<div class="inline-block">
<div class="name"><a href="#" target="_blank">Свидетельство о присвоении ИНН</a></div>
<div class="descript">
<span>PDF 8 Кб</span>
<a href="#" target="_blank">Скачать</a>
</div>
</div>
</div>
Варианты отображения изображений
<img src="/include/img/photo_history.jpg" alt="Название изображения" class="img-responsive"> <img src="/include/img/photo_history.jpg" alt="Название изображения" class="img-circle img-responsive"> <img src="/include/img/photo_history.jpg" alt="Название изображения" class="img-rounded img-responsive"> <img src="/include/img/photo_history.jpg" alt="Название изображения" class="img-thumbnail img-responsive">
Изображения с подписью
Денис Маргулин
27.03.2018
<div class="review-item">
<div class="media">
<div class="pull-left media-left">
<img class="media-object img-circle img-responsive" src="/include/img/worker_no92_92.jpg" alt="Денис Маргулин">
</div>
<div class="media-body">
<h4 class="media-heading">Денис Маргулин</h4>
<div class="media-descr">27.03.2018</div>
</div>
</div>
</div>
Первый состав правления
<div class="wrapper-img">
<img src="/include/img/photo_history.jpg">Первый состав правления
</div>
Список элементов
Автоматизация торговли для розничной сети магазинов Нска
Автоматизация торговли для розничной сети магазинов Нска подразумевала под собой комплексное решение задач по оснащению предприятия современным торговым оборудованием и программными инструментами.
<div class="object-list news-block">
<div class="object-item news-item" id="">
<div class="media">
<div class="pull-left media-left">
<a href="#" class="news-link">
<img class="media-object img-responsive" src="/include/img/banner_about.jpg" alt="Автоматизация торговли для розничной сети магазинов Нска">
</a>
</div>
<div class="media-body">
<a class="media-heading" href="#">Автоматизация торговли для розничной сети магазинов Нска</a>
<div class="preview-text">
Автоматизация торговли для розничной сети магазинов Нска подразумевала под собой комплексное решение задач по оснащению предприятия современным торговым оборудованием и программными инструментами. <br></div>
<div class="wrapper-detail-link">
<a href="#" class="btn btn-clear detail-link">Подробнее</a>
</div>
</div>
</div>
</div>
</div>
Плитка элементов
12.12.2017
Реализован крупнейший проект по благоустройству
Благоустройство территории – это совокупность мероприятий, которые призваны сформировать на участке комфортную и привлекательную среду для деятельности.
12.12.2017
Наше участие в выставке-презентации "Наука-2017"
23-24 декабря в Москве состоялась V международная выставка-конференция "Наука-2017".
<div class="news-block">
<div class="row">
<div class="col-sm-6 col-md-4 col-xs-6 col-xxs-12">
<div class="thumbnail news-item">
<a href='#' class='news-link'>
<img class='img-responsive' src="/include/img/news_no450_287.jpg" alt="">
<div class="date">12.12.2017</div>
</a>
<div class="caption">
<a class='news-name' href='#'>Реализован крупнейший проект по благоустройству</a>
<p>Благоустройство территории – это совокупность мероприятий, которые призваны сформировать на участке комфортную и привлекательную среду для деятельности.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-xs-6 col-xxs-12">
<div class="thumbnail news-item">
<a href='#' class='news-link'>
<img class='img-responsive' src="/include/img/news_no450_287.jpg" alt="">
<div class="date">12.12.2017</div>
</a>
<div class="caption">
<a class='news-name' href='#'>Наше участие в выставке-презентации "Наука-2017"</a>
<p>23-24 декабря в Москве состоялась V международная выставка-конференция "Наука-2017".</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-xs-6 col-xxs-12 hidden-sm hidden-xs">
<div class="thumbnail news-item">
<a href='#' class='news-link'>
<img class='img-responsive' src="/include/img/news_no450_287.jpg" alt="">
<div class="date">12.12.2017</div>
</a>
<div class="caption">
<a class='news-name' href='#'>Приняли участие в международной выставке</a>
<p>В период с 1 по 6 марта 2017г года в Нске на территории выставочной площадки России — НННХ прошла X Международная выставка высоких технологий.</p>
</div>
</div>
</div>
</div>
</div>
Баннер на странице
COMPANY
Мы делаем то, что любим
<div class="banner-page">
<div class="inline-block block-name">
<div class="company-name">COMPANY</div>
<div class="company-slogan">Мы делаем то, что любим</div>
</div>
<div class="inline-block block-img">
<img src="<?=SITE_DIR?>include/img/banner_about.jpg" class="img-responsive">
</div>
</div>
Вызов модального окна
<a href="#" class="modal-feedback btn btn-full" data-remote="false" data-toggle="modal" data-target="#modalExample">Показать</a>
<div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-name">Заголовок модального окна</div>
</div>
<div class="modal-body">
Язык — это история народа. Язык — это путь цивилизации и культуры. Поэтому-то изучение и сбережение русского языка является не праздным занятием от нечего делать, но насущной необходимостью.
</div>
<div class="modal-footer">
<div class="text-right text-guide"><small>А.И. Куприн</small></div>
</div>
</div>
</div>
</div>
Список преимуществ
<div class="advantages">
<div class="block-icon-advant">
<div class="row">
<div class="col-sm-4 col-xs-6 item">
<div class="icon-bag icon-color"></div>
<div class="icon-text">Работаем в различных направлениях</div>
<a href="#">Подробнее ></a>
</div>
<div class="col-sm-4 col-xs-6 item">
<div class="icon-color">23</div>
<div class="icon-text">23 года на рынке услуг</div>
<a href="#">Подробнее ></a>
</div>
<div class="col-sm-4 col-xs-6 item">
<div class="icon-chart icon-color"></div>
<div class="icon-text">Постоянная динамика роста</div>
</div>
</div>
</div>
</div>
Блок с контактами
Связь
| comrany@comrany.ru | |
| Телефон | +7 (495) 000-00-00 |
Адрес
| Юридический адрес | 000000, Москва, ул. Самойловская, д. 12 |
| Фактический адрес | 000000, Москва, ул. Самойловская, д. 10 |
| Часы работы | с 10 до 20 часов (без выходных) |
<div class="contacts-info">
<div class="table-name">Связь</div>
<table class="table table-clear table-contact">
<tr>
<td><span class="icon-email"></span> Email</td>
<td><a href='mailto:comrany@comrany.ru'>comrany@comrany.ru</a></td>
</tr>
<tr>
<td><span class="icon-telephone"></span>Телефон</td>
<td><a href='tel:+74950000000'>+7 (495) 000-00-00</a></td>
</tr>
</table>
<div class="table-name">Адрес</div>
<table class="table table-clear table-address">
<tr>
<td>Юридический адрес</td>
<td>000000, Москва, ул. Самойловская, д. 12</td>
</tr>
<tr>
<td>Фактический адрес</td>
<td>000000, Москва, ул. Самойловская, д. 10</td>
</tr>
<tr>
<td>Часы работы</td>
<td>с 10 до 20 часов (без выходных)</td>
</tr>
</table>
</div>
Табы
Битрикс24 — облачный сервис для командной работы, включающий систему управления взаимоотношениями с клиентами (CRM), интранет-портал, чат и менеджер задач; возможно подключение внешних провайдеров телефонии, почтового клиента, системы распознавания лиц и визиток. Разработчик и провайдер– российская компания 1С-Битрикс.
Вам не нужно ничего устанавливать и настраивать. Вы регистрируетесь - и сразу начинаете работать со своим корпоративным порталом.
Способы доставки
- Доставка курьером
- Почта России
- Самовывоз
Способы оплаты
- Наличные курьеру
- Наложенный платеж
<div class="wrapper-tab-info tab-light">
<ul class="nav nav-tabs nav-products">
<li class="active "><a href="#tab_descr" data-toggle="tab">Описание</a></li>
<li><a href="#tab_pay" data-toggle="tab">Доставка и оплата</a></li>
<span class="menu-line" style=""></span>
</ul>
</div>
<div class="tab-content tab-content-product">
<div class="tab-pane fade in active " id="tab_descr">
<p>Битрикс24 — облачный сервис для командной работы, включающий систему управления взаимоотношениями с клиентами (CRM), интранет-портал, чат и менеджер задач; возможно подключение внешних провайдеров телефонии, почтового клиента, системы распознавания лиц и визиток. Разработчик и провайдер– российская компания 1С-Битрикс.</p>
<p>Вам не нужно ничего устанавливать и настраивать. Вы регистрируетесь - и сразу начинаете работать со своим корпоративным порталом. </p>
</div>
<div class="tab-pane fade " id="tab_pay">
<div class="info-name">Способы доставки</div>
<ul>
<li>Доставка курьером</li>
<li>Почта России</li>
<li>Самовывоз</li>
</ul>
<div class="info-name">Способы оплаты</div>
<ul>
<li>Наличные курьеру</li>
<li>Наложенный платеж</li>
</ul>
</div>
</div>
Пагинация
<div class="wrapper-pagination">
<ul class="pagination">
<li class="active"><span class="">1</span></li>
<li><a href="#" class="">2</a></li>
<li><a href="#" class="">3</a></li>
<li><a href="#" class="">4</a></li>
<li><a href="#" class="">5</a></li>
</ul>
</div>
Стикеры
Default
Primary
Success
Info
Warning
Danger
<span class="label label-default">Default</span> <span class="label label-primary">Primary</span> <span class="label label-success">Success</span> <span class="label label-info">Info</span> <span class="label label-warning">Warning</span> <span class="label label-danger">Danger</span>
Аккордеон, вариант 1
Ответ
Вы связываетесь с нами любым удобным для Вас способом: звонок по телефону, заявка на сайте либо можете оставить свой номер, и мы перезвоним.Затем мы бесплатно изучим спорную ситуацию, посмотрим документы, оценим перспективы.
После мы направим коммерческое предложение с предварительными условиями работы по Вашему вопросу: объем услуг, их стоимость и срок их оказания.
Если Вы соглашаетесь, то условия из коммерческого предложения переходят в договор оказания услуг.
Ответ
Да, работаем. Группа компаний «COMPANY» имеет обширную сеть своих представителей по всей стране – от Калининграда до Хабаровска.Более подробная информация представлена в разделе «Контакты» на нашем сайте.
Ответ
Да, конечно, налог НДС включен в стоимость продаваемой продукции, если у вас есть вопросы или вы не являетесь плательщиком НДС, обратитесь за консультацией к вашему персональному менеджеру или в бухгалтерию нашей компании.
<div class="panel-group panel-faq panel-clear" id="accordion">
<div class="panel panel-default" id="">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_1" class="collapsed" aria-expanded="false">
<div class="panel-head-icon"><span class="icon-add"></span></div>
<div class="panel-head-name">
<div class="job-name"><span>Вопрос 1.</span> Какой порядок заключения договора?</div>
<div class="job-descr">Зарплата по результатам собеседования, опыт работы: 1-3 года, образование: высшее, полная занятость, полный день</div>
</div>
</a>
</div>
</div>
<div id="collapse_1" class="panel-collapse collapse" aria-expanded="false">
<div class="panel-body">
<div class="head-name">Ответ</div>
Вы связываетесь с нами любым удобным для Вас способом: звонок по телефону, заявка на сайте либо можете оставить свой номер, и мы перезвоним.<br>
Затем мы бесплатно изучим спорную ситуацию, посмотрим документы, оценим перспективы.<br>
После мы направим коммерческое предложение с предварительными условиями работы по Вашему вопросу: объем услуг, их стоимость и срок их оказания.<br>
Если Вы соглашаетесь, то условия из коммерческого предложения переходят в договор оказания услуг.<br>
</div>
</div>
</div>
<div class="panel panel-default" id="">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_2" class="collapsed" aria-expanded="false">
<div class="panel-head-icon"><span class="icon-add"></span></div>
<div class="panel-head-name">
<div class="job-name"><span>Вопрос 2.</span> Вы работаете в регионах РФ?</div>
</div>
</a>
</div>
</div>
<div id="collapse_2" class="panel-collapse collapse" aria-expanded="false">
<div class="panel-body">
<div class="head-name">Ответ</div>
Да, работаем. Группа компаний «COMPANY» имеет обширную сеть своих представителей по всей стране – от Калининграда до Хабаровска.<br>
Более подробная информация представлена в разделе «Контакты» на нашем сайте.
</div>
</div>
</div>
<div class="panel panel-default" id="">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_3" class="collapsed" aria-expanded="false">
<div class="panel-head-icon"><span class="icon-add"></span></div>
<div class="panel-head-name">
<div class="job-name"><span>Вопрос 3.</span> Цена продукта на сайте указана с учетом НДС?</div>
</div>
</a>
</div>
</div>
<div id="collapse_3" class="panel-collapse collapse" aria-expanded="false">
<div class="panel-body">
<div class="head-name">Ответ</div>
Да, конечно, налог НДС включен в стоимость продаваемой продукции, если у вас есть вопросы или вы не являетесь плательщиком НДС, обратитесь за консультацией к вашему персональному менеджеру или в бухгалтерию нашей компании.</div>
</div>
</div>
</div>
Аккордеон, вариант 2
Вы связываетесь с нами любым удобным для Вас способом: звонок по телефону, заявка на сайте либо можете оставить свой номер, и мы перезвоним.
Затем мы бесплатно изучим спорную ситуацию, посмотрим документы, оценим перспективы.
После мы направим коммерческое предложение с предварительными условиями работы по Вашему вопросу: объем услуг, их стоимость и срок их оказания.
Если Вы соглашаетесь, то условия из коммерческого предложения переходят в договор оказания услуг.
Затем мы бесплатно изучим спорную ситуацию, посмотрим документы, оценим перспективы.
После мы направим коммерческое предложение с предварительными условиями работы по Вашему вопросу: объем услуг, их стоимость и срок их оказания.
Если Вы соглашаетесь, то условия из коммерческого предложения переходят в договор оказания услуг.
Да, работаем. Группа компаний «COMPANY» имеет обширную сеть своих представителей по всей стране – от Калининграда до Хабаровска.
Более подробная информация представлена в разделе «Контакты» на нашем сайте.
Более подробная информация представлена в разделе «Контакты» на нашем сайте.
Да, конечно, налог НДС включен в стоимость продаваемой продукции, если у вас есть вопросы или вы не являетесь плательщиком НДС, обратитесь за консультацией к вашему персональному менеджеру или в бухгалтерию нашей компании.
<div class="panel-group panel-faq panel-light" id="accordion">
<div class="panel panel-default" id="">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_65" class="collapsed" aria-expanded="false">
<div class="panel-head-icon"><span class="icon-add"></span></div>
<div class="panel-head-name">Какой порядок заключения договора?</div>
</a>
</div>
</div>
<div id="collapse_65" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
Вы связываетесь с нами любым удобным для Вас способом: звонок по телефону, заявка на сайте либо можете оставить свой номер, и мы перезвоним.<br>
Затем мы бесплатно изучим спорную ситуацию, посмотрим документы, оценим перспективы.<br>
После мы направим коммерческое предложение с предварительными условиями работы по Вашему вопросу: объем услуг, их стоимость и срок их оказания.<br>
Если Вы соглашаетесь, то условия из коммерческого предложения переходят в договор оказания услуг.<br>
</div>
</div>
</div>
<div class="panel panel-default" id="">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_63" class="collapsed" aria-expanded="false">
<div class="panel-head-icon"><span class="icon-add"></span></div>
<div class="panel-head-name">Вы работаете в регионах РФ?</div>
</a>
</div>
</div>
<div id="collapse_63" class="panel-collapse collapse" aria-expanded="false">
<div class="panel-body">
Да, работаем. Группа компаний «COMPANY» имеет обширную сеть своих представителей по всей стране – от Калининграда до Хабаровска.<br>
Более подробная информация представлена в разделе «Контакты» на нашем сайте.
</div>
</div>
</div>
<div class="panel panel-default" id="">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_62" class="collapsed" aria-expanded="false">
<div class="panel-head-icon"><span class="icon-add"></span></div>
<div class="panel-head-name">Цена продукта на сайте указана с учетом НДС?</div>
</a>
</div>
</div>
<div id="collapse_62" class="panel-collapse collapse" aria-expanded="false">
<div class="panel-body">
Да, конечно, налог НДС включен в стоимость продаваемой продукции, если у вас есть вопросы или вы не являетесь плательщиком НДС, обратитесь за консультацией к вашему персональному менеджеру или в бухгалтерию нашей компании.
</div>
</div>
</div>
</div>
Хронология
-
1999 годДата основании компании
Иван Иванов совместно с Петром Петровым основывают компанию "COMPANY" -
2001 годКоллектив компании составляет 20 человек.
Создана проектная группа, которая совместно с инженерами и рабочими вела разработку и внедрение производственных новаций. -
2006 годВ штате уже 400 сотрудников.
Мы провели первый крупнейший федеральный семинар -
2008 годЗа время существования COMPANY штат сотрудников превысил 500 человек. Наши сотрудники – это команда квалифицированных специалистов, которые являются профессионалами в своей области, имеют большой опыт и каждый день работают на развитие компании.
<ul class="timeline"> <li> <div class="timeline-badge"></div> <div class="timeline-wrapper"> <div class="timeline-panel"> <div class="timeline-heading"> <span class="big">1999</span> <span class="small">год</span> </div> <div class="timeline-body"><b>Дата основании компании</b><br>Иван Иванов совместно с Петром Петровым основывают компанию "COMPANY" </div> </div> </div> </li> <li> <div class="timeline-badge"></div> <div class="timeline-wrapper"> <div class="timeline-panel"> <div class="timeline-heading"> <span class="big">2001</span> <span class="small">год</span> </div> <div class="timeline-body">Коллектив компании составляет 20 человек.<br>Создана проектная группа, которая совместно с инженерами и рабочими вела разработку и внедрение производственных новаций.</div> </div> </div> </li> <li> <div class="timeline-badge"></div> <div class="timeline-wrapper"> <div class="timeline-panel"> <div class="timeline-heading"> <span class="big">2006</span> <span class="small">год</span> </div> <div class="timeline-body">В штате уже 400 сотрудников.<br>Мы провели первый крупнейший федеральный семинар</div> </div> </div> </li> <li> <div class="timeline-badge"></div> <div class="timeline-wrapper"> <div class="timeline-panel"> <div class="timeline-heading"> <span class="big">2008</span> <span class="small">год</span> </div> <div class="timeline-body">За время существования COMPANY штат сотрудников превысил 500 человек. Наши сотрудники – это команда квалифицированных специалистов, которые являются профессионалами в своей области, имеют большой опыт и каждый день работают на развитие компании.</div> </div> </div> </li> </ul>
Набор изображений-заглушек
- 270 × 209
/include/img/contact_no.jpg
- 580 × 325
/include/img/banner_page.jpg
- 450 × 287
/include/img/news_no.jpg
- 270 × 355
/include/img/worker_no.jpg
- 300 × 295
/include/img/section_no.png
- 570 × 570
/include/img/product_no.png