<repo_name>zaritskiy/shop<file_sep>/main.js
var http = require('http');
var express = require ("express");
var bodyParser = require ("body-parser");
var fs = require('fs');
var sticker = JSON.parse(fs.readFileSync('./sticker.json'));
// console.log(sticker);

var app = express();
app.use(express.static(__dirname + '/public'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));

app.get('/goods', function (req, res) {
    res.header('Content-Type', 'aplication/json');
    res.send(sticker);
});
app.get('/oneGoods', function (req, res) {
    for(var i = 0; i < sticker.length; i++){
        if(sticker[i].id == req.query.id){
            res.header('Content-Type', 'aplication/json');
            res.send(sticker[i]);
        }
    }

});

app.listen(8888);


// var express = require('express');
// var bodyParser = require('body-parser');
// var app = express();
//
// var bands = [{name: '<NAME>'}];
//
// app.use(express.static(__dirname + '/public'));
// app.use(bodyParser.json());
// app.use(bodyParser.urlencoded({extended: true}));
// // console.log('+++');
//
// app.get('/getGroup', function (req, res) {
//         res.header('Content-Type', 'aplication/json');
//         res.send(bands);
// });
// app.post('/setGroup', function (req, res) {
//     bands.push(req.body);
//     res.send(ok)
// });
//
//
// app.get('/id', function (req, res) {
//     setTimeout(function () {
//         res.header('Content-Type', 'aplication/json');
//         res.send([{singer: 'Matrix', name: 'Big city life'}]);
//     }, 100);
//
// });
// // app.post('/sayme', function (req, res) {
// // console.log(req.body);
// // });
// app.post('/setGroups', function (res, req) {
//     req.header('Content-Type', 'aplication/json');
//     console.log(req.body);
//     req.send(bands);
// });
//
// app.listen(8888);
//
// // var server = require('./server');
// // var http = require("http");
// // http.createServer(server.server).listen(8888);
// //
// // var express = require('express');
// // var app = express();
// // app.use(express.static(__dirname + '/public'));
// // app.get('/id', function (req, res) {
// //    setTimeout(function () {
// //         res.header('Content-Type', 'aplication/json');
// //         res.send([{singer: 'Matrix', name: '<NAME>'}]);
// //      }, 3000);
// // });
// // app.listen(8888);<file_sep>/public/test/pages/feedback/test.js



var clearAfterTest = function () {
    $('#wrapper').remove()
};

QUnit.module('Проверка добавения содержимого на страницу ');
QUnit.test("wrapper", function (assert) {
    assert.ok(document.querySelector('#wrapper'), "Содержимое добавленно");
    clearAfterTest();
});


var prepareForTest = function () {
    $("header").append(
        "<div class='navbar navbar-inverse navbar-fixed-top'>" +
        "<div class='container'>" +
        "<div class='navbar-header'>" +
        "<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1' aria-expanded='false'>" +
        "<span class='icon-bar'></span>"+
        "<span class='icon-bar'></span>"+
        "<span class='icon-bar'></span>"+
        "</button>"+
        "<a class='navbar-brand' href='index.html'>STICKER</a>"+
        "</div>"+
        "<div class='collapse navbar-collapse ' id='bs-example-navbar-collapse-1'>"+
        "<ul class='nav navbar-nav navbar-right'>"+
        "<li class='active'><a href='index.html'>Домой</a></li>" +
        "<li><a href='pages/about/about.html'>О нас</a></li>" +
        "<li class='contact'><a href='pages/feedback/feedback.html'>Контакти</a></li>" +
        "<li><a href='pages/response/response.html'>Отзывы</a></li>"+
        "<li><a href='pages/delivery/delivery.html'>Доставка</a></li>"+
        "<li class='top-cart'><a href='pages/cart/cart.html'> Корзина <span id='m-cart'></span></a></li>"+
        "</ul>" +
        "</div>"+
        "</div>"+
        "</div>"+
        "<div id='headerwrap'>"+
        "<div class='container'>"+
        "<div class='row centered'>"+
        "<div class='col-lg-8 col-lg-offset-2'>"+
        "</div>"+
        "</div>"+
        "</div>"+
        "</div>");
};



QUnit.module('Проверка добавения содержимого header ');
QUnit.test("header", function (assert) {

    prepareForTest();
    assert.ok(document.getElementsByTagName('header'), "Содержимое header добавленно ");
    clearAfterTest();

    //

    prepareForTest();
    assert.ok($('.navbar-brand'), "Силка на лого добавлена");
    clearAfterTest();

    //

    prepareForTest();
    assert.ok($('.active'), "Силка на главную страницу добавлена");
    clearAfterTest();
    //
    prepareForTest();
    assert.ok($('#m-cart'), "мини-корзина на страницу добавлена");
    clearAfterTest();
});

var prepareForTest1 = function () {
    $(".info").append(
        "<div class='container'>" +
        "<div class='col-lg-12'>" +
        "<p><span><strong>" +
        "Звоните по номерам</strong></span></p>" +
        "<p></p><p><span>067 322-21-23 или</span><span> 067 373-87-52</span></p><p>" +
        "<span>Время работы: 10:00 - 19:00</span></p>" +
        "<p></p><p><span>Ожидаем вас по адресу:<strong> г. Киев, <NAME> 17</strong></span>" +
        "</p></div></div>");

};

QUnit.module('Проверка добавения содержимого info ');
QUnit.test("контакти", function (assert) {

    prepareForTest1();
    assert.ok($('.info'), "Содержимое info добавленно ");
    clearAfterTest();

    //



});





var prepareForTest4 = function () {
    $('footer').append(
        "<div id='f'>"+
        "<div class='container'>"+
        "<div class='row centered'>"+
        "<a href='https://twitter.com'><img src='images/t.png' alt='twitter'></a>"+
        "<a href='https://www.facebook.com'><img src='images/f.png' alt='facebook'></a>"+
        "<a href='https://vk.com'><img src='images/B.png' alt='vk'></a>"+
        "</div>"+
        "</div>"+
        "</div>"
    );
};

QUnit.module('Проверка добавения содержимого футера ');
QUnit.test("футер", function (assert) {

    prepareForTest4();
    assert.ok($('footer'), "Содержимое footer добавленно ");
    clearAfterTest();
    //
    prepareForTest4();
    assert.ok($('image'), "добавленно картинки");
    clearAfterTest();
});


<file_sep>/public/test/test.js
// var culcPer = function (a, b, c) {
//         if(a < 0 && b < 0 && c < 0)throw 'error';
//         if(a < 0 || b < 0 || c < 0)return 0;
//         return +a + +b + +c;
// };
//
// QUnit.module('наш первий модуль');
// QUnit.test("Считаем периметр триугольника вызовом функции culcPer", function (assert) {
//     assert.equal( culcPer(4,5,6), 15, "ноль равен нулю если есть числа");
//     assert.equal( culcPer('4',5,6), 15, "ноль равен нулю если есть 1 строка");
//     assert.notOk( culcPer(-1,0,3), "если хоть 1 отрицательная сторона то периметр 0");
//     try {
//         culcPer(-1, -3, -4);
//         assert.ok(false, 'gg')
//     }catch (ex){
//         assert.ok(true, 'gg')
//     }
//
// });
var prepareForTest = function () {
    var obj = {};
    obj.__proto__ = buttonContainer;
    obj.addButton();
};

var clearAfterTest = function () {
    $('.btn').remove()
};
var redButton = function () {
    $('button').css("color", "rgb(255, 0, 0)");
};


QUnit.module('Проверка добавения на страницу');
QUnit.test("Кнопка", function (assert) {
    prepareForTest(2);
    assert.ok(document.querySelector('.btn'), "Кнопка с классом btn добавленна");
    clearAfterTest();

    //

    prepareForTest('drgdr'); redButton();
    assert.equal($('button').css('color'), 'rgb(255, 0, 0)' , "Кнопка красная");

    clearAfterTest();
});



<file_sep>/public/src/index.js
var cart = {};
$.ajax({
    dataType: 'json',
    type: 'GET',
    url: '/goods',
    success: function (data) {

        var out = '';
        for (var key in data) {

            out += '<div class="single-goods">';
            out += '<img src="' + data[key].image + '">';
            out += '<h4>' + data[key]['name'] + '</h4>';
            out += '<p>Цена: ' + data[key]['price'] + ' грн.</p>';
            out += '<button class="add-to-cart" data-art="' + key + '">Купить</button>';
            out += '</div>';
        }



        $('#allGoods').html(out);
        // $('button.add-to-cart').on('click', addToCart());
        $('button.add-to-cart').click(function () {
            var id = $(this).attr('data-art');
            window.location.href = "../goods/oneGoods.html?id=" + id;
        });
    }

});

