footer.bemjson.js

({
    block: 'footer',
    content: [
        {
            elem: 'col',
            mods: [{ position: 'left' }],
            content: [
                { block: 'logo' },
                { block: 'social', providers: ['vk', 'facebook', 'twitter'] },
                { block: 'copyright' }
            ]
        },
        {
            elem: 'col',
            mods: [{ position: 'right' }],
            content: [
                {
                    block: 'menu',
                    mods: [{ section: 'learning' }],
                    content: [
                        { elem: 'title', content: 'Обучение' },
                        {
                            elem: 'list',
                            content: [
                                { elem: 'item', url: '/learn_map', title: 'Карта обучения' },
                                { elem: 'item', url: '/courses', title: 'Онлайн-курсы' },
                                { elem: 'item', url: '/intensive', title: 'Интенсив' },
                                { elem: 'item', url: '/pricing', title: 'Подписка' },
                                { elem: 'item', url: 'Рейтинг', title: '/rating' }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
});

logo.bemhtml.js

block('logo')(
    content()(function() {
        return [{
            block: 'icon',
            tag: 'i',
            url: '/logo.png',
            mix: [{
                block: 'logo',
                elem: 'logo'
            }]
        }, {
            elem: 'text',
            tag: 'span',
            content: 'HTML Academy'
        }];
    })
);