index.html

<!doctype html>
<html>

<head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <title>QuickStart - Backbone</title>

    <!-- styles entry point -->
    <link rel="stylesheet" href="css/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/app.css">
</head>

<body>
    <!-- Backbone-->
    <div id="app" class="container-fluid">
        <header class="header-footer-bg">
            <div class="center">
                <h3>FeedHenry
                    <small>QuickStart - Backbone</small>
                </h3>
            </div>
        </header>

        <div id="count" class="col-xs-12">
            <div id="formWrapper">
                <p id="description">This is a basic Backbone App that can take in your name, send it to a cloud app and display the response.</p>
                <br>

                <div class="input-group input-group">
                    <input type="text" class="form-control" placeholder="Enter your name here.">
                </div>

                <br>


                <button type="button" class="btn btn-primary btn-block count-characters">Say Hello From The Cloud</button>
                <div class="col-xs-12 jumbotron hello-result hidden text-center"></div>
            </div>
        </div>

        <footer class="header-footer-bg">
            <div>
                <small class="right">
                    <!-- v.&nbsp;{{ version }} -->
                </small>
            </div>
        </footer>
    </div>

    <script src="cordova.js"></script>
    <script src="main.js" type="text/javascript"></script>

    <script src="js/helpers/cloud.js"></script>

    <script src="js/views/hello.js"></script>
</body>

</html>