Skip to content

B
bobcat-su_full
Commit b1e1916d authored by Sergey's avatar Sergey
Browse files
Options

Old changes

parent 72d70d9f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2261 additions and 114 deletions
baclup/icon_customImage.js 0 → 100644
View file @ b1e1916d
ymaps.ready(function () {
var office = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {"type": "Point", "coordinates": [55.909065, 37.539248]},
"properties": {}
},
{
"type": "Feature",
"id": 1,
"geometry": {"type": "Point", "coordinates": [59.876274, 30.260235]},
"properties": {}
},
{
"type": "Feature",
"id": 2,
"geometry": {"type": "Point", "coordinates": [56.822006, 60.650412]},
"properties": {}
}
]
};
var diler = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {"type": "Point", "coordinates": [56.065876, 92.953147]},
"properties": {}
},
{
"type": "Feature",
"id": 1,
"geometry": {"type": "Point", "coordinates": [53.719095, 91.397013]},
"properties": {}
},
{
"type": "Feature",
"id": 1,
"geometry": {"type": "Point", "coordinates": [52.277153, 104.355723]},
"properties": {}
},
{
"type": "Feature",
"id": 2,
"geometry": {"type": "Point", "coordinates": [52.611265, 39.574355]},
"properties": {}
}
]
};
var servce = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {"type": "Point", "coordinates": [55.815893, 37.773538]},
"properties": {}
}
]
};
var myMap = new ymaps.Map('map', {
center: [54.751574, 62.573856],
zoom: 4,
controls: ['zoomControl']
}),
objectManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
gridSize: 32,
clusterDisableClickZoom: true
});
dilerManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
gridSize: 24,
clusterDisableClickZoom: true
});
serviceManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
gridSize: 24,
clusterDisableClickZoom: true
});
serviceManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: '/local/templates/bobcatsu/images/img/marker-serv.png',
iconImageSize: [24, 32],
iconImageOffset: [-5, -38]
});
serviceManager.add(servce);
dilerManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: '/local/templates/bobcatsu/images/img/marker-dill.png',
iconImageSize: [24, 32],
iconImageOffset: [-5, -38]
});
dilerManager.add(diler);
objectManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: '/local/templates/bobcatsu/images/img/marker-red.png',
iconImageSize: [30, 40],
iconImageOffset: [-5, -38]
});
objectManager.add(office);
myMap.behaviors.disable('scrollZoom');
myMap.geoObjects
.add(serviceManager)
.add(dilerManager)
.add(objectManager);
var listBox = document.querySelectorAll('.map-list__item');
console.log(listBox);
if (listBox.length) {
listBox.forEach(function (item) {
item.addEventListener('click', function (e) {
console.log('here!');
myMap.setCenter(
[item.getAttribute('data-center-left'),item.getAttribute('data-center-right')],
item.getAttribute('data-zoom')
);
});
})
}
});
\ No newline at end of file
src/banners.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/menu-list-catalog/index.html
//= template/breadcrumb/index.html
<div class="wrapper" style="align-items: center; display: flex; flex-direction: column">
<!--slider-ba-->
<div class="slider-ba">
<ul class="slider-ba__list swiper-wrapper">
<li class="slider-ba__item swiper-slide">
<a href="#">
<img src="img/banner1.jpg">
</a>
</li>
<li class="slider-ba__item swiper-slide">
<a href="#">
<img src="img/banner2.jpg">
</a>
</li>
</ul>
<div class="swiper-pagination-ban"></div>
</div>
</div>
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/bu-tovar.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/menu-list-catalog/index.html
//= template/breadcrumb/index.html
//= template/bu-catalog/index.html
//= template/menu-list-bottom/index.html
//= template/popup/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/catalog-main.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/menu-list-catalog/index.html
//= template/breadcrumb/index.html
//= template/catalog-products-list-main/index.html
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/dop-catalog.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/menu-list-catalog/index.html
//= template/breadcrumb/index.html
//= template/catalog-dop-list/index.html
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/item.html
View file @ b1e1916d
......@@ -10,6 +10,8 @@
//= template/product-info/index.html
//= template/popup/index.html
//= template/product-slider-detal/index.html
//= template/common/footer.html
\ No newline at end of file
src/js-common/icon_customImage.js
View file @ b1e1916d
ymaps.ready(function () {
var officeTemp = [];
var dilerTemp = [];
var servceTemp = [];
var office = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {"type": "Point", "coordinates": [55.909065, 37.539248]},
"properties": {},
},
{
"type": "Feature",
"id": 1,
"geometry": {"type": "Point", "coordinates": [59.876274, 30.260235]},
"properties": {}
},
{
"type": "Feature",
"id": 2,
"geometry": {"type": "Point", "coordinates": [56.822006, 60.650412]},
"properties": {}
}
]
"features": []
};
var diler = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {"type": "Point", "coordinates": [56.065876, 92.953147]},
"properties": {},
},
{
"type": "Feature",
"id": 1,
"geometry": {"type": "Point", "coordinates": [53.719095, 91.397013]},
"properties": {},
},
{
"type": "Feature",
"id": 1,
"geometry": {"type": "Point", "coordinates": [52.277153, 104.355723]},
"properties": {},
},
{
"type": "Feature",
"id": 2,
"geometry": {"type": "Point", "coordinates": [52.611265, 39.574355]},
"properties": {},
}
]
"features": []
};
var servce = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {"type": "Point", "coordinates": [55.815893, 37.773538]},
"properties": {},
}
]
"features": []
};
var test = document.querySelectorAll('.map-list__item');
if(test.length){
test.forEach(function (itemTest) {
if(itemTest.getAttribute('data-group')=== 'O'){
officeTemp.push(itemTest);
}
if(itemTest.getAttribute('data-group')=== 'D'){
dilerTemp.push(itemTest);
}
if(itemTest.getAttribute('data-group')=== 'P'){
servceTemp.push(itemTest);
}
})
}
if(officeTemp.length){
officeTemp.forEach(function (officeItem, index) {
office.features[index] = {
"type": "Feature",
"id": index,
"geometry": {"type": "Point", "coordinates": [officeItem.getAttribute('data-center-left'), officeItem.getAttribute('data-center-right')]},
"properties": {
"balloonContentBody": officeItem.getAttribute('data-desc')
}
}
})
}
if(servceTemp.length){
servceTemp.forEach(function (servceItem, index) {
servce.features[index] = {
"type": "Feature",
"id": index,
"geometry": {"type": "Point", "coordinates": [servceItem.getAttribute('data-center-left'), servceItem.getAttribute('data-center-right')]},
"properties": {
"balloonContentBody": servceItem.getAttribute('data-desc')
}
}
})
}
if(dilerTemp.length){
dilerTemp.forEach(function (dilerItem, index) {
diler.features[index] = {
"type": "Feature",
"id": index,
"geometry": {"type": "Point", "coordinates": [dilerItem.getAttribute('data-center-left'), dilerItem.getAttribute('data-center-right')]},
"properties": {
"balloonContentBody": dilerItem.getAttribute('data-desc')
}
}
})
}
var myMap = new ymaps.Map('map', {
center: [54.751574, 62.573856],
zoom: 4,
......@@ -93,21 +92,21 @@ ymaps.ready(function () {
});
serviceManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: 'images/img/marker-serv.png',
iconImageHref: '/local/templates/bobcatsu/images/img/marker-serv.png',
iconImageSize: [24, 32],
iconImageOffset: [-5, -38]
});
serviceManager.add(servce);
dilerManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: 'images/img/marker-dill.png',
iconImageHref: '/local/templates/bobcatsu/images/img/marker-dill.png',
iconImageSize: [24, 32],
iconImageOffset: [-5, -38]
});
dilerManager.add(diler);
objectManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: 'images/img/marker-red.png',
iconImageHref: '/local/templates/bobcatsu/images/img/marker-red.png',
iconImageSize: [30, 40],
iconImageOffset: [-5, -38]
});
......
src/js/__polifill.js 0 → 100644
View file @ b1e1916d
'use strict';
(function () {
if (window.NodeList && !NodeList.prototype.forEach) {
NodeList.prototype.forEach = function (callback, thisArg) {
thisArg = thisArg || window;
for (var i = 0; i < this.length; i++) {
callback.call(thisArg, this[i], i, this);
}
};
}
})();
(function() {
// проверяем поддержку
if (!Element.prototype.closest) {
// реализуем
Element.prototype.closest = function(css) {
var node = this;
while (node) {
if (node.matches(css)) return node;
else node = node.parentElement;
}
return null;
};
}
})();
(function(e) {
var matches = e.matches || e.matchesSelector || e.webkitMatchesSelector || e.mozMatchesSelector || e.msMatchesSelector || e.oMatchesSelector;
!matches ? (e.matches = e.matchesSelector = function matches(selector) {
var matches = document.querySelectorAll(selector);
var th = this;
return Array.prototype.some.call(matches, function(e) {
return e === th;
});
}) : (e.matches = e.matchesSelector = matches);
})(Element.prototype);
\ No newline at end of file
src/js/banners-slider.js 0 → 100644
View file @ b1e1916d
'use strict';
(function () {
document.addEventListener('DOMContentLoaded', function () {
var mySwiperProduct = new Swiper ('.slider-ba', {
direction: 'horizontal',
slidesPerView: 1,
slidesPerGroup: 1,
loop: false,
simulateTouch: true,
pagination: {
el: '.swiper-pagination-ban',
clickable: true
},
autoplay: {
delay: 4000,
}
});
});
})();
\ No newline at end of file
src/js/bu-tov.js 0 → 100644
View file @ b1e1916d
'use strict';
(function () {
var buItemList = document.querySelector('.bu-tovar__list');
if(buItemList){
document.addEventListener('DOMContentLoaded', function () {
var mySwiperProductBu = new Swiper ('.bu-tovar__item-gall', {
direction: 'horizontal',
slidesPerView: 1,
slidesPerGroup: 1,
loop: false,
simulateTouch: true,
spaceBetween: 0,
pagination: {
el: '.swiper-pagination-bu-imem',
clickable: true
}
});
});
}
})();
\ No newline at end of file
src/js/catalog-menu.js
View file @ b1e1916d
......@@ -19,14 +19,16 @@
var getOtherItem = document.querySelectorAll('.menu-list__catalog .menu-list__link:not(.active)');
window.onresize = function () {
if (window.screen.width > 810) {
if (window.innerWidth > 1024) {
menuItemAc.removeEventListener('click', listner);
} else {
menuItemAc.addEventListener('click', listner);
menuItemAc.parentElement.classList.add('active');
}
};
if (window.screen.width < 810) {
if (window.innerWidth < 1024) {
menuItemAc.addEventListener('click', listner);
menuItemAc.parentElement.classList.add('active');
}
}
})();
src/js/form-inner.js 0 → 100644
View file @ b1e1916d
'use strict';
(function () {
function onSuccess(data) {
console.log(data);
var form = document.querySelector('.form-red__fm');
var succ = document.createElement('div');
succ.classList.add('form-red__succ');
succ.innerText = 'Ваше сообщение отправлено!';
form.appendChild(succ);
setTimeout(function () {
form.removeChild(succ);
}, 1500);
}
function onError(data) {
console.log(data)
}
function sendFormInner() {
var err = [];
var formSend = document.querySelector('.form-red__main');
formSend.addEventListener('submit', function (evt) {
evt.preventDefault();
var name = formSend.querySelector('#name');
if (!name.value) {
if (!name.parentElement.querySelector('.input-err')) {
name.insertAdjacentHTML("beforeBegin", '<p class="input-err input-err-red">Имя не заполненно </p>');
err.push('Имя');
setTimeout(function () {
name.parentElement.removeChild(name.parentElement.querySelector('.input-err'));
}, 1500)
}
} else {
if (err.includes('Имя')) {
err.splice('Имя');
}
}
var phone = formSend.querySelector('#tel');
if (phone.value === '+7(___)___-____' || phone.value === '' || phone.value.indexOf("_") > 0) {
if (!phone.parentElement.querySelector('.input-err')) {
var temp = '<p class="input-err input-err-red">Не верный телефон </p>';
phone.insertAdjacentHTML("beforeBegin", temp);
err.push('Телефон');
setTimeout(function () {
phone.parentElement.removeChild(phone.parentElement.querySelector('.input-err'));
}, 1500)
}
} else {
if (err.includes('Телефон')) {
err.splice('Телефон');
}
}
if (!err.length > 0) {
var xhr3 = new window.Backend();
console.log(xhr3);
var tempObj = {};
tempObj.name = name.value;
tempObj.phone = phone.value;
tempObj.message = document.querySelector('#message').value;
tempObj.url = location.pathname;
xhr3.saveData('/local/ajax/feedback.php', JSON.stringify(tempObj), onSuccess, onError);
console.log(tempObj);
} else {
console.log('есть ошибки');
}
});
}
window.addEventListener("DOMContentLoaded", function () {
function setCursorPosition(pos, elem) {
elem.focus();
if (elem.setSelectionRange) elem.setSelectionRange(pos, pos);
else if (elem.createTextRange) {
var range = elem.createTextRange();
range.collapse(true);
range.moveEnd("character", pos);
range.moveStart("character", pos);
range.select()
}
}
function mask(event) {
var matrix = this.defaultValue,
i = 0,
def = matrix.replace(/\D/g, ""),
val = this.value.replace(/\D/g, "");
def.length >= val.length && (val = def);
matrix = matrix.replace(/[_\d]/g, function (a) {
return val.charAt(i++) || "_"
});
this.value = matrix;
i = matrix.lastIndexOf(val.substr(-1));
i < matrix.length && matrix != this.defaultValue ? i++ : i = matrix.indexOf("_");
setCursorPosition(i, this)
}
if(document.querySelector('.form-red__fm')){
var input = document.querySelector(".form-red__fm #tel");
input.addEventListener("input", mask, false)
}
});
if(document.querySelector('.form-red')){
sendFormInner();
}
})();
\ No newline at end of file
src/js/form.js
View file @ b1e1916d
......@@ -21,8 +21,13 @@
function sendForm() {
var model = document.querySelector('.product__title-h1');
document.querySelector('.form__title').innerText = document.querySelector('.form__title').innerText + model.textContent;
document.querySelector('.form__textarea').innerHTML = 'Узнать цену на '+ model.textContent;
if(model){
document.querySelector('.form__title').innerText = document.querySelector('.form__title').innerText + model.textContent;
document.querySelector('.form__textarea').innerHTML = 'Узнать цену на '+ model.textContent;
}else {
//document.querySelector('.form__title').innerText = document.querySelector('.form__title').innerText + item.parentElement.parentElement.parentElement.querySelector('.bu-tovar__model').textContent;
//document.querySelector('.form__textarea').innerHTML = 'Узнать цену на '+ model.textContent;
}
var err = [];
var formSend = document.querySelector('#form-send');
formSend.addEventListener('submit', function (evt) {
......@@ -74,7 +79,7 @@
}
if (!err.length > 0) {
var xhr = window.Backend();
var xhr = new window.Backend();
var tempObj = {};
tempObj.name = name.value;
tempObj.phone = phone.value;
......@@ -126,7 +131,12 @@
});
function showPopup() {
function showPopup(item) {
if(item){
var model = item.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.querySelector('.bu-tovar__model').textContent;
document.querySelector('.form__title').innerText = document.querySelector('.form__title').innerText + model;
document.querySelector('.form__textarea').innerHTML = 'Узнать цену на '+ model;
}
document.querySelector('.form__overlay.hidden').classList.remove('hidden');
document.addEventListener('keydown', function (evt) {
if (evt.keyCode === 27) {
......@@ -146,4 +156,14 @@
})
});
}
var btnShowBU = document.querySelectorAll('.bu-tovar__popup');
if(btnShowBU.length){
btnShowBU.forEach(function (item) {
item.addEventListener('click', function (evt) {
evt.preventDefault();
showPopup(item);
})
})
}
})();
\ No newline at end of file
src/js/gallery-slider.js
View file @ b1e1916d
......@@ -29,7 +29,7 @@
simulateTouch: false,
spaceBetween: 4,
pagination: {
el: '.swiper-pagination-gallery-gallery',
el: '.swiper-pagination-gallery',
clickable: true
},
breakpoints: {
......
src/js/menu-main.js 0 → 100644
View file @ b1e1916d
'use strict';
(function () {
function clickMain(item){
var temp = item.target;
if(temp.classList.contains('menu-list__link_main')){
setTimeout(function () {
window.location.href = temp.getAttribute('href');
},300);
}else {
setTimeout(function () {
window.location.href = temp.parentElement.getAttribute('href');
},300);
}
}
if(document.querySelector('.menu-list__link_main')){
var allItem = document.querySelectorAll('.menu-list__link_main');
allItem[0].parentElement.parentElement.setAttribute('id', 'mainp');
window.onresize = function () {
if (window.innerWidth < 425) {
allItem.forEach(function (item) {
item.addEventListener('click', clickMain);
});
} else {
allItem.forEach(function (item) {
item.removeEventListener('click', clickMain);
});
}
};
if (window.innerWidth < 425) {
allItem.forEach(function (item) {
item.addEventListener('click', clickMain);
});
}
}
})();
\ No newline at end of file
src/js/news-slider.js
View file @ b1e1916d
'use strict';
(function () {
function setHeight(news) {
var temp = 0;
news.forEach(function (item) {
if (item.clientHeight > Number(temp)) {
temp = item.clientHeight;
}
});
news.forEach(function (item2) {
item2.style.height = temp + 'px';
var more = item2.querySelector('.news-item__link-more-wrap');
more.style.position = 'absolute';
more.style.bottom = 0;
more.style.right = 0;
});
}
function removeHeight(news){
news.forEach(function (item) {
item.style.removeProperty('height');
var more = item.querySelector('.news-item__link-more-wrap');
more.style.removeProperty('position');
more.style.removeProperty('bottom');
more.style.removeProperty('right');
})
}
document.addEventListener('DOMContentLoaded', function () {
var mySwiperMP2 = new Swiper ('.swiper-container-news', {
slidesPerView: 2,
spaceBetween: 30,
simulateTouch: false,
autoHeight: false,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
......@@ -18,5 +45,15 @@
}
}
});
var news = document.querySelectorAll('.news-main__item.swiper-slide');
if (news.length) {
setHeight(news);
window.onresize = function () {
removeHeight(news);
setHeight(news);
}
}
});
})();
\ No newline at end of file
src/js/slider-dop.js
View file @ b1e1916d
......@@ -10,7 +10,7 @@
spaceBetween: 4,
slidesPerGroup: 5,
pagination: {
el: '.swiper-pagination-naveska',
el: '.swiper-pagination-gallery-naveska',
clickable: true
}
});
......
src/sale-detail.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/breadcrumb/index.html
//= template/sale-detail/index.html
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/sale-list.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/breadcrumb/index.html
//= template/sale-list/index.html
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/scss/about-main/about-main.scss
View file @ b1e1916d
......@@ -20,18 +20,57 @@
display: flex;
align-items: flex-start;
}
.about-main__content-ruc{
.about-main__text{
display: flex;
}
}
.about-main__img{
margin-right: 30px;
max-width: 390px;
flex-shrink: 0;
}
.about-main__text{
.about-main__img-ruc{
max-width: 200px;
flex-shrink: 0;
border-radius: 50%;
padding: 5px;
background: white;
margin-bottom: 20px;
}
.about-main__title{
color: $grey-text;
text-align: center;
margin: 0;
}
.about-main__left{
display: flex;
align-items: center;
flex-direction: column;
margin-right: 30px;
margin-bottom: 20px;
}
.about-main__text-ruc{
color: $grey-text;
margin: 0;
font-size: 14px;
p{
margin: 0;
line-height: 1.5;
margin-bottom: 12px;
}
}
.about-main__text{
color: $grey-text;
margin: 0;
font-size: 16px;
p{
margin: 0;
line-height: 1.5;
margin-bottom: 12px;
}
}
@media screen and (max-width: 780px){
......@@ -53,4 +92,9 @@
.about-main__img{
max-width: 100%;
}
.about-main__content-ruc{
.about-main__text{
flex-direction: column;
}
}
}
src/scss/banners/banners.scss 0 → 100644
View file @ b1e1916d
.slider-ba{
overflow: hidden;
max-width: 850px;
width: 100%;
}
.slider-ba__list{
padding-left: 0;
list-style-type: none;
}
.swiper-pagination-ban{
display: flex;
justify-content: center;
padding-bottom: 20px;
}
.slider-ba__item{
display: flex;
justify-content: center;
width: 100%;
img{
width: 100%;
height: 100%;
}
}
\ No newline at end of file
src/scss/blog-detail/blog-detail.scss
View file @ b1e1916d
......@@ -10,6 +10,10 @@
flex-shrink: 0;
}
.blog-d__text{
color: $grey-text;
}
.blog-d__img{
max-width: 100%;
}
......@@ -40,7 +44,11 @@
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 1182px){
.blog-d__left{
margin-right: 15px;
}
}
@media screen and (max-width: 740px){
.blog-d__main{
flex-direction: column;
......
src/scss/bu-catalog/bu-catalog.scss 0 → 100644
View file @ b1e1916d
@import "../settings/color";
.bu-tovar__wrap{
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.bu-banner{
img{
max-width: 100%;
max-height: 100px;
}
}
.bu-tovar__h{
margin: 20px 0 !important;
}
.bu-tovar__list{
width: 100%;
display: flex;
/*flex-wrap: wrap;*/
flex-flow: row wrap;
padding-left: 0;
list-style-type: none;
}
.bu-tovar__item{
width: 33%;
padding: 0 20px;
overflow: hidden;
margin-bottom: 35px;
}
.bu-tovar__href{
text-decoration: none;
color: $grey-text;
display: flex;
overflow: hidden;
flex-direction: column;
}
.bu-tovar__item-top{
display: flex;
background: $grey-product;
justify-content: space-between;
align-items: center;
padding: 7px;
transition: .2s;
}
.bu-tovar__model{
font-weight: bold;
font-size: 24px;
}
.bu-tovar__characteristic-item{
margin: 0;
font-size: 14px;
}
.bu-tovar__item-gall{
position: relative;
}
.bu-tovar__gall-list{
list-style-type: none;
padding-left: 0;
}
.swiper-pagination-bu-imem{
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: flex;
justify-content: center;
}
.bu-tovar__gall-item{
width: 100%;
/*height: 237px;*/
align-items: center;
justify-content: center;
display: flex;
img{
max-width: 100%;
/*max-height:100%*/
/*height: 237px;*/
}
}
.bu-tovar__characteristic{
flex-shrink: 0;
}
.bu-tovar__characteristic-tb{
background: $grey-product;
padding: 5px;
table{
width: 100%;
}
table tr{
display: flex;
justify-content: space-between;
}
}
.bu-tovar__popup{
color: $red-color;
}
.bu-tovar__item:hover{
.bu-tovar__item-top{
background: $red-color;
color: white;
}
}
@media screen and (max-width: 1024px){
.bu-tovar__item {
width: 50%;
}
}
@media screen and (max-width: 625px){
.bu-tovar__item {
width: 100%;
}
}
src/scss/catalog-dop-list/catalog-dop-list.scss 0 → 100644
View file @ b1e1916d
@import "../settings/color";
.dop-catalog__wrap{
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
margin-top: 30px !important;
}
.dop-catalog__list{
list-style-type: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.dop-catalog__item{
width: 25%;
margin-bottom: 30px;
}
.dop-catalog__item-link{
display: flex;
position: relative;
min-height: 300px;
text-decoration: none;
color: $grey-text;
transition: .2s;
width: 100%;
margin-left: 15px;
}
.dop-catalog__item-left{
background: $grey-product;
width: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
transition: .2s;
}
.dop-item__left-logo{
max-height: 30px;
width: 100px;
transform: rotate(-90deg);
fill: white;
margin-top: 40px;
}
.dop-catalog__item-img{
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
}
.dop-catalog__item-title{
max-width: 150px;
margin-left: 15px;
}
.dop-catalog__item-link:hover{
transform: translateY(-10px);
.dop-catalog__item-left{
background: $red-color;
}
}
@media screen and (max-width: 1024px) {
.dop-catalog__item{
width: 33%;
}
}
@media screen and (max-width: 764px) {
.dop-catalog__item{
width: 50%;
}
}
@media screen and (max-width: 462px) {
.dop-catalog__list{
justify-content: center;
}
.dop-catalog__item{
max-width: 284px;
width: 100%;
}
}
\ No newline at end of file
src/scss/catalog-main/catalog-main.scss 0 → 100644
View file @ b1e1916d
.catalog-main{
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
.h2__products-list{
margin: 20px 0;
}
}
\ No newline at end of file
src/scss/catalog-products-list/catalog-products-list.scss
View file @ b1e1916d
......@@ -89,7 +89,11 @@
}
@media screen and (max-width: 425px){
.products-list__list{
justify-content: center;
}
.product-item{
width: 100%;
max-width: 275px;
}
}
\ No newline at end of file
src/scss/common/error/error-404.scss
View file @ b1e1916d
@import "../../settings/color";
.error-404__wrap{
display: flex;
flex-direction: column;
......@@ -13,6 +14,7 @@
.error-404__text{
max-width: 660px;
padding: 0 10px;
color: $grey-text;
}
.error__btn{
......
src/scss/common/footer/footer-list.scss
View file @ b1e1916d
......@@ -28,7 +28,7 @@
}
.footer__item{
margin-bottom: 8px;
margin-bottom: 10px;
}
.footer__item-link{
......
src/scss/common/header/header-contact.scss
View file @ b1e1916d
......@@ -16,6 +16,7 @@
display: flex;
align-items: center;
position: relative;
padding-left: 14px;
&:after{
content: "";
display: inline-block;
......@@ -28,10 +29,12 @@
background: $white-text;
}
}
.header__mail{
display: flex;
}
.header__mail-ico{
max-width: 25px;
max-height: 25px;
max-height: 18px;
fill: $white-text;
}
......@@ -52,9 +55,21 @@
.header__phone-text{
margin: 0;
}
.header__logo{
margin-left: 9px;
}
.header__logo-ico{
fill: $white-text;
max-width: 150px;
max-height: 40px;
}
.af-new-h{
margin: 30px 0;
}
@media screen and (max-width: 1169px){
.header__logo{
margin-left: 0;
}
}
\ No newline at end of file
src/scss/common/header/header-main.scss
View file @ b1e1916d
......@@ -41,10 +41,11 @@
height: 60px;
align-items: center;
justify-content: center;
padding: 3px;
img{
margin-top: 2px;
margin-left: 1px;
max-height: 60px;
/*margin-top: 2px;
margin-left: 1px;*/
max-height: 100%;
}
}
src/scss/common/header/header-nav.scss
View file @ b1e1916d
......@@ -17,10 +17,32 @@
align-items: center;
justify-content: space-between;
}
.nav__item{
position: relative;
height: 100%;
display: flex;
align-items: center;
.nav__link {
/*transition: .2s;*/
}
}
.nav__item:hover{
.nav__link{
font-weight: bold;
transform: scale(1.06);
}
}
.nav__item.active{
&:after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 64px;
height: 20px;
background: url("../img/menu-active.png") no-repeat;
background-size: contain;
transform: translate(-50%, 50%);
}
}
......@@ -35,6 +57,10 @@
display: none;
height: auto;
}
.nav__item.active{
&:after{
display: none;
}}
.header__nav.active{
display: flex;
position: absolute;
......@@ -67,6 +93,7 @@
text-align: center;
padding: 15px 0;
position: relative;
justify-content: center;
&:after{
content: "";
display: block;
......@@ -77,6 +104,19 @@
left: 0;
background: #ffffff40;
}
&.active{
&:after{
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background: #ffffff40;
transform: none;
}
}
}
.header__contacts-list{
flex-direction: column-reverse;
......@@ -87,6 +127,7 @@
.header__wrapper{
justify-content: space-between;
margin-bottom: 40px;
margin-top: 6px;
}
.header{
height: auto;
......
src/scss/contact-bottom/contact-bottom.scss
View file @ b1e1916d
......@@ -58,10 +58,15 @@
.map-list__city{
list-style-type: none;
padding-left: 0;
cursor: pointer;
}
.map-list__item{
padding: 7px 0;
cursor: pointer;
&:hover{
color: $red-color;
}
}
@media screen and (max-width: 1024px){
.map-list__marker{
......
src/scss/contact-main/contact-main.scss
View file @ b1e1916d
......@@ -70,6 +70,99 @@
font-weight: normal;
}
.contact-peop__title{
font-size: 18px
}
.contact-peop__wrap{
display: flex;
align-items: center;
}
.contact-peop__desc{
display: flex;
flex-direction: column;
align-items: center;
}
.contact-peop__img{
max-width: 100px;
border-radius: 50%;
margin-right: 15px;
}
.contact-new{
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
.map-list__h{
width: auto;
span{
font-size: 14px;
text-transform: none;
margin-left: 5px;
}
}
.map-list__marker{
left: 0;
bottom: 50%;
transform: translate(-100%, 50%);
}
}
.contact-new__wrap{
margin-top: -10px;
width: 100%;
background: $grey-product;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
.about-main__title{
text-align: left;
}
.contact-peop__desc{
align-items: flex-start;
}
}
.contact-new__adr{
p{
margin-bottom: 0;
line-height: 1.5;
}
a{
margin-top: 5px;
display: flex;
align-items: center;
}
}
.contact-new__content{
display: flex;
p{
margin-right: 30px;
}
}
@media screen and (max-width: 900px){
.contact-peop__wrap{
flex-direction: column;
}
.contact-peop__img{
margin-right: 0;
}
.contact-new__content{
.contact-peop__wrap{
flex-direction: row;
}
.contact-peop__img{
margin-right: 15px;
}
}
}
@media screen and (max-width: 760px){
.contact-city__img{
display: none;
......@@ -94,7 +187,26 @@
}
}
}
@media screen and (max-width: 700px){
.contact-new__wrap{
margin-top: 0;
}
}
@media screen and (max-width: 612px){
.contact-new__content{
flex-direction: column;
}
.contact-new__content p{
margin-right: 0;
}
.contact-new__adr{
margin-bottom: 15px;
text-align: center;
a{
justify-content: center;
}
}
}
@media screen and (max-width: 600px){
.contact-city__item{
width: 100%;
......@@ -107,4 +219,8 @@
transform: translate(50%, 0);
}
}
.contact-new .map-list__h {
width: 168px;
flex-direction: column;
}
}
\ No newline at end of file
src/scss/main-slider/main-slider-common.scss
View file @ b1e1916d
......@@ -6,6 +6,7 @@
}
.main-slider__wrapper{
position: relative;
.swiper-pagination-bullet{
position: relative;
width: 15px;
......@@ -30,3 +31,34 @@
}
}
.logo-slider-main{
position: absolute;
padding: 15px;
width: 20%;
z-index: 9;
top: 0;
right: 0;
opacity: .8;
/*display: flex;
align-items: flex-start;
justify-content: flex-end;
background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);*/
img{
max-width: 100%;
padding: 8px;
background: white;
border-radius: 50%;
}
/*transform: rotate(45deg);*/
}
@media screen and (max-width: 704px){
.logo-slider-main{
width: 30%;
padding: 8px;
img{
padding: 3px;
}
}
}
src/scss/menu-list-bottom/menu-list-bottom.scss
View file @ b1e1916d
......@@ -14,6 +14,7 @@
}
.menu-list__item-bottom{
width: 20%;
.menu-list__ico{
max-width: 140px;
}
......@@ -36,7 +37,7 @@
}
}
@media screen and (max-width: 960px) {
@media screen and (max-width: 1007px) {
.menu-list__list-bottom{
flex-wrap: wrap;
.menu-list__item-bottom{
......
src/scss/menu-list/menu-list-main.scss
View file @ b1e1916d
......@@ -3,7 +3,6 @@
.menu-list {
background: $menu-list;
}
.menu-list__wrapper {
padding: 0 20px;
}
......@@ -17,11 +16,13 @@
}
.menu-list__tit{
margin-bottom: 0
margin-bottom: 0;
width: 89%;
}
.menu-list__item {
position: relative;
width: 16.6%;
&:after {
content: "";
......@@ -65,14 +66,28 @@
@media screen and (max-width: 1024px){
.menu-list__item{
img{
width: 100%;
/*width: 100%;*/
}
}
}
@media screen and (max-width: 810px){
@media screen and (max-width: 1101px){
.menu-list__tit{
width: 97%;
}
}
@media screen and (max-width: 1033px){
.menu-list__tit{
width: 100%;
}
}
@media screen and (max-width: 1024px){
.menu-list__mainpage{
flex-wrap: wrap;
}
.menu-list__list:not(#mainp) .menu-list__item.active{
order: -1;
}
.menu-list__item {
width: 33%;
text-align: center;
......@@ -140,7 +155,9 @@
.menu-list__item {
width: 100%;
}
#mainp .menu-list__link.active{
background: none;
}
.menu-list__list {
flex-wrap: wrap;
}
......
src/scss/news-main/news-main.scss
View file @ b1e1916d
......@@ -80,8 +80,18 @@
display: flex;
padding: 0 20px;
width: 500px;
p{
color: $grey-text;
}
}
/*.news-item__content{
min-height: 185px;
display: flex;
flex-direction: column;
justify-content: space-between;
}*/
.slider-nav{
display: flex;
width: 50px;
......
src/scss/product-info/product-info.scss
View file @ b1e1916d
......@@ -31,6 +31,7 @@
.product__info-body{
display: none;
color: $grey-text;
}
.product__info-item.active .product__info-body{
......
src/scss/product-main/product-main.scss
View file @ b1e1916d
......@@ -54,6 +54,9 @@
width: 30px;
border-radius: 20px;
outline: none;
opacity: 1;
background: #0000005c;
border: 1px solid white;
}
.swiper-pagination-bullet-active{
background: $red-color;
......
src/scss/product-slider/product-slider.scss
View file @ b1e1916d
@import "../settings/color";
.product-slider{
padding: 45px 0;
width: 100%;
overflow: hidden;
}
.product-slider__wrapper{
widows: 100%;
/*widows: 100%;*/
visibility: hidden;
opacity: 0;
height: 0;
......@@ -14,6 +13,7 @@
}
.product-slider__wrapper.active{
padding: 45px 0;
display: flex;
align-items: center;
flex-direction: column;
......@@ -81,7 +81,7 @@
transform: translateY(-10px);
}
}
@media screen and (max-width: 1024px){
@media screen and (max-width: 1170px){
.product-slider__wrapper{
width: 100%;
}
......@@ -93,7 +93,7 @@
}
}
@media screen and (max-width:425px) {
.product-slider{
display: none;
.main-product-slider{
display: none !important;
}
}
\ No newline at end of file
src/scss/sale-list/sale-list.scss 0 → 100644
View file @ b1e1916d
@import "../settings/color";
.service__top-wrap{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
img{
border-radius: 50%;
max-width: 200px;
max-height: 200px;
background: white;
margin-bottom: 20px;
margin-right: 20px;
}
p{
margin: 0;
margin-top: -20px;
}
}
.service__top-lf{
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 550px){
.service__top-wrap {
flex-direction: column;
p{
margin-top: 20px;
}
img{
margin: 0;
}
}
}
.sale-list__wrap{
display: flex;
align-items: center;
flex-direction: column;
}
.sale-list__list{
display: flex;
padding-left: 0;
list-style-type: none;
width: 100%;
flex-wrap: wrap;
margin: 15px;
}
.sale-list__item{
width: 50%;
margin-bottom: 25px;
}
.sale-list__href{
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
margin: 0 20px;
border-radius: 5px;
padding: 15px;
-webkit-box-shadow: 0px 0px 13px -2px rgba(156,156,156,1);
-moz-box-shadow: 0px 0px 13px -2px rgba(156,156,156,1);
box-shadow: 0px 0px 13px -2px rgba(156,156,156,1);
}
.sale-list__tit{
text-decoration: underline;
}
.sale-list__img{
max-width: 450px;
max-height: 270px;
width: 100%;
}
.sale-list__desc{
max-width: 360px;
color: $grey-text;
}
.sale-detail__wrap{
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.sale-detail__text{
max-width: 750px;
margin: 0 10px;
color: $grey-text;
}
.zapch-main__wrapper{
display: flex;
color: $grey-text;
flex-direction: column;
align-items: center;
overflow: hidden;
p{
max-width: 650px;
}
.contact-h1__wrap{
overflow: visible;
}
}
.zapch__top-list {
.service__top-item{
width: 25%;
img{
max-height: 100px;
}
p{
max-width: 250px;
min-height: 40px;
}
}
}
@media screen and (max-width: 760px){
.zapch__top-list {
.service__top-item {
width: 33%;
}
}
}
@media screen and (max-width: 650px){
.sale-list__item{
width: 100%;
}
}
@media screen and (max-width: 600px){
.zapch__top-list {
.service__top-item {
width: 50%;
}
}
}
@media screen and (max-width: 425px){
.zapch__top-list {
.service__top-item {
width: 100%;
}
}
}
src/scss/service-main/service-main.scss 0 → 100644
View file @ b1e1916d
@import "../settings/color";
.service__top{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.service__top-text{
max-width: 650px;
color: $grey-text;
}
.service__top-list{
width: 100%;
list-style-type: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.service__top-item{
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 50px;
justify-content: space-between;
text-align: center;
p{
color: $grey-text;
font-weight: bold;
}
}
.service__grey{
border-top: 3px solid $grey-text;
border-bottom: 3px solid $grey-text;
background: $grey-product;
}
.service__grey-wrap{
display: flex;
flex-direction: column;
align-items: center;
}
.service__grey-h2{
text-transform: uppercase;
color: $grey-text;
text-align: center;
}
.service__grey-main{
display: flex;
max-width: 990px;
padding-bottom: 30px;
flex-wrap: wrap;
}
.service__grey-bl{
width: 50%;
color: $grey-text;
li{
margin-bottom: 15px;
}
}
.grey-bl__left{
padding-right: 25px;
line-height: 1.5;
}
.service__preim-wrap{
display: flex;
color: $grey-text;
flex-direction: column;
align-items: center;
overflow: hidden;
.service__preim-h{
padding: 50px 25px;
}
}
.service__preim-list{
display: flex;
list-style-type: none;
padding-left: 0;
justify-content: space-between;
flex-wrap: wrap;
}
.service__preim-item{
width: 30%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.service__preim-desc{
text-align: left;
max-width: 250px;
}
.line-red{
height: 3px;
max-width: 70px;
background: $red-color;
width: 100%;
}
.service__preim-text{
max-width: 700px;
padding: 50px 0;
}
.form-red{
background: $red-color;
color: $white-text;
}
.form-red__wrap{
display: flex;
padding: 20px 0;
flex-wrap: wrap;
}
.form-red__h{
max-width: 270px;
text-align: right;
position: relative;
text-transform: uppercase;
&:after{
content: "";
display: block;
width: 3px;
height: 100%;
background: $white-text;
position: absolute;
right: 0;
top: 50%;
transform: translate(40px, -50%);
}
}
.form-red__bl{
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.form-red__main{
width: 100%;
}
.form-red__fm{
display: flex;
flex-direction: column;
align-items: center;
position: relative;
label{
width: 100%;
margin-top: 11px;
position: relative;
}
input{
width: 100%;
border: 1px solid $grey-text;
height: 35px;
padding: 0 10px;
}
textarea{
margin: 22px 0;
width: 100%;
border: 1px solid $grey-text;
height: 90px;
padding: 10px;
}
button{
background: white;
border-radius: 5px;
padding: 10px 15px;
border: none;
text-transform: uppercase;
color: $red-color;
font-weight: bold;
}
}
.form-red-in-wr{
width: 100%;
position: relative;
}
.input-err-red{
margin-top: -4px;
}
.form-red__succ {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background: $red-color;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1200px){
.form-red__main {
padding-right: 10px;
}
}
@media screen and (max-width: 1008px){
.service__grey-main, .service__preim-list, .service__preim-text{
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 750px){
.form-red__bl{
width: 100%;
}
.form-red__main {
padding: 0 10px;
}
.form-red__h{
max-width: 100%;
text-align: center;
&:after{
display: none;
}
}
}
@media screen and (max-width: 670px){
.service__top-text{
padding-left: 10px;
padding-right: 10px;
}
.service__grey-bl{
width: 100%;
}
}
@media screen and (max-width: 670px){
.service__preim-item{
width: 48%;
}
}
@media screen and (max-width: 425px){
.service__top-item{
width: 50%;
}
}
@media screen and (max-width: 380px){
.service__preim-item{
width: 100%;
}
}
\ No newline at end of file
src/scss/settings/common-style.scss
View file @ b1e1916d
......@@ -52,6 +52,15 @@ body{
pointer-events: auto !important;
}
a{
color: $red-color;
}
.p-about-bold{
font-weight: bold;
padding-bottom: 12px;
}
@media screen and (max-width: 1170px){
.wrapper{
width: 100%;
......
src/service.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/breadcrumb/index.html
//= template/service-main/index.html
//= template/service-form/index.html
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/template/about-main/index.html
View file @ b1e1916d
......@@ -2,16 +2,40 @@
<div class="wrapper about-main__wrapper">
<h2 class="h2-line h2-about">О компании</h2>
<div class="about-main__content">
<img src="img/about-main.png" class="about-main__img">
<div class="about-main__left">
<img src="img/photo-about.jpg" class="about-main__img">
<p class="about-main__title">Александр суворов<br>Руководитель проекта</p>
</div>
<div class="about-main__text">
<p>Компания: Основана в Северной Дакоте, ведет деятельность по всему миру
Компания Bobcat лидирует в сферах разработки, производства, продвижения и реализации компактного оборудования для строительства, подрядных услуг, ландшафтного дизайна, сельского хозяйства, обслуживания дорог, коммунального хозяйства, промышленности и горной добычи. Мы стремимся помогать нашим заказчикам делать работу рационально и эффективно.
Наша компания глубоко укоренилась в Северной Дакоте – она была здесь образ
ована в далеком 1947 году. В настоящее время компания владеет тремя заводами в Северной Дакоте и является крупнейшим производителем этого штата. Кроме того, заводы Bobcat расположены во Франции, Чешской Республике и Китае.
<br><br>
Bobcat входит в группу компаний Doosan. Корпорация Doosan является мировым лидером в производстве строительной техники, энергетического оборудования, систем водоснабжения, двигателей и предоставлении инженерных решений заказчикам на протяжении более ста лет.
<br><br>
В 2017 году представительство компании Bobcat в регионе Европы, Ближнего Востока и Африки переместили</p>
<p>БОБКЕТ-ПРОФИ – это капитаны Bobcat, команда лучших профессионалов по продвижению и максимальной
популяризации бренда в России. Наши неутомимые сотрудники, управленческий аппарат, специалисты по
продажам, консультационный персонал и сервисные инженеры-механики с руками из чистого золота за
последние десятилетия накопили бесценный опыт работы с этим наилучшим до сих пор продуктом
компактного тяжелого машиностроения. За эти годы наша вера в Bobcat не только не уменьшилась, но
лишь окрепла и увеличилась в разы. Мы счастливы, что выбрали именно этот путь и следуем по нему вне
зависимости от экономических катаклизмов на рынке в целом и изменения приоритетов внутри каждого
российского импортёра, в частности. </p>
<p>Коллектив БОБКЕТ-ПРОФИ постоянно аккумулирует в своём составе лучшие центральные и региональные
кадры, накапливает знания и опыт лишь для того, чтобы применять полученные профессиональные навыки
на благо развития бренда Bobcat в России. Наша цель – это ваше доверие и спокойствие. БОБКЕТ-ПРОФИ
всегда рядом и он никогда не подведет. Bobcat – лучшая в мире техника, а БОБКЕТ-ПРОФИ хранители
репутации производителя. Мы центр сервисных и гарантийных обращений, дистрибуционный склад для
техники и з/ч. Оказываем технические консультационные услуги по машинам ВСЕХ годов выпуска и всех
полевых модификаций. Принимаем технику на восстановление и реализацию в любом техническом и
косметическом состоянии.</p>
<p>Новое время меняет подход к продвижению бренда Bobcat в России. Именно для этого и появились МЫ.
Всему своё время. И это время пришло. БОБКЕТ-ПРОФИ прямой импортёр Bobcat с правами дистрибуции по
России. Мы производим экспресс - оценку вашей компании и начинаем эффективную работу с центрального
склада в РФ в вашем регионе через ваш персонал с постоянной полной информационной поддержкой. Мы
выводим ВАШ сервис на новый уровень и полностью погружаем ВАС в нашу веру: а именно – веру в Bobcat.
Такова наша стратегия работы вкратце.</p>
<p>Bobcat производят с 1958 г. В 2001 г. был изготовлен 500 000-ый погрузчик. А уже в 2014 – Миллионный
!!! 40 лет ушло на производство первых 500 000 машин, а уже следующие всего 13 лет сделали вторую
половину миллиона. Так не пора ли и нам с ВАМИ ворваться в эту жизнь на взмыленных конях, увеличив
эту цифру вдвое и захватив нашу планету целиком, а не всего наполовину. Ведь по статистике доля
Bobcat на мировом рынке сейчас всего лишь 50% и Bobcat – это лишь каждый второй погрузчик в мире.
Нам кажется, что это форменное свинство. Bobcatом должен быть в итоге – каждый первый.</p>
<p>Это задача БОБКЕТ-ПРОФИ !!! Давайте выполним эту задачу – ВМЕСТЕ.</p>
</div>
</div>
</div>
......
src/template/bu-catalog/index.html 0 → 100644
View file @ b1e1916d
<div class="wrapper bu-tovar__wrap">
<div class="bu-banner">
<img src="/img/banner.png" alt="Техника Б/У">
</div>
<h1 class="h2-line bu-tovar__h">Техника Б/У</h1>
<ul class="bu-tovar__list">
<li class="bu-tovar__item">
<a href="#" class="bu-tovar__href">
<div class="bu-tovar__item-top">
<div class="bu-tovar__model">Bobcat S70</div>
<div class="bu-tovar__characteristic"><p class="bu-tovar__characteristic-item">2012 г.в</p>
<p class="bu-tovar__characteristic-item">50 000 м/ч</p></div>
</div>
<div class="bu-tovar__item-gall">
<ul class="bu-tovar__gall-list swiper-wrapper">
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/e92/300_250_0/Bobcat-e26.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
</ul>
<div class="swiper-pagination-bu-imem"></div>
</div>
</a>
</li>
<li class="bu-tovar__item">
<a href="#" class="bu-tovar__href">
<div class="bu-tovar__item-top">
<div class="bu-tovar__model">Bobcat S70</div>
<div class="bu-tovar__characteristic"><p class="bu-tovar__characteristic-item">2012 г.в</p>
<p class="bu-tovar__characteristic-item">50 000 м/ч</p></div>
</div>
<div class="bu-tovar__item-gall">
<ul class="bu-tovar__gall-list swiper-wrapper">
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/e92/300_250_0/Bobcat-e26.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
</ul>
<div class="swiper-pagination-bu-imem"></div>
</div>
</a>
</li>
<li class="bu-tovar__item">
<a href="#" class="bu-tovar__href">
<div class="bu-tovar__item-top">
<div class="bu-tovar__model">Bobcat S70</div>
<div class="bu-tovar__characteristic"><p class="bu-tovar__characteristic-item">2012 г.в</p>
<p class="bu-tovar__characteristic-item">50 000 м/ч</p></div>
</div>
<div class="bu-tovar__item-gall">
<ul class="bu-tovar__gall-list swiper-wrapper">
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/e92/300_250_0/Bobcat-e26.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
</ul>
<div class="swiper-pagination-bu-imem"></div>
</div>
</a>
</li>
<li class="bu-tovar__item">
<div class="bu-tovar__href">
<div class="bu-tovar__item-top">
<div class="bu-tovar__model">Bobcat S70</div>
<div class="bu-tovar__characteristic"><p class="bu-tovar__characteristic-item">2012 г.в</p>
<p class="bu-tovar__characteristic-item">50 000 м/ч</p></div>
</div>
<div class="bu-tovar__item-gall">
<ul class="bu-tovar__gall-list swiper-wrapper">
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/c72/S100-b-1.jpg" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/e92/300_250_0/Bobcat-e26.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
</ul>
<div class="swiper-pagination-bu-imem"></div>
</div>
<div class="bu-tovar__characteristic-tb">
<table>
<tr>
<td>Модель</td>
<td>Bobcat s70</td>
</tr>
<tr>
<td>Год выпуска</td>
<td>2000</td>
</tr>
<tr>
<td>Цена</td>
<td><a href="" class="bu-tovar__popup">по запросу</a></td>
</tr>
</table>
</div>
</div>
</li>
<li class="bu-tovar__item">
<div class="bu-tovar__href">
<div class="bu-tovar__item-top">
<div class="bu-tovar__model">Bobcat S70</div>
<div class="bu-tovar__characteristic"><p class="bu-tovar__characteristic-item">2012 г.в</p>
<p class="bu-tovar__characteristic-item">50 000 м/ч</p></div>
</div>
<div class="bu-tovar__item-gall">
<ul class="bu-tovar__gall-list swiper-wrapper">
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/c72/S100-b-1.jpg" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/e92/300_250_0/Bobcat-e26.png" alt="Bobcat S70">
</li>
<li class="bu-tovar__gall-item swiper-slide">
<img src="img/bu-item.png" alt="Bobcat S70">
</li>
</ul>
<div class="swiper-pagination-bu-imem"></div>
</div>
<div class="bu-tovar__characteristic-tb">
<table>
<tr>
<td>Модель</td>
<td>Bobcat s70</td>
</tr>
<tr>
<td>Год выпуска</td>
<td>2000</td>
</tr>
<tr>
<td>Цена</td>
<td><a href="" class="bu-tovar__popup">по запросу</a></td>
</tr>
</table>
</div>
</div>
</li>
</ul>
</div>
\ No newline at end of file
src/template/catalog-dop-list/index.html 0 → 100644
View file @ b1e1916d
<div class="wrapper dop-catalog__wrap">
<h1 class="h2-line h2__products-list">Мини-экскаваторы</h1>
<ul class="dop-catalog__list">
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
<li class="dop-catalog__item">
<a href="#" class="dop-catalog__item-link">
<div class="dop-catalog__item-left">
<svg class="dop-item__left-logo">
<use xlink:href="img/sprite-vector.svg#logo"></use>
</svg>
</div>
<p class="dop-catalog__item-title"><b>Фреза для ямочного ремонта</b><br> (Холодная фреза)</p>
<img src="img/test-dop.png" class="dop-catalog__item-img">
</a>
</li>
</ul>
</div>
\ No newline at end of file
src/template/catalog-products-list-main/index.html 0 → 100644
View file @ b1e1916d
This diff is collapsed.
src/template/common/header.html
View file @ b1e1916d
......@@ -13,11 +13,11 @@
<div class="wrapper header__wrapper">
<div class="header__bl header__bl-nav">
<div class="logo__main">
<img src="img/logo-main.png" alt="Лого">
<img src="img/logo_N1.png" alt="Лого">
</div>
<nav class="header__nav">
<ul class="header__nav-list nav__list">
<li class="nav__item"><a class="nav__link" href="#">Каталог</a></li>
<li class="nav__item active"><a class="nav__link" href="#">Каталог</a></li>
<li class="nav__item"><a class="nav__link" href="#">Сервис</a></li>
<li class="nav__item"><a class="nav__link" href="#">Запчасти</a></li>
<li class="nav__item"><a class="nav__link" href="#">Аренда</a></li>
......
src/template/contact-bottom/index.html
View file @ b1e1916d
......@@ -5,32 +5,57 @@
<li class="contact__map-item">
<div class="map-list__h">
Офисы
<div class="map-list__marker"><img src="img/marker-red.png" class="map-list__marker-img" alt="Маркер Яндекс"></div>
<div class="map-list__marker"><img src="/local/templates/bobcatsu/images/img/marker-red.png" class="map-list__marker-img" alt="Маркер Яндекс"></div>
</div>
<ul class="map-list__city">
<li class="map-list__item" data-center-left="55.909065" data-center-right="37.539248" data-zoom="8">Москва</li>
<li class="map-list__item">Санкт-Петербург</li>
<li class="map-list__item">Екатеренбург</li>
<li class="map-list__item" data-group="O" data-center-left="55.909065" data-center-right="37.539248" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Москва<!-- </a>-->
</li>
<li class="map-list__item" data-group="O" data-center-left="59.876274" data-center-right="30.260235" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Санкт-Петербург<!-- </a>-->
</li>
<li class="map-list__item" data-group="O" data-center-left="56.822006" data-center-right="60.650412" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Екатеринбург<!-- </a>-->
</li>
</ul>
</li>
<li class="contact__map-item">
<div class="map-list__h">
ДИЛЕР
<div class="map-list__marker"><img src="img/marker-dill.png" class="map-list__marker-img" alt="Маркер Яндекс"></div>
<div class="map-list__marker"><img src="/local/templates/bobcatsu/images/img/marker-dill.png" class="map-list__marker-img" alt="Маркер Яндекс"></div>
</div>
<ul class="map-list__city">
<li class="map-list__item">Енисей</li>
<li class="map-list__item">Сибирь</li>
<li class="map-list__item">СтройАктив</li>
<li class="map-list__item" data-group="D" data-center-left="56.065876" data-center-right="92.953147" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Красноярск (ЕНИСЕЙ-М)<!-- </a>-->
</li>
<li class="map-list__item" data-group="D" data-center-left="53.719095" data-center-right="91.397013" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Абакан (ЕНИСЕЙ-М)<!-- </a>-->
</li>
<li class="map-list__item" data-group="D" data-center-left="52.277153" data-center-right="104.355723" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Иркутск (Сибирь)<!-- </a>-->
</li>
<li class="map-list__item" data-group="D" data-center-left="52.608820" data-center-right="39.599220" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Липецк (СтройАктив)<!-- </a>-->
</li>
</ul>
</li>
<li class="contact__map-item">
<div class="map-list__h">
Сервисный партнёр
<div class="map-list__marker"><img src="img/marker-serv.png" class="map-list__marker-img" alt="Маркер Яндекс"></div>
<div class="map-list__marker"><img src="/local/templates/bobcatsu/images/img/marker-serv.png" class="map-list__marker-img" alt="Маркер Яндекс"></div>
</div>
<ul class="map-list__city">
<li class="map-list__item">Ангара групп</li>
<!-- --><!-- --><!-- --> <li class="map-list__item" data-group="P" data-center-left="56.821809" data-center-right="101.352880" data-zoom="8">
<!-- <a href="--><!--" class="contacts-link">-->
Москва (Ангара групп)<!-- </a>-->
</li>
</ul>
</li>
</ul>
......
src/template/contact-main/index.html
View file @ b1e1916d
......@@ -22,6 +22,16 @@
<a href="mailto:bobcat@mail.com" class="header__phone-text">bobcat@mail.com</a>
</li>
</ul>
<p class="contact-peop__title">Наши сотрудники</p>
<div class="contact-peop__wrap">
<img class="contact-peop__img"
src="http://bobcatsu.dev-sp.vmgr.ru/local/templates/bobcatsu/images/img/zapchasti-top.jpg">
<div class="contact-peop__desc">
<p class="about-main__title">Александр Волков <br><span
style="color: #333;">Технический директор</span></p>
<a href="mailto:volkov.a@bobcat.su">volkov.a@bobcat.su</a>
</div>
</div>
</li>
<li class="contact-city__item">
<img src="img/moscow.png" alt="Москва" class="contact-city__img">
......@@ -42,6 +52,16 @@
<a href="mailto:bobcat@mail.com" class="header__phone-text">bobcat@mail.com</a>
</li>
</ul>
<p class="contact-peop__title">Наши сотрудники</p>
<div class="contact-peop__wrap">
<img class="contact-peop__img"
src="http://bobcatsu.dev-sp.vmgr.ru/local/templates/bobcatsu/images/img/zapchasti-top.jpg">
<div class="contact-peop__desc">
<p class="about-main__title">Александр Волков <br><span
style="color: #333;">Технический директор</span></p>
<a href="mailto:volkov.a@bobcat.su">volkov.a@bobcat.su</a>
</div>
</div>
</li>
<li class="contact-city__item">
<img src="img/moscow.png" alt="Москва" class="contact-city__img">
......@@ -62,6 +82,45 @@
<a href="mailto:bobcat@mail.com" class="header__phone-text">bobcat@mail.com</a>
</li>
</ul>
<p class="contact-peop__title">Наши сотрудники</p>
<div class="contact-peop__wrap">
<img class="contact-peop__img"
src="http://bobcatsu.dev-sp.vmgr.ru/local/templates/bobcatsu/images/img/zapchasti-top.jpg">
<div class="contact-peop__desc">
<p class="about-main__title">Александр Волков <br><span
style="color: #333;">Технический директор</span></p>
<a href="mailto:volkov.a@bobcat.su">volkov.a@bobcat.su</a>
</div>
</div>
</li>
</ul>
</div>
<div class="contact-new">
<div class="map-list__h">
Сервисный партнёр<span>(по региону Москва и МО)</span>
<div class="map-list__marker"><img src="/img/marker-serv.png" class="map-list__marker-img" alt="Маркер Яндекс">
</div>
</div>
<div class="contact-new__wrap">
<div class="contact-new__content">
<div class="contact-new__adr">
<p>
ООО "Ангара групп"<br>
г. Москва, ул. Монтажная, д. 7, стр. 7</p>
<a href="tel: +74952801800"><svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#phone-icon"></use>
</svg>+7 (495) 280-18-00</a>
</div>
<div class="contact-peop__wrap">
<img class="contact-peop__img"
src="http://bobcatsu.dev-sp.vmgr.ru/local/templates/bobcatsu/images/img/zapchasti-top.jpg">
<div class="contact-peop__desc">
<p class="about-main__title">Александр Волков <br><span
style="color: #333;">Технический директор</span></p>
<a href="mailto:volkov.a@bobcat.su">volkov.a@bobcat.su</a>
</div>
</div>
</div>
</div>
<h2 class="h2-line af-new-h">Карта представительств</h2>
</div>
\ No newline at end of file
src/template/main-slider/index.html
View file @ b1e1916d
......@@ -2,10 +2,11 @@
<div class="wrapper main-slider__wrapper">
<div class="slider__main swiper-container">
<div class="swiper-wrapper">
<div class="slider__main-item swiper-slide"><a href="#"><img src="img/slide.jpg"></a></div>
<div class="slider__main-item swiper-slide"><a href="#"><img src="img/slide.jpg"></a></div>
<div class="slider__main-item swiper-slide"><a href="#"><img src="http://bobcatsu.dev-sp.vmgr.ru/local/templates/bobcatsu/images/img/slide_10.jpg"></a></div>
<div class="slider__main-item swiper-slide"><a href="#"><img src="http://bobcatsu.dev-sp.vmgr.ru/local/templates/bobcatsu/images/img/slide_10.jpg"></a></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="logo-slider-main"><img src="img/logo-slider2.png" class=""></div>
</div>
</div>
\ No newline at end of file
src/template/popup/index.html 0 → 100644
View file @ b1e1916d
<div class="form__overlay hidden">
<div style="max-width: 500px; margin: 0 auto">
<div class="form__wrap">
<div class="form__logo">
<img src="img/logo-main.png" class="form__logo-img">
<div class="form__hr"></div>
<button class="close">X</button>
</div>
<form id="form-send" action="" class="form__body">
<h2 class="form__title">Узнать цену на </h2>
<div class="form__input-wrap">
<label class="form__label" for="name">Ваше Имя (Обязательно)</label>
<input class="form__input" id="name" type="text">
</div>
<div class="form__input-wrap">
<label class="form__label" for="tel">Телефон (Обязательно)</label>
<input class="form__input" value="+7(___)___-____" id="tel" type="text">
</div>
<label class="form__label" for="comment">Комментарий</label>
<textarea class="form__input form__textarea" id="comment"></textarea>
<div class="form__sogl">
<input id="checkbox" type="checkbox" checked="checked">
<label for="checkbox"><p class="form__sogl-text">я подтверждаю свое согласие на обработку
персональных данных</p></label>
</div>
<button class="form__submit" type="submit">Отправить</button>
</form>
</div>
</div>
</div>
\ No newline at end of file
src/template/sale-detail/index.html 0 → 100644
View file @ b1e1916d
<div class="wrapper sale-detail__wrap">
<h1 class="h2-line">Расширенная гарантия от производителя</h1>
<img src="img/bobcat-protection-plus-promo_fc_two_col.jpg" class="sale-list__img">
<div class="sale-detail__text">
<p>Стандартная гарантия на всю технику Bobcat составляет 1 год или 2000 м/ч. Но мы предлагаем вам в течении месяца после покупки техники оформить у нас расширенную гарантию (3 года или 4000 моточасов).</p>
<p>Свяжитесь с нашими специалистами, чтобы узнать условия получения расширенной гарантии и обеспечить дополнительную защиту вашей технике.</p>
</div>
<div class="blog-btn__wrap">
<a href="/news/">
<button class="blog-d__left">Назад</button>
</a>
</div>
</div>
\ No newline at end of file
src/template/sale-list/index.html 0 → 100644
View file @ b1e1916d
<div class="wrapper sale-list__wrap">
<h1 class="h2-line sale-list__h">Акции</h1>
<ul class="sale-list__list">
<li class="sale-list__item">
<a href="#" class="sale-list__href">
<h2 class="sale-list__tit">Расширенная гарантия от производителя</h2>
<img src="img/bobcat-protection-plus-promo_fc_two_col.jpg" class="sale-list__img">
<p class="sale-list__desc">Оформите заявку в течении месяца после покупки Bobcat и продлите гарантию на вашу технику до 3-х лет
или 4000 моточасов.</p>
<div class="news-item__link-more link-more"><p class="link-more__text">Подробнее</p>
<svg class="link-more__ico">
<use xlink:href="img/sprite-vector.svg#more"></use>
</svg>
</div>
</a>
</li>
<li class="sale-list__item">
<a href="#" class="sale-list__href">
<h2 class="sale-list__tit">Расширенная гарантия от производителя</h2>
<img src="img/bobcat-protection-plus-promo_fc_two_col.jpg" class="sale-list__img">
<p class="sale-list__desc">Оформите заявку в течении месяца после покупки Bobcat и продлите гарантию на вашу технику до 3-х лет
или 4000 моточасов.</p>
<div class="news-item__link-more link-more"><p class="link-more__text">Подробнее</p>
<svg class="link-more__ico">
<use xlink:href="img/sprite-vector.svg#more"></use>
</svg>
</div>
</a>
</li>
<li class="sale-list__item">
<a href="#" class="sale-list__href">
<h2 class="sale-list__tit">Расширенная гарантия от производителя</h2>
<img src="img/bobcat-protection-plus-promo_fc_two_col.jpg" class="sale-list__img">
<p class="sale-list__desc">Оформите заявку в течении месяца после покупки Bobcat и продлите гарантию на вашу технику до 3-х лет
или 4000 моточасов.</p>
<div class="news-item__link-more link-more"><p class="link-more__text">Подробнее</p>
<svg class="link-more__ico">
<use xlink:href="img/sprite-vector.svg#more"></use>
</svg>
</div>
</a>
</li>
</ul>
</div>
\ No newline at end of file
src/template/service-form/index.html 0 → 100644
View file @ b1e1916d
<div class="form-red">
<div class="wrapper form-red__wrap">
<div class="form-red__bl">
<h2 class="form-red__h">Заявка на обслуживание и ремонт Bobcat</h2>
</div>
<div class="form-red__bl">
<div class="form-red__main">
<form class="form-red__fm">
<div class="form-red-in-wr">
<label for="name">Имя:</label>
<input id="name" type="text">
</div>
<div class="form-red-in-wr">
<label for="tel">Телефон</label>
<input id="tel" value="+7(___)___-____" type="text">
</div>
<div class="form-red-in-wr">
<textarea id="message"></textarea>
</div>
<button type="submit">Отправить</button>
</form>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/template/service-main/index.html 0 → 100644
View file @ b1e1916d
<div class="wrapper service__wrap">
<div class="service__top">
<h1 class="h2-line h1-service">Техническое обслуживание и ремонт Bobcat</h1>
<div class="service__top-wrap">
<div class="service__top-lf"><img src="img/service-top.jpg">
<p class="about-main__title">Александр Волков <br><span style="color: #333;">Технический директор</span></p>
<a href="mailto:volkov.a@bobcat.su">volkov.a@bobcat.su</a>
</div>
<p class="service__top-text">Наша компания оказывает полный комплекс услуг по гарантийному и постгарантийному
сервисному обслуживанию и ремонту спецтехники и навесного оборудования <b>Bobcat</b> (гусеничные и колесные
мини-погрузчики, телескопические погрузчики, мини-экскаваторы, экскаваторы-погрузчики, навесное
оборудование). Мы оказываем следующие услуги:</p>
</div>
<ul class="service__top-list">
<li class="service__top-item">
<img src="img/pre-prod.png" class="service__top-ico">
<p>Препродажная<br> подготовка</p>
</li>
<li class="service__top-item">
<img src="img/eckpot.png" class="service__top-ico">
<p>Ввод техники <br>в эксплуатацию</p>
</li>
<li class="service__top-item">
<img src="img/gerant.png" class="service__top-ico">
<p>Гарантийное и<br> послегарантийное обслуживание</p>
</li>
<li class="service__top-item">
<img src="img/tex-obs.png" class="service__top-ico">
<p>Техническое<br> обслуживание</p>
</li>
<li class="service__top-item">
<img src="img/dop-obr.png" class="service__top-ico">
<p>Установка <br> дополнительного оборудования</p>
</li>
<li class="service__top-item">
<img src="img/viezd.png" class="service__top-ico">
<p>Выезд на место<br> эксплуатации</p>
</li>
</ul>
</div>
</div>
<div class="service__grey">
<div class="wrapper service__grey-wrap">
<h2 class="service__grey-h2">Выполняем следующие работы</h2>
<div class="service__grey-main">
<div class="service__grey-bl grey-bl__left">
<p>Являясь официальным дилером Bobcat, мы гарантируем проведение всех работ на самом высоком уровне. Все
наши сервис-инженеры проходят обязательное обучение и сертификацию в учебных центрах производителя,
а сервисные центры укомплектованы необходимым оборудованием для диагностики и проведения ремонта
любой сложности.</p>
</div>
<div class="service__grey-bl">
<ul>
<li>Диагностика техники</li>
<li>Ремонт ДВС</li>
<li>Ремонт гидравлической системы</li>
<li>Ремонт электрических и электронных систем</li>
<li>Замена расходных элементов</li>
<li>ремонт трансмиссии и ходовой части</li>
<li>Ремонт топливной системы</li>
<li>Ремонт навесного обрудования</li>
</ul>
</div>
</div>
</div>
</div>
<div class="wrapper service__preim-wrap">
<h2 class="h2-line service__preim-h">Наши преимущества</h2>
<ul class="service__preim-list">
<li class="service__preim-item">
<img src="img/spectr.png" class="service__preim-ico">
<p>Полный спектр <br>ремонтных работ</p>
<p class="service__preim-desc">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book. It has survived not only five
centuries</p>
</li>
<li class="service__preim-item">
<img src="img/zapch.png" class="service__preim-ico">
<p>Оригинальные<br> запчасти</p>
<p class="service__preim-desc">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book. It has survived not only five
centuries</p>
</li>
<li class="service__preim-item">
<img src="img/spectr.png" class="service__preim-ico">
<p>Полный спектр <br>ремонтных работ</p>
<p class="service__preim-desc">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book. It has survived not only five
centuries</p>
</li>
</ul>
<div class="line-red"></div>
<p class="service__preim-text">Мы стараемся свести время простоя для наших клиентов к минимуму, поэтому на наших складах всегда в наличии оригинальные запасные части и расходные материалы Bobcat.
Для проведения технического обслуживания и несложного ремонта непосредственно на месте эксплуатации, сервисная служба располагает мобильными бригадами, способными оперативно выехать на место и выполнить работы в полевых условиях.
Для того, чтобы узнать стоимость обслуживания и воспользоваться услугами наших сервисных-центров позвоните по телефону 8-800-707-05-42 или оставьте заявку непосредственно на этой странице, и наши сотрудники свяжутся с вами в самое ближайшее время.
</p>
</div>
\ No newline at end of file
src/zapc.html 0 → 100644
View file @ b1e1916d
//= template/common/header.html
//= template/breadcrumb/index.html
<div class="wrapper">
<ul>
<li>Масляные, топливные, воздушные и гидравлические фильтры;</li>
<li>Фирменные смазочные материалы Bobcat;</li>
<li>Аккумуляторы;</li>
<li>Ремни генератора и гидронасоса;</li>
<li>Шайбы, втулки, хомуты, шпильки, шплинты и пр.;</li>
<li>Шины и гусеницы;</li>
<li>Стекла</li>
</ul>
<ul class="service__top-list zapch__top-list">
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/filter.png" class="service__top-ico">
<p>Масляные, топливные, воздушные и гидравлические фильтры</p>
</li>
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/oil.png" class="service__top-ico">
<p>Фирменные смазочные материалы Bobcat</p>
</li>
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/akkum.png" class="service__top-ico">
<p>Аккумуляторы</p>
</li>
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/remni.png" class="service__top-ico">
<p>Ремни генератора и гидронасоса</p>
</li>
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/saibi.png" class="service__top-ico">
<p>Шайбы, втулки, хомуты, шпильки, шплинты и пр.</p>
</li>
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/shini.png" class="service__top-ico">
<p>Шины и гусеницы</p>
</li>
<li class="service__top-item">
<img src="/local/templates/bobcatsu/images/img/stekla.png" class="service__top-ico">
<p>Стекла</p>
</li>
</ul>
</div>
//= template/menu-list-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment