Skip to content

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

Wtf

parent 3185ad2c
Show whitespace changes
Inline Side-by-side
Showing with 1251 additions and 34 deletions
src/404.html 0 → 100644
View file @ 72d70d9f
//= template/common/header.html
//= template/common/404.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/blog-detail.html 0 → 100644
View file @ 72d70d9f
//= template/common/header.html
//= template/breadcrumb/index.html
//= template/blog-detail/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/blog.html 0 → 100644
View file @ 72d70d9f
//= template/common/header.html
//= template/breadcrumb/index.html
//= template/blog/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/catalog.html
View file @ 72d70d9f
......@@ -10,6 +10,8 @@
//= template/news-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/contact.html
View file @ 72d70d9f
......@@ -8,4 +8,6 @@
//= template/contact-bottom/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/js-common/icon_customImage.js 0 → 100644
View file @ 72d70d9f
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: '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',
iconImageSize: [24, 32],
iconImageOffset: [-5, -38]
});
dilerManager.add(diler);
objectManager.objects.options.set({
iconLayout: 'default#imageWithContent',
iconImageHref: '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/js/_connect.js 0 → 100644
View file @ 72d70d9f
'use strict';
(function () {
window.Backend = function () {
this.xhr2 = new XMLHttpRequest();
};
Backend.prototype.saveData = function (URL_SEND, data, onSuccess, onError) {
this.xhr2.addEventListener('load', function () {
if (this.status === 200) {
onSuccess(this.response);
} else {
onError('Статус ответа: ' + this.status + ' ' + this.statusText);
}
});
this.xhr2.open('POST', URL_SEND, true);
//this.xhr2.responseType = 'json';
//this.xhr2.setRequestHeader('Content-Type', 'application/json');
this.xhr2.send(data);
};
})();
\ No newline at end of file
src/js/blog.js 0 → 100644
View file @ 72d70d9f
'use strict';
(function () {
function onSuccess(data) {
var valUrl;
dataSend = data;
btnMore.setAttribute('data-url', valUrl)
}
function onError(data) {
console.error(data);
}
var btnMore = document.querySelector('.blog-more__btn');
if(btnMore){
var url = '/local/ajax/';//Реальный урл
var dataSend = document.querySelector('.news-blog__list').innerHTML;
btnMore.addEventListener('click', function () {
var xhr = new window.Backend();
xhr.saveData(url, dataSend, onSuccess , onError)
})
}
})();
\ No newline at end of file
src/js/catalog-menu.js
View file @ 72d70d9f
......@@ -2,22 +2,31 @@
(function () {
var menuItemAc = document.querySelector('.menu-list__catalog .menu-list__link.active');
if(menuItemAc){
var getOtherItem = document.querySelectorAll('.menu-list__catalog .menu-list__link:not(.active)');
menuItemAc.addEventListener('click', function (evt) {
//TODO: desctop
//evt.preventDefault();
if (menuItemAc) {
var listner = function (item) {
item.preventDefault();
menuItemAc.classList.toggle('open');
if(menuItemAc.classList.contains('open')){
if (menuItemAc.classList.contains('open')) {
getOtherItem.forEach(function (item) {
item.classList.add('visible');
})
}else {
} else {
getOtherItem.forEach(function (item) {
item.classList.remove('visible');
})
}
};
})
var getOtherItem = document.querySelectorAll('.menu-list__catalog .menu-list__link:not(.active)');
window.onresize = function () {
if (window.screen.width > 810) {
menuItemAc.removeEventListener('click', listner);
} else {
menuItemAc.addEventListener('click', listner);
}
};
if (window.screen.width < 810) {
menuItemAc.addEventListener('click', listner);
}
}
})();
src/js/form.js
View file @ 72d70d9f
'use strict';
(function () {
var Backend = function () {
this.xhr2 = new XMLHttpRequest();
};
Backend.prototype.saveData = function (URL_SEND, data, onSuccess, onError) {
this.xhr2.addEventListener('load', function () {
if (this.status === 200) {
onSuccess(this.response);
} else {
onError('Статус ответа: ' + this.status + ' ' + this.statusText);
}
});
this.xhr2.open('POST', URL_SEND, true);
this.xhr2.responseType = 'json';
this.xhr2.setRequestHeader('Content-Type', 'application/json');
this.xhr2.send(data);
};
function onSuccess(data) {
console.log(data);
var form = document.querySelector('#form-send');
......@@ -40,7 +22,7 @@
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;
document.querySelector('.form__textarea').innerHTML = 'Узнать цену на '+ model.textContent;
var err = [];
var formSend = document.querySelector('#form-send');
formSend.addEventListener('submit', function (evt) {
......@@ -92,7 +74,7 @@
}
if (!err.length > 0) {
var xhr = new Backend();
var xhr = window.Backend();
var tempObj = {};
tempObj.name = name.value;
tempObj.phone = phone.value;
......
src/js/gallery-slider.js
View file @ 72d70d9f
......@@ -29,7 +29,7 @@
simulateTouch: false,
spaceBetween: 4,
pagination: {
el: '.swiper-pagination-gallery',
el: '.swiper-pagination-gallery-gallery',
clickable: true
},
breakpoints: {
......
src/js/slider-dop.js
View file @ 72d70d9f
......@@ -10,7 +10,7 @@
spaceBetween: 4,
slidesPerGroup: 5,
pagination: {
el: '.swiper-pagination-gallery',
el: '.swiper-pagination-naveska',
clickable: true
}
});
......
src/scss/blog-detail/blog-detail.scss 0 → 100644
View file @ 72d70d9f
@import "../settings/color";
.blog-d__main{
display: flex;
}
.blog-d__main-img{
max-width: 370px;
max-height: 270px;
margin-right: 30px;
flex-shrink: 0;
}
.blog-d__img{
max-width: 100%;
}
.blog-d__left{
padding: 10px 15px;
background: white;
color: $grey-text;
border-radius: 5px;
border: 1px solid $grey-text;
cursor: pointer;
margin: 10px 0;
transition: .3s;
&:hover{
background: $grey-text;
color: white;
}
}
.news-main__h-wrap{
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin: 20px 0;
}
.blog-btn__wrap{
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 740px){
.blog-d__main{
flex-direction: column;
align-items: center;
}
.blog-d__text{
margin: 0 10px;
}
}
\ No newline at end of file
src/scss/blog/blog.scss 0 → 100644
View file @ 72d70d9f
@import "../settings/color";
.blog__wrapper{
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.news-blog__list{
flex-wrap: wrap;
justify-content: space-between;
width: 100% !important;
.news-main__item{
width: 50%;
margin-bottom: 20px;
}
}
.blog-more__btn{
padding: 10px 5px;
background: white;
color: $grey-text;
border-radius: 5px;
border: 1px solid $grey-text;
cursor: pointer;
margin: 10px 0;
transition: .3s;
&:hover{
background: $grey-text;
color: white;
}
}
@media screen and (max-width: 600px) {
.news-blog__list{
.news-main__item{
width: 100%;
}
}
}
\ No newline at end of file
src/scss/catalog-products-list/catalog-products-list.scss
View file @ 72d70d9f
......@@ -13,6 +13,7 @@
.products-list__list{
display: flex;
margin-top: 30px;
list-style-type: none;
flex-wrap: wrap;
padding-left: 0;
......@@ -23,7 +24,7 @@
height: 225px;
position: relative;
cursor: pointer;
margin-bottom: 20px;
margin-bottom: 30px;
}
.product-item__bg{
......
src/scss/common/error/error-404.scss 0 → 100644
View file @ 72d70d9f
.error-404__wrap{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
overflow: hidden;
}
.error-404__img{
margin-top: 30px;
max-width: 250px;
}
.error-404__text{
max-width: 660px;
padding: 0 10px;
}
.error__btn{
padding: 10px 15px;
text-decoration: none;
background: white;
color: #727272;
border-radius: 5px;
border: 1px solid #727272;
cursor: pointer;
margin: 10px 0;
transition: .3s; }
.error__btn:hover {
background: #727272;
color: white; }
@media screen and (max-width: 768px){
.error-404__img{
max-width: 150px;
}
}
src/scss/common/footer/footer-list.scss
View file @ 72d70d9f
......@@ -28,7 +28,7 @@
}
.footer__item{
margin-bottom: 20px;
margin-bottom: 8px;
}
.footer__item-link{
......
src/scss/common/header/header-main.scss
View file @ 72d70d9f
......@@ -33,9 +33,18 @@
}
.logo__main{
display: flex;
background: white;
border-radius: 50%;
margin-right: 20px;
width: 60px;
height: 60px;
align-items: center;
justify-content: center;
img{
max-height: 45px;
margin-top: 2px;
margin-left: 1px;
max-height: 60px;
}
}
src/scss/common/search/search.scss 0 → 100644
View file @ 72d70d9f
@import "../../settings/color";
.search-input__page{
border: 1px solid rgba($grey-text, .6);
border-radius: 5px;
}
.search__nav{
display: flex;
align-items: center;
justify-content: space-between;
}
.h-search{
color: $grey-text;
margin: 20px 0;
}
.search__sort{
color: $grey-text;
b{
text-decoration: underline;
}
a{
color: $grey-text;
text-decoration: none;
}
}
.search__result{
a{
color: $red-color;
text-decoration: none;
}
-webkit-box-shadow: 0px 0px 53px 0px rgba(168,168,168,1);
-moz-box-shadow: 0px 0px 53px 0px rgba(168,168,168,1);
box-shadow: 0px 0px 53px 0px rgba(168,168,168,1);
border-radius: 5px;
padding: 10px 20px;
margin-bottom: 40px;
}
.search__head{
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
.footer__search{
width: 100%;
}
}
.search__result-el{
color: $grey-text;
border-bottom: 1px solid rgba($grey-text, .4);
margin-top: 20px;
&:last-child{
border-bottom: none;
}
}
@media screen and (max-width: 1100px){
.h-search-res, .search__sort{
margin-left: 10px;
margin-right: 10px;
}
}
\ No newline at end of file
src/scss/contact-bottom/contact-bottom.scss
View file @ 72d70d9f
@import "../settings/color";
.contact__map-h{
}
.contact__map-val {
background: $grey-product;
padding-bottom: 20px;
}
.contact__map-list{
display: flex;
list-style-type: none;
padding-left: 0;
justify-content: space-between;
}
.contact__map-item{
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: -70px;
}
.map-list__h{
position: relative;
margin: 0;
height: 70px;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
text-transform: uppercase;
}
.map-list__marker{
position: absolute;
display: flex;
left: 0;
bottom: 0;
padding: 15px;
border-radius: 50%;
background: white;
width: 70px;
height: 70px;
justify-content: center;
transform: translate(25%, 20%);
align-items: center;
}
.map-list__marker-img{
max-height: 40px;
}
.contact__map-h{
height: 70px;
}
.map-list__city{
list-style-type: none;
padding-left: 0;
}
.map-list__item{
padding: 7px 0;
}
@media screen and (max-width: 1024px){
.map-list__marker{
transform: none;
}
}
@media screen and (max-width: 700px){
.contact__map-list{
flex-wrap: wrap;
}
.contact__map-item{
width: 100%;
}
.contact__map-item{
margin-top: 0;
}
.contact__map-h{
display: none;
}
.map-list__h{
background: white;
}
.contact__map-val{
padding: 0;
}
.map-list__city{
padding: 15px 0;
}
}
src/scss/contact-main/contact-main.scss
View file @ 72d70d9f
@import "../settings/color";
.contact-h1__wrap{
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.contact-city__tel-ico{
width: 20px;
height: 20px;
fill: $red-color;
margin-right: 15px;
}
.contact-city__tel-mail{
display: flex;
flex-direction: column;
list-style-type: none;
padding-left: 0;
}
.contact-city__tel-mail-el{
display: flex;
align-items: center;
margin-bottom: 7px;
&:last-child{
margin-bottom: 0;
}
a {
text-decoration: none;
color: $grey-text;
transition: .2s;
}
&:hover{
a{
color: black;
}
}
}
.contact-city__list{
display: flex;
list-style-type: none;
padding-left: 0;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-city__item{
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
}
.contact-city__img{
max-width: 250px;
border-radius: 50%;
}
.contact-city__desc{
text-align: center;
max-width: 300px;
padding: 0 7px;
}
.contact-city__b{
display: block;
font-weight: normal;
}
@media screen and (max-width: 760px){
.contact-city__img{
display: none;
}
.contact-city__item{
position: relative;
&:after{
content: "";
display: flex;
position: absolute;
height: 80%;
width: 1px;
background: rgba($grey-text, .6);
top: 50%;
right: 0;
transform: translateY(-50%);
}
&:last-child{
&:after{
display: none;
}
}
}
}
@media screen and (max-width: 600px){
.contact-city__item{
width: 100%;
padding-bottom: 15px;
&:after{
width: 50%;
height: 1px;
top: 100%;
right: 50%;
transform: translate(50%, 0);
}
}
}
\ No newline at end of file
src/scss/contact-map/contact-map.scss
View file @ 72d70d9f
#map {
border-top: 2px solid;
height: 430px;
border-bottom: 2px solid;
}
\ No newline at end of file
src/scss/menu-list-bottom/menu-list-bottom.scss 0 → 100644
View file @ 72d70d9f
@import "../settings/color";
.menu-list__bottom{
background: white !important;
display: flex;
align-items: center;
flex-direction: column;
border-top: 2px solid $grey-text;
padding-top: 20px;
overflow: hidden;
.news-main__h2{
margin-bottom: 20px;
}
}
.menu-list__item-bottom{
.menu-list__ico{
max-width: 140px;
}
img{
width: 100%;
}
.menu-list__link{
color: $grey-text;
justify-content: flex-end;
}
&:after{
background: rgba($grey-text, .4) !important;
height: 70%;
}
&:hover{
background: $red-color;
.menu-list__link{
color: white;
}
}
}
@media screen and (max-width: 960px) {
.menu-list__list-bottom{
flex-wrap: wrap;
.menu-list__item-bottom{
img{
width: 100%;
}
width: 33%;
&:after{
display: none;
}
}
}
}
@media screen and (max-width: 680px) {
.menu-list__list-bottom{
flex-wrap: wrap;
.menu-list__item-bottom{
width: 50%;
}
}
}
@media screen and (max-width: 360px) {
.menu-list__list-bottom{
flex-wrap: wrap;
.menu-list__item-bottom{
width: 100%;
}
}
}
src/scss/menu-list/menu-list-main.scss
View file @ 72d70d9f
......@@ -16,6 +16,10 @@
justify-content: space-between;
}
.menu-list__tit{
margin-bottom: 0
}
.menu-list__item {
position: relative;
......@@ -48,6 +52,7 @@
padding: 10px 20px 20px;
transition: .2s;
height: 100%;
justify-content: flex-end;
&:hover {
background: rgba($red-color, .8);
......
src/scss/product-slider/product-slider.scss
View file @ 72d70d9f
......@@ -26,6 +26,7 @@
.product-slider__content{
overflow: hidden;
width: 100%;
padding: 0 60px;
}
.product-slider__list{
......
src/scss/settings/common-style.scss
View file @ 72d70d9f
......@@ -48,7 +48,9 @@ body{
}
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{
pointer-events: auto !important;
}
@media screen and (max-width: 1170px){
.wrapper{
......
src/search.html 0 → 100644
View file @ 72d70d9f
//= template/common/header.html
//= template/breadcrumb/index.html
//= template/common/search.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/template/blog-detail/index.html 0 → 100644
View file @ 72d70d9f
<div class="wrapper blog-d__wrap">
<div class="news-main__h-wrap">
<h1 class="h2-line news-main__h2">Bobcat backhoe loaders 2</h1>
</div>
<div class="blog-d__main">
<div class="blog-d__main-img">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/638/12.jpg" class="blog-d__img">
</div>
<div class="blog-d__text">
<p>Выбор спецтехники не простое занятие. Необходимо учитывать множество факторов: рабочий функционал &nbsp;и
режим эксплуатации техники, стоимость, качество и надежность ведь цена ошибки это не только потраченные
впустую деньги, но и сорванные сроки проектов, простой техники &nbsp;на объектах и напряженные отношения
с
заказчиками.&nbsp;<br></p>
<ul style="text-align: justify;">
<li>Самое главное в мини-экскаваторах
– не габаритные размеры( хотя в некоторых случаях это критичный показатель) , не цвет и даже не
мощность
двигателя, а сила гидравлики. Именно она определяет &nbsp;скорость и эффективность работы.&nbsp;
</li>
<li>Для подключения навесного оборудования желательно наличие дополнительной гидролинии. Это важный
момент
который нужно учесть сразу, при выборе машины, чтобы потом не пришлось «колхозить» своими силами.
Еще
одним важным фактором является возможность &nbsp;использования различной навески не только
оригинальной,
но &nbsp;совместимой других производителей.
</li>
<li>Нулевой вынос-еще одна «фишка» которая которое обеспечит вам возможность работать в условиях
ограниченного пространства и стоя у стен вплотную.
</li>
<li>Вес экскаватора тоже имеет большое значение. От этого зависит &nbsp; способ его перевозки- &nbsp;с
использованием прицепа , на эвакуаторе , бортовым &nbsp;грузовиком &nbsp;с манипулятором и т.д. В
Европейских странах &nbsp;, к примеру , одна их самых &nbsp;популярных &nbsp;модель , из-за низкой
массы &nbsp;этот мини-экскаватор можно &nbsp;транспортировать на обычном
прицепе ,при этом , попадая в категорию транспортных средств BE до 3,5 т без необходимости &nbsp;открывать
новую .
</li>
<li>Материал из которого изготовлены гусеницы также нужно выбирать исходя из стоящих задач. Резиновые
гусеницы ,например, &nbsp;важная опция при работе в городских условиях или при ландшафтных работах,
они
позволяют бережно отнестись к почвенному покрову.
</li>
<li>Качество &nbsp;материалов, из которых изготовлена техника, обуславливает &nbsp; надежность и &nbsp;износоустойчивость
техники, чем они лучше, тем больше вы в будущем сэкономите &nbsp;на техническом обслуживание и
ремонтах.&nbsp;
</li>
<li>Перед покупкой обязательно рассчитайте стоимость владения. &nbsp;Экономии способствует увеличенный
межсервисный интервал, например, как у Bobcat до 250 моточасов, &nbsp;что делает подготовку машин к
ежедневной работе менее затратной. Поэтому перед покупкой необходимо в обязательном порядке просить
продавцов сделать подробный расчет &nbsp;стоимости владения.
</li>
</ul>
<p>
В результате, подготовительной работы и грамотной покупки &nbsp;миниэкскватора вы получаете высокую
надежность на годы вперед, увеличенный срок &nbsp;службы основных узлов и агрегатов, низкую &nbsp;стоимость
владения и высокую производительность, больший &nbsp;объем выполняемых работ за тоже время при снижении
затра
</p>
</div>
</div>
<div class="blog-btn__wrap">
<button class="blog-d__left">Назад</button>
</div>
<div class="blog-gallery">
<div class="news-main__h-wrap">
<h2 class="h2-line news-main__h2">Фотогалерея</h2>
</div>
<div class="wrapper gallery-list__wrapper" style="position: relative;">
<div>
<div id="myMosaic" class="jQueryMosaic" style="margin-bottom: -2px;">
<a class="fancy-image"
style="overflow: hidden; width: 388px; height: 294px; margin-right: 2px; margin-bottom: 2px;"
data-fancybox="photo" href="/upload/iblock/e0a/12.jpg">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/638/12.jpg" alt=""
style="width: 100%; height: auto;">
</a>
<a class="fancy-image"
style="overflow: hidden; width: 389px; height: 294px; margin-right: 2px; margin-bottom: 2px;"
data-fancybox="photo" href="/upload/iblock/e62/11.jpg">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/4e8/11.jpg" alt=""
style="width: 100%; height: auto;">
</a>
<a class="fancy-image"
style="overflow: hidden; width: 389px; height: 294px; margin-right: 0px; margin-bottom: 2px;"
data-fancybox="photo" href="/upload/iblock/7ed/10.jpg">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/0f2/10.jpg" alt=""
style="width: 100%; height: auto;">
</a>
<a class="fancy-image"
style="overflow: hidden; width: 170px; height: 257px; margin-right: 2px; margin-bottom: 2px;"
data-fancybox="photo" href="/upload/iblock/5df/9.jpg">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/f8b/9.jpg" alt=""
style="width: 100%; height: auto;">
</a>
<a class="fancy-image"
style="overflow: hidden; width: 381px; height: 257px; margin-right: 2px; margin-bottom: 2px;"
data-fancybox="photo" href="/upload/iblock/b69/8.jpg">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/iblock/b8f/8.jpg" alt=""
style="width: 100%; height: auto;">
</a>
</div>
</div>
</div>
</div>
</div>
src/template/blog/index.html 0 → 100644
View file @ 72d70d9f
<div class="wrapper blog__wrapper">
<div class="news-blog__h-wrap">
<h1 class="h2-line news-blog__h">Новости</h1>
</div>
<ul class="news-main__list news-blog__list">
<li class="news-main__item">
<a href="" class="news-item__link"><img src="img/news-pre.png" class="news-item__img"></a>
<div class="news-item__content">
<a href="" class="news-item__link"><p>Bobcat S570 на Всемирной зимней универсиаде</p></a>
<p>В марте следующего года, Красноярск откроет двери для XXIX Всемирной зимней универсиады,
которая
почти 50 лет привлекает внимание многочисленных зрителей.
Подготовка начинается заблаговременно, </p>
<div class="news-item__link-more-wrap"><a href="" 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>
</a></div>
</div>
</li>
<li class="news-main__item">
<a href="" class="news-item__link"><img src="img/news-pre.png" class="news-item__img"></a>
<div class="news-item__content">
<a href="" class="news-item__link"><p>Bobcat S570 на Всемирной зимней универсиаде</p></a>
<p>В марте следующего года, Красноярск откроет двери для XXIX Всемирной зимней универсиады,
которая
почти 50 лет привлекает внимание многочисленных зрителей.
Подготовка начинается заблаговременно, </p>
<div class="news-item__link-more-wrap"><a href="" 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>
</a></div>
</div>
</li>
<li class="news-main__item">
<a href="" class="news-item__link"><img src="img/news-pre.png" class="news-item__img"></a>
<div class="news-item__content">
<a href="" class="news-item__link"><p>Bobcat S570 на Всемирной зимней универсиаде</p></a>
<p>В марте следующего года, Красноярск откроет двери для XXIX Всемирной зимней универсиады,
которая
почти 50 лет привлекает внимание многочисленных зрителей.
Подготовка начинается заблаговременно, </p>
<div class="news-item__link-more-wrap"><a href="" 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>
</a></div>
</div>
</li>
<li class="news-main__item">
<a href="" class="news-item__link"><img src="img/news-pre.png" class="news-item__img"></a>
<div class="news-item__content">
<a href="" class="news-item__link"><p>Bobcat S570 на Всемирной зимней универсиаде</p></a>
<p>В марте следующего года, Красноярск откроет двери для XXIX Всемирной зимней универсиады,
которая
почти 50 лет привлекает внимание многочисленных зрителей.
Подготовка начинается заблаговременно, </p>
<div class="news-item__link-more-wrap"><a href="" 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>
</a></div>
</div>
</li>
</ul>
<button class="blog-more__btn" data-url="/?PAGEN_2=2">Показать еще</button>
</div>
\ No newline at end of file
src/template/common/404.html 0 → 100644
View file @ 72d70d9f
<div class="wrapper error-404__wrap">
<img src="img/404.png" alt="Страница не найдена" class="error-404__img">
<div class="main-title" style="margin-top: 40px;">
<h1 class="h2-line h-ext">
Ошибка 404. Страница не найдена
</h1>
</div>
<p class="error-404__text">
Извините! Страница, которую Вы ищете, не может быть найдена. Рекомендуем перейти на главную страницу сайта или воспользоваться меню. Благодарим за терпение!
</p>
<a class="error__btn" href="/">Вернуться на главную</a>
</div>
\ No newline at end of file
src/template/common/search.html 0 → 100644
View file @ 72d70d9f
<div class="wrapper gallery-list__wrapper">
<div class="search__head">
<h1 class="h-search h2-line h-ext">Поиск</h1>
<form action="" class="footer__search" method="get">
<input type="hidden" name="tags" value="">
<input type="text" class="footer__search-input search-input__page" name="q" value="bobcat" size="40">
<button class="footer__search-btn">
<svg class="footer__search-ico">
<use xlink:href="img/sprite-vector.svg#search"></use>
</svg>
</button>
<input type="hidden" name="how" value="r">
</form>
</div>
<h2 class="h-search h-search-res h-ext">Результаты по запросу: bobcat</h2>
<div class="search-page">
<div class="search__nav">
<div class="searchpage">
<p class="search__sort">
<b>Отсортировано по релевантности</b>&nbsp;|&nbsp;<a href="/search/?q=bobcat&amp;where=&amp;how=d">Сортировать
по дате</a>
</p>
</div>
</div>
<div class="search__result">
<div class="search__result-el">
<a href="/catalog/kolesnie-mini-pogruzchiki/s70/?sphrase_id=16"><b>Bobcat</b> S70</a>
<p>S70
- самая компактная модель в линейке
колесных мини-погрузчиков <b>Bobcat</b>
. Оптимальна для работы в стесненных условиях. Благодаря малым габаритам (ширина машины - 0,9 м,
радиус
разворота - 1,5 м.)
<b>Bobcat</b> S70
легко проходит ... </p>
</div>
<div class="search__result-el">
<a href="/content/articles/5829/?sphrase_id=16"><b>Bobcat</b> world</a>
<p>For all you diehard <b>Bobcat</b> fans out there who can't get enough of the <b>Bobcat</b>
Attachments
Catalogue, we've got some great news.
For all you diehard <b>Bobcat</b> fans out there who can't get enough of the <b>Bobcat</b>
Attachments
Catalogue, we've got some great news.</p>
<!-- <small>--><!-- --><!--</small><br />--><!-- <small>--><!--&nbsp;-->
<!--</small>-->
</div>
<div class="search__result-el">
<a href="/content/news/5826/?sphrase_id=16"><b>Bobcat</b> world of attachment 2</a>
<p>For all you diehard <b>Bobcat</b> fans out there who can't get enough of the <b>Bobcat</b>
Attachments
Catalogue, we've got some great news.
For all you diehard <b>Bobcat</b> fans out there who can't get enough of the <b>Bobcat</b>
Attachments
Catalogue, we've got some great news.</p>
</div>
<div class="search__result-el">
<a href="/content/news/5836/?sphrase_id=16"><b>Bobcat</b> world of attachment3</a>
<p>For all you diehard <b>Bobcat</b> fans out there who can't get enough of the <b>Bobcat</b>
Attachments
Catalogue, we've got some great news.
For all you diehard <b>Bobcat</b> fans out there who can't get enough of the <b>Bobcat</b>
Attachments
Catalogue, we've got some great news.</p>
</div>
<div class="search__result-el">
<a href="/catalog/navesnoe-oborudovanie/transheekopatel/?sphrase_id=16">Траншеекопатель</a>
<p>Траншеекопатель – землеройное навесное оборудование из линейки <b>Bobcat</b>. Основное назначение -
рытье
траншей для последующей прокладки инженерных коммуникаций: трубопроводов, кабелей, линий связи и пр.
Одним ... </p>
</div>
<div class="search__result-el">
<a href="/catalog/kolesnie-mini-pogruzchiki/s100/?sphrase_id=16"><b>Bobcat</b> S100</a>
<p> ... условиях ограниченного пространства при решении задач коммунального хозяйства, так и при работе
на
строительных площадках. Мини-погрузчик
<b>Bobcat</b> S100
совместим с широким рядом
навесного оборудования
, значительно расширяющим сферу его использования.
Данная модель пришла на смену ... </p>
</div>
<div class="search__result-el">
<a href="/catalog/kolesnie-mini-pogruzchiki/s450/?sphrase_id=16"><b>Bobcat</b> S450</a>
<p>S450
- промежуточная модель между миниатюрными
<b>Bobcat</b> S70
/
S100
и среднерамными погрузчиками 500-й серии. Несмотря на небольшие размеры
<b>Bobcat</b> S450
обладает достаточной грузоподъемностью для выполнения ... </p>
</div>
<div class="search__result-el">
<a href="/catalog/kolesnie-mini-pogruzchiki/s16/?sphrase_id=16"><b>Bobcat</b> S16</a>
<p>Модель Earthforce S16 является практически полным аналогом, снятого с производства в 2013 году,
мини-погрузчика
<b>Bobcat</b> S150
. По своим габаритам она соответствует модели S510 в текущем модельном ряду <b>Bobcat</b>.
S16 оборудован стрелой радиального подъема. Комплектуется ... </p>
</div>
<div class="search__result-el">
<a href="/catalog/kolesnie-mini-pogruzchiki/s18/?sphrase_id=16"><b>Bobcat</b> S18</a>
<p>Модель Earthforce S18 – это практически полный аналог самой популярной и продаваемой модели
<b>Bobcat</b> S175
(снята с пр-ва в 2013 году). По своим габаритам она соответствует модели S530 в текущем модельном
ряду
<b>Bobcat</b>.
S18 оборудован стрелой с вертикальным ... </p>
</div>
<div class="search__result-el">
<a href="/catalog/navesnoe-oborudovanie/korchevatel/?sphrase_id=16">Корчеватель (копатель)</a>
<p>Копатель (корчеватель) <b>Bobcat</b> – навесное оборудование, применяемое вместе с гусеничными и
колесными мини-погрузчиками <b>Bobcat</b> в сельском хозяйстве и ландшафтном дизайне.... </p>
</div>
</div>
<div class="searchpage">
<div class="bx-pagination ">
<div class="bx-pagination-container">
<ul>
<li class="bx-pag-prev"><span>Назад</span></li>
<li class="bx-active"><span>1</span></li>
<li class=""><a href="/search/index.php?q=bobcat&amp;PAGEN_1=2"><span>2</span></a></li>
<li class=""><a href="/search/index.php?q=bobcat&amp;PAGEN_1=3"><span>3</span></a></li>
<li class=""><a href="/search/index.php?q=bobcat&amp;PAGEN_1=4"><span>4</span></a></li>
<li class=""><a href="/search/index.php?q=bobcat&amp;PAGEN_1=12"><span>12</span></a></li>
<li class="bx-pag-next"><a
href="/search/index.php?q=bobcat&amp;PAGEN_1=2"><span>Вперед</span></a></li>
</ul>
<div style="clear:both"></div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/template/contact-bottom/index.html
View file @ 72d70d9f
<div class="contact-bottom__wrap">
<div class="contact__map-h"></div>
<div class="contact__map-val">
<ul class="wrapper contact__map-list">
<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>
<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>
</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>
<ul class="map-list__city">
<li class="map-list__item">Енисей</li>
<li class="map-list__item">Сибирь</li>
<li class="map-list__item">СтройАктив</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>
<ul class="map-list__city">
<li class="map-list__item">Ангара групп</li>
</ul>
</li>
</ul>
</div>
</div>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=e4510751-8b4a-438c-8656-a8c07b78abe0" type="text/javascript"></script>
<script src="js/icon_customImage.js" type="text/javascript"></script>
\ No newline at end of file
src/template/contact-main/index.html
View file @ 72d70d9f
<div class="wrapper contact-main__wrapper">
<div class="contact-h1__wrap">
<h1 class="h2-line contact-h1">Контакты</h1>
</div>
<ul class="contact-city__list">
<li class="contact-city__item">
<img src="img/moscow.png" alt="Москва" class="contact-city__img">
<p class="contact-city__desc"><b class="contact-city__b">Москва:</b>
127495, Дмитровское шоссе, 163А, БЦ SK PLAZA
</p>
<ul class="contact-city__tel-mail">
<li class="contact-city__tel-mail-el">
<svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#phone-icon"></use>
</svg>
<a href="tel:+7888888888" class="header__phone-text">8(800)888-88-88</a>
</li>
<li class="contact-city__tel-mail-el">
<svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#mail-icon"></use>
</svg>
<a href="mailto:bobcat@mail.com" class="header__phone-text">bobcat@mail.com</a>
</li>
</ul>
</li>
<li class="contact-city__item">
<img src="img/moscow.png" alt="Москва" class="contact-city__img">
<p class="contact-city__desc"><b class="contact-city__b">Москва:</b>
127495, Дмитровское шоссе, 163А, БЦ SK PLAZA
</p>
<ul class="contact-city__tel-mail">
<li class="contact-city__tel-mail-el">
<svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#phone-icon"></use>
</svg>
<a href="tel:+7888888888" class="header__phone-text">8(800)888-88-88</a>
</li>
<li class="contact-city__tel-mail-el">
<svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#mail-icon"></use>
</svg>
<a href="mailto:bobcat@mail.com" class="header__phone-text">bobcat@mail.com</a>
</li>
</ul>
</li>
<li class="contact-city__item">
<img src="img/moscow.png" alt="Москва" class="contact-city__img">
<p class="contact-city__desc"><b class="contact-city__b">Москва:</b>
127495, Дмитровское шоссе, 163А, БЦ SK PLAZA
</p>
<ul class="contact-city__tel-mail">
<li class="contact-city__tel-mail-el">
<svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#phone-icon"></use>
</svg>
<a href="tel:+7888888888" class="header__phone-text">8(800)888-88-88</a>
</li>
<li class="contact-city__tel-mail-el">
<svg class="contact-city__tel-ico">
<use xlink:href="img/sprite-vector.svg#mail-icon"></use>
</svg>
<a href="mailto:bobcat@mail.com" class="header__phone-text">bobcat@mail.com</a>
</li>
</ul>
</li>
</ul>
</div>
\ No newline at end of file
src/template/contact-map/index.html
View file @ 72d70d9f
<div id="map"></div>
\ No newline at end of file
src/template/menu-list-bottom/index.html 0 → 100644
View file @ 72d70d9f
<div class="menu-list menu-list__bottom">
<h2 class="h2-line news-main__h2">Каталог</h2>
<div class="wrapper menu-list__wrapper">
<ul class="menu-list__list menu-list__list-bottom">
<li class="menu-list__item menu-list__item-bottom">
<a href="/build/catalog.html" class="menu-list__link">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/2df/300_250_0/S510.png" alt="Колесные мини-погрузчики" class="menu-list__ico">
<p class="menu-list__tit">Колесные мини-погрузчики</p>
</a>
</li>
<li class="menu-list__item menu-list__item-bottom">
<a href="/build/catalog.html" class="menu-list__link">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/5c5/300_250_0/Bobcat-t650.png" alt="Колесные мини-погрузчики" class="menu-list__ico">
<p class="menu-list__tit">Колесные мини-погрузчики</p>
</a>
</li>
<li class="menu-list__item menu-list__item-bottom">
<a href="/build/catalog.html" class="menu-list__link">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/e92/300_250_0/Bobcat-e26.png" alt="Колесные мини-погрузчики" class="menu-list__ico">
<p class="menu-list__tit">Колесные мини-погрузчики</p>
</a>
</li>
<li class="menu-list__item menu-list__item-bottom">
<a href="/build/catalog.html" class="menu-list__link">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/2e1/300_250_0/T2250QT.png" alt="Колесные мини-погрузчики" class="menu-list__ico">
<p class="menu-list__tit">Колесные мини-погрузчики</p>
</a>
</li>
<li class="menu-list__item menu-list__item-bottom">
<a href="/build/catalog.html" class="menu-list__link">
<img src="http://bobcatsu.dev-sp.vmgr.ru/upload/resize_cache/iblock/10c/300_250_0/b730.png" alt="Колесные мини-погрузчики" class="menu-list__ico">
<p class="menu-list__tit">Колесные мини-погрузчики</p>
</a>
</li>
<li class="menu-list__item menu-list__item-bottom">
<a href="/build/catalog.html" class="menu-list__link">
<img src="img/last-cat.png" alt="Колесные мини-погрузчики" class="menu-list__ico">
<p class="menu-list__tit">Колесные мини-погрузчики</p>
</a>
</li>
</ul>
</div>
</div>
\ 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