function addToCart() {
    //добавляем товар в корзину
    var articul = $(this).attr('data-art');
    if (cart[articul]!=undefined) {
        cart[articul]++;
    }
    else {
        cart[articul] = 1;
    }
    localStorage.setItem('cart', JSON.stringify(cart) );
    //console.log(cart);
    showMiniCart();
}

function checkCart(){
    //проверяю наличие корзины в localStorage;
    if ( localStorage.getItem('cart') != null) {
        cart = JSON.parse (localStorage.getItem('cart'));
    }
}

checkCart();

function showMiniCart(){
    //показываю содержимое корзины

    var a = 0;
    for (var key in cart) {
        a += cart[key];
    }
    $(".top-cart span").html(a);

}<file_sep>/public/test/pages/goods/laptop/test.js



var clearAfterTest = function () {
    $('#wrapper').remove()
};

QUnit.module('Проверка добавения содержимого на страницу ');
QUnit.test("wrapper", function (assert) {
    assert.ok(document.querySelector('#wrapper'), "Содержимое добавленно");
    clearAfterTest();
});


var prepareForTest = function () {
    $("header").append(
        "<div class='navbar navbar-inverse navbar-fixed-top'>" +
        "<div class='container'>" +
        "<div class='navbar-header'>" +
        "<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1' aria-expanded='false'>" +
        "<span class='icon-bar'></span>"+
        "<span class='icon-bar'></span>"+
        "<span class='icon-bar'></span>"+
        "</button>"+
        "<a class='navbar-brand' href='index.html'>STICKER</a>"+
        "</div>"+
        "<div class='collapse navbar-collapse ' id='bs-example-navbar-collapse-1'>"+
        "<ul class='nav navbar-nav navbar-right'>"+
        "<li class='active'><a href='index.html'>Домой</a></li>" +
        "<li><a href='pages/about/about.html'>О нас</a></li>" +
        "<li class='contact'><a href='pages/feedback/feedback.html'>Контакти</a></li>" +
        "<li><a href='pages/response/response.html'>Отзывы</a></li>"+
        "<li><a href='pages/delivery/delivery.html'>Доставка</a></li>"+
        "<li class='top-cart'><a href='pages/cart/cart.html'> Корзина <span id='m-cart'></span></a></li>"+
        "</ul>" +
        "</div>"+
        "</div>"+
        "</div>"+
        "<div id='headerwrap'>"+
        "<div class='container'>"+
        "<div class='row centered'>"+
        "<div class='col-lg-8 col-lg-offset-2'>"+
        "</div>"+
        "</div>"+
        "</div>"+
        "</div>");
};



QUnit.module('Проверка добавения содержимого header ');
QUnit.test("header", function (assert) {

    prepareForTest();
    assert.ok(document.getElementsByTagName('header'), "Содержимое header добавленно ");
    clearAfterTest();

    //

    prepareForTest();
    assert.ok($('.navbar-brand'), "Силка на лого добавлена");
    clearAfterTest();

    //

    prepareForTest();
    assert.ok($('.active'), "Силка на главную страницу добавлена");
    clearAfterTest();
    //
    prepareForTest();
    assert.ok($('#m-cart'), "мини-корзина на страницу добавлена");
    clearAfterTest();
});

var prepareForTest1 = function () {
    $(".info").append(
        "<div class='container'>" +
        "<div class='col-lg-12'>" +
        "<div id='allGoods'></div>"+

        "</div>" +
        "</div>" +
        "</div>");
};

QUnit.module('Проверка добавения содержимого info ');
QUnit.test("товари", function (assert) {

    prepareForTest1();
    assert.ok($('.info'), "Содержимое info добавленно ");
    clearAfterTest();

    //



});


