JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/douglascrockford/JSON-js/master/json2.js"></script>
<script src="https://rawgit.com/jashkenas/underscore/1.5.2/underscore-min.js"></script>
<script src="https://rawgithub.com/jashkenas/backbone/1.0.0/backbone-min.js"></script>
<script src="https://dl.dropboxusercontent.com/s/5f6cxstptf8h7v2/backbone.marionette.js?dl=0"></script>
<script src="https://dl.dropboxusercontent.com/s/kvjy2bjej99vxpa/router.js?dl=0"></script>
<script src="https://dl.dropboxusercontent.com/s/4mblc811fg5nsnj/first.js?dl=0"></script>
<script src="https://dl.dropboxusercontent.com/s/s623vhduylfeatf/firstpage.html?dl=0"></script>
<div>
    <div id="header">

    </div>
    <div id="contend">
        <!--p>Here is static content in the web page. You'll notice that it gets
             replaced by our app as soon as we start it.</p-->

    </div>
    <div id="fotter">

    </div>
</div>

JavaScript

$(document).ready(function(){
    /**
 * Created by nksharma on 1/20/2015.
 */
function render(tmpl_name, tmpl_data) {
    if ( !render.tmpl_cache ) {
        render.tmpl_cache = {};
    }

    if ( ! render.tmpl_cache[tmpl_name] ) {
        var tmpl_dir = '';
        var tmpl_url = tmpl_dir + '/' + tmpl_name + '.html';

        var tmpl_string;
        $.ajax({
            url: tmpl_url,
            method: 'GET',
            async: false,
            success: function(data) {
                tmpl_string = data;
            }
        });

        render.tmpl_cache[tmpl_name] = _.template(tmpl_string);
    }

    return render.tmpl_cache[tmpl_name](tmpl_data);
}

        var ContactManager = new Marionette.Application();
        ContactManager.addRegions({
            mainRegion:"#contend"
        })

        ContactManager.on("start", function(){
            console.log("ContactManager has started!");
            var routers = new R({app: ContactManager})

        });

        ContactManager.start();

        // router

    })