templates/common/root/app/states/index/index/main-view.html
<div class="index-state container">
<div class="row">
<div class="col-lg-12">
<div class="page-header">
<h1 id="container">Awesomesauce!
</h1>
</div>
<div class="bs-example">
<div class="jumbotron">
<h1>Congratulations!</h1>
<p>You've successfully created a project with generator-angular-xl.</p>
<p><a href="https://github.com/kennethlynne/generator-angular-xl" class="btn btn-primary btn-lg">Learn more</a></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<h2>Awesomesauce!</h2>
<p>You've just created an angular application!</p>
</div>
<div class="col-lg-4">
<h2>This is awesome!</h2>
<p>Much awesome! Don't stop now, generate some states and components FFS!!</p>
</div>
<div class="col-lg-4">
<h2>Prototyping</h2>
<p>You see that list with awesome stuff down there, it is delivered from a mock back-end defined in <pre>/app/dev/awesome-mock.js</pre>
You can create your own mock back-end by creating a repository.</p>
</div>
</div>
<hr>
<div class="row" cg-busy="AwesomeRepository.getAll">
<div class="col-lg-4">
<h1>A list of awesome things <small>from the back-end</small></h1>
<p class="lead">This list is populated with data from a mock back-end</p>
<ul>
<li ng-repeat="thing in awesomeThings">{{thing.text}}</li>
</ul>
</div>
</div>
</div>