var prepareForTest2 = function () {
    $(".wrap").append(
        "<div class='row centered'>" +
        "<br><br>"+
        "<div class='col-lg-4'>" +
        "<h4><a href='pages/goods/scuter.html'>Стикеры на скутер</a></h4>"+
        "<p> Наклейки на скутера – вот реальная тема. Да-да, можно и позером заделаться, а можно и по теме. Как заклеить мопед – личное дело райдера. Так что, сделать няшного дырчика или хмурого воина улиц – решать тебе.</p>"+
        "</div>"+
        "<div class='col-lg-4'>" +
        "<h4><a href='pages/goods/laptop.html'>Стикеры на ноутбук</a></h4>"+
        "<p>Наклейки для ноутбука скроют морщины царапины и потертости, если таковые уже имеются. В добавок они защитят лэптоп от твоих дальнейших шаловливых манипуляций, способных повредить нежную кожицу крышки. Знай, что наклейка на ноутбук добавит +10 к стилю по шкале крутости.</p>"+
        "</div>"+
        "<div class='col-lg-4'>" +
        "<h4><a href='pages/goods/goods.html'>Стикеры на авто</a></h4>"+
        "<p>Виниловые наклейки на авто, своим появлением обязаны идейному движению токийских дрифтеров, которое смело можно считать отцом JDM бума. Дрифтинг – особая разновидность гонок, где при повороте пилот намеренно производит максимальный занос.</p>"+
        "</div>"+
        "</div>"+
        "<br><br>"
    );
};

var text = function () {
    $('p').css("color", "rgb(128, 128, 128)");
};


QUnit.module('Проверка добавения содержимого wrap ');
QUnit.test("Основная часть страници", function (assert) {

    prepareForTest2();
    assert.ok($('.wrap'), "Содержимое wrap добавленно ");
    clearAfterTest();


    prepareForTest2();
    assert.ok($('h4'), "заголовки добавленно ");
    clearAfterTest();

    //

    prepareForTest2();
    assert.ok($('p'), "text добавленно ");
    clearAfterTest();

    //

    prepareForTest2();
    text();
    assert.equal($('p').css('color'), 'rgb(128, 128, 128)' , "текст серий");
    clearAfterTest();

    //

});


var prepareForTest3 = function () {
    $('#dg').append(
        "<div class='container'>" +
        "<div class='row centered'>" +
        "<h4>Последние работы</h4>" +
        "<br>" +
        "<div class='col-lg-4'>" +
        "<div class='tilt'>" +
        "<a href='#'><img src='images/1.png' alt=''></a>" +
        "</div>" +
        "</div>" +
        "<div class='col-lg-4'>" +
        "<div class='tilt'>" +
        "<a href='#'><img src='images/2.png' alt=''></a>" +
        "</div>" +
        "</div>" +
        "<div class='col-lg-4'>" +
        "<div class='tilt'>" +
        "<a href='#'><img src='images/3.png' alt=''></a>" +
        "</div>" +
        "</div>" +
        "</div>" +
        "</div>");
};

QUnit.module('Проверка добавения содержимого #dg ');
QUnit.test("Основная часть страници - низ", function (assert) {

    prepareForTest3();
    assert.ok($('#dg'), "Содержимое #dg добавленно ");
    clearAfterTest();


    prepareForTest3();
    assert.ok($('h4'), "заголовок добавленно");
    clearAfterTest();

    //

    prepareForTest3();
    assert.ok($('p'), "text добавленно");
    clearAfterTest();

    //

    prepareForTest3();
    text();
    assert.equal($('p').css('color'), 'rgb(128, 128, 128)' , "текст серий");
    clearAfterTest();

    //
    prepareForTest3();
    assert.ok($('image'), "добавленно картинки");
    clearAfterTest();
});
var prepareForTest4 = function () {
    $('footer').append(
        "<div id='f'>"+
        "<div class='container'>"+
        "<div class='row centered'>"+
        "<a href='https://twitter.com'><img src='images/t.png' alt='twitter'></a>"+
        "<a href='https://www.facebook.com'><img src='images/f.png' alt='facebook'></a>"+
        "<a href='https://vk.com'><img src='images/B.png' alt='vk'></a>"+
        "</div>"+
        "</div>"+
        "</div>"
    );
};

QUnit.module('Проверка добавения содержимого футера ');
QUnit.test("футер", function (assert) {

    prepareForTest4();
    assert.ok($('footer'), "Содержимое footer добавленно ");
    clearAfterTest();
    //
    prepareForTest4();
    assert.ok($('image'), "добавленно картинки");
    clearAfterTest();
});



<file_sep>/public/test/pages/response/test.js



var clearAfterTest = function () {
    $('#wrapper').remove()
};

QUnit.module('Проверка добавения содержимого на страницу ');
QUnit.test("wrapper", function (assert) {
    assert.ok(document.querySelector('#wrapper'), "Содержимое добавленно");
    clearAfterTest();
});
var text = function () {
    $('p').css("color", "rgb(128, 128, 128)");
};

var prepareForTest = function () {
    $("header").append(
        "<div class='navbar navbar-inverse navbar-fixed-top'>" +
        "<div class='container'>" +
        "<div class='navbar-header'>" +
        "<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1' aria-expanded='false'>" +
        "<span class='icon-bar'></span>"+
        "<span class='icon-bar'></span>"+
        "<span class='icon-bar'></span>"+
        "</button>"+
        "<a class='navbar-brand' href='index.html'>STICKER</a>"+
        "</div>"+
        "<div class='collapse navbar-collapse ' id='bs-example-navbar-collapse-1'>"+
        "<ul class='nav navbar-nav navbar-right'>"+
        "<li class='active'><a href='index.html'>Домой</a></li>" +
        "<li><a href='pages/about/about.html'>О нас</a></li>" +
        "<li class='contact'><a href='pages/feedback/feedback.html'>Контакти</a></li>" +
        "<li><a href='pages/response/response.html'>Отзывы</a></li>"+
        "<li><a href='pages/delivery/delivery.html'>Доставка</a></li>"+
        "<li class='top-cart'><a href='pages/cart/cart.html'> Корзина <span id='m-cart'></span></a></li>"+
        "</ul>" +
        "</div>"+
        "</div>"+
        "</div>"+
        "<div id='headerwrap'>"+
        "<div class='container'>"+
        "<div class='row centered'>"+
        "<div class='col-lg-8 col-lg-offset-2'>"+
        "</div>"+
        "</div>"+
        "</div>"+
        "</div>");
};



QUnit.module('Проверка добавения содержимого header ');
QUnit.test("header", function (assert) {

    prepareForTest();
    assert.ok(document.getElementsByTagName('header'), "Содержимое header добавленно ");
    clearAfterTest();

    //

    prepareForTest();
    assert.ok($('.navbar-brand'), "Силка на лого добавлена");
    clearAfterTest();

    //

    prepareForTest();
    assert.ok($('.active'), "Силка на главную страницу добавлена");
    clearAfterTest();
    //
    prepareForTest();
    assert.ok($('#m-cart'), "мини-корзина на страницу добавлена");
    clearAfterTest();
});

var prepareForTest1 = function () {
    $(".info").append(
        "<div class='container'>" +
        "<div class='col-lg-12'>" +
        "<div id='response'>"+
        "<form>"+
        "<h3>Оставить отзыв:</h3><br>"+
        "<label>Фамилия:</label><br>"+
        "<input class='form-control' type='text' placeholder='Иванов' required><br>"+
        "<label>Имя:</label><br>"+
        "<input class='form-control' type='text' placeholder='Иван' required><br>"+
        "<label>Ваш e-mail:</label><br>"+
        "<input class='form-control' type='email' placeholder='<EMAIL>' required><br>"+
        "<label>Отзыв:</label><br>"+
        "<textarea class='form-control' rows='6' placeholder='' required></textarea><br>"+
        "<button class='add-to-card btn btn-default btn-lg' type='submit' title='Отправить отзыв'>Отправить отзыв</button>"+
        "</form>"+
        "</div>" +
        "</div>" +
        "</div>");
};

QUnit.module('Проверка добавения содержимого info ');
QUnit.test("Отзиви", function (assert) {

    prepareForTest1();
    assert.ok($('.info'), "Содержимое info добавленно ");
    clearAfterTest();

    //



});


var prepareForTest3 = function () {
    $('#dg').append(
        "<div class='container'>" +
        "<div class='row centered'>" +
        "<h4>Последние работы</h4>" +
        "<br>" +
        "<div class='col-lg-4'>" +
        "<div class='tilt'>" +
        "<a href='#'><img src='images/1.png' alt=''></a>" +
        "</div>" +
        "</div>" +
        "<div class='col-lg-4'>" +
        "<div class='tilt'>" +
        "<a href='#'><img src='images/2.png' alt=''></a>" +
        "</div>" +
        "</div>" +
        "<div class='col-lg-4'>" +
        "<div class='tilt'>" +
        "<a href='#'><img src='images/3.png' alt=''></a>" +
        "</div>" +
        "</div>" +
        "</div>" +
        "</div>");
};

QUnit.module('Проверка добавения содержимого #dg ');
QUnit.test("Основная часть страници - низ", function (assert) {

    prepareForTest3();
    assert.ok($('#dg'), "Содержимое #dg добавленно ");
    clearAfterTest();


    prepareForTest3();
    assert.ok($('h4'), "заголовок добавленно");
    clearAfterTest();

    //

    prepareForTest3();
    assert.ok($('p'), "text добавленно");
    clearAfterTest();

    //

    prepareForTest3();
    text();
    assert.equal($('p').css('color'), 'rgb(128, 128, 128)' , "текст серий");
    clearAfterTest();

    //
    prepareForTest3();
    assert.ok($('image'), "добавленно картинки");
    clearAfterTest();
});
var prepareForTest4 = function () {
    $('footer').append(
        "<div id='f'>"+
        "<div class='container'>"+
        "<div class='row centered'>"+
        "<a href='https://twitter.com'><img src='images/t.png' alt='twitter'></a>"+
        "<a href='https://www.facebook.com'><img src='images/f.png' alt='facebook'></a>"+
        "<a href='https://vk.com'><img src='images/B.png' alt='vk'></a>"+
        "</div>"+
        "</div>"+
        "</div>"
    );
};

QUnit.module('Проверка добавения содержимого футера ');
QUnit.test("футер", function (assert) {

    prepareForTest4();
    assert.ok($('footer'), "Содержимое footer добавленно ");
    clearAfterTest();
    //
    prepareForTest4();
    assert.ok($('image'), "добавленно картинки");
    clearAfterTest();
});



<file_sep>/public/pages/cart/cart.js

$("body").append("<div id='wrapper'> "+
    "<header></header>" +
    "<div class='info'></div>" +
    "<div class='container wrap'></div>" +
    "<div id=dg></div>" +
    "<footer></footer>"+
    "</div>"
);


$("header").append(
    "<div class='navbar navbar-inverse navbar-fixed-top'>" +
    "<div class='container'>" +
    "<div class='navbar-header'>" +
    "<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>" +
    "<span class='icon-bar'></span>"+
    "<span class='icon-bar'></span>"+
    "<span class='icon-bar'></span>"+
    "</button>"+
    "<a class='navbar-brand' href='../../index.html'>STICKER</a>"+
    "</div>"+
    "<div class='navbar-collapse collapse'>"+
    "<ul class='nav navbar-nav navbar-right'>"+
    "<li><a href='../../index.html'>Домой</a></li>" +
    "<li><a href='../about/about.html'>О нас</a></li>" +
    "<li><a href='../feedback/feedback.html'>Контакти</a></li>" +
    "<li><a href='../response/response.html'>Отзывы</a></li>"+
    "<li><a href='../delivery/delivery.html'>Доставка</a></li>"+
    "<li><a href='cart.html'> Корзина </a></li>"+
    "</ul>" +
    "</div>"+
    "</div>"+
    "</div>"+
    "<div id='headerwrap'>"+
    "<div class='container'>"+
    "<div class='row centered'>"+
    "<div class='col-lg-8 col-lg-offset-2'>"+
    "</div>"+
    "</div>"+
    "</div>"+
    "</div>");


$(".info").append(
    "<div class='container'>" +
        "<div class='row'>" +
            "<div class='col-lg-12'>" +
                "<div id='my-cart'></div>" +
                "<div id='zakaz'><button class='checkout'>Оформити заказ</button></div>" +
            "</div>" +
        "</div>" +
    "</div>");




$('footer').append(
    "<div id='f'>"+
    "<div class='container'>"+
    "<div class='row centered'>"+
    "<a href='https://twitter.com'><img src='../../images/t.png' alt='twitter'></a>"+
    "<a href='https://www.facebook.com'><img src='../../images/f.png' alt='facebook'></a>"+
    "<a href='https://vk.com'><img src='../../images/B.png' alt='vk'></a>"+
    "</div>"+
    "</div>"+
    "</div>"
);















