<section ng-controller="HomeController">
    <div class="jumbotron text-center">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
                <img alt="AT&T" class="img-responsive text-center" src="modules/core/client/img/brand/att_rp_hz_r_4cp_grd_wht.jpg" height="100" width="300">
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-lg-3">
                <span class="button button2">
                    <h2>Remy V2.0</h2>
                </span>
            </div> 
            <div class="col-lg-9">
                <p class="lead">
                    Open-Source Full-Stack Solution For TPE-Factory Service Applications using the Mean Stack.  Any user can list database contents.   Only signed in users may edit or create items.
                </p>
            </div>
        </div>        
    </div>

    <div class="row">
        This page currently supports the attestations, attestments and feature mappers collections. Other collections (pricing) will join here soon.
    </div>
    <div class="row">
        <ul>
            <li>
                Attestations - The record of statements and responses provided by applications stored in a central repository.  Example - VPMO ASPR attestations
            </li>
            <li>
                Attestments - The common repository of statements available for display in any application. Applications with attestment logic can be driven by this data.No current examples
            </li>
            <li>
                Feature Mappers - The record of capabilities for AT&T sites stored in a central repository.  Replaces current TP&E spreadsheet methods
            </li>            
            <li>
                Host Names - Administration of the common repository for host names needed for physical Cloud nodes and Shared VMware guests (More in future)
            </li>
            <li>
                Infrastructure Requests (aka Order History) - The common repository of infrastructure request information provided by order systems. This data can be used for auditing, archiving, provisioning, fall out etc.  Replacement for technical requirements in VPMO OLR.
            </li>
        </ul>

    </div>
    <hr>
    <div class="row">
        <a class="btn btn-primary btn-lg center-block" href="http://meanjs.org" target="_blank">Click here to learn more about Mean.js</a>
    </div>
    <div class="row">
        <h3>MEAN.JS is a web application boilerplate, which means you should start changing everything :-)</h3>
        <h4>The MEAN stack is primarily composed of MongoDB, Express, Angular.js and Node.js</h4>
        <p>MeanJS also includes the Bootstrap framework which supports Mobile and all other screen types</p>

        <ul>
            <li>
                Click
                <em>Sign Up</em> to get started.
            </li>
            <li>
                Configure your app to work with your social accounts, by editing the
                <em>/config/env/*.js</em> files.
            </li>
            <li>
                Have fun...
            </li>
        </ul>
    </div>
    <div class="row">
        <div class="col-md-3">
            <h2><strong>M</strong>ongoDB</h2>
            <img alt="AT&T" class="img-responsive text-center" src="modules/core/client/img/brand/MongoOnlyPawn.png" height="60" width="120">
            <h4>Mongo only pawn in game of life</h4>
            <p><a target="_blank" href="http://mongodb.org/">MongoDB</a> is a NoSQL database. MongoDB's <a target="_blank" href="http://docs.mongodb.org/manual/">great manual</a> is the place to get started with NoSQL and MongoDB.</p>
        </div>
        <div class="col-md-3">
            <h2><strong>E</strong>xpress</h2>
            <p><a target="_blank" href="http://expressjs.com/"> Express</a> is a NodeJS server-side application web framework. Check out <a target="_blank" href="http://expressjs.com/4x/api.html">The ExpressJS API reference for more information</a> or <a target="_blank" href="http://stackoverflow.com/questions/8144214/learning-express-for-node-js">StackOverflow</a> for more info.</p>
        </div>
        <div class="col-md-3">
            <h2><strong>A</strong>ngularJS</h2>
            <p><a target="_blank" href="http://angularjs.org/">AngularJS</a> is client-side web application framework. The <a target="_blank" href="http://www.thinkster.io/">Thinkster Popular Guide</a> and <a target="_blank" href="https://egghead.io/">Egghead Videos</a> are great resources.</p>
        </div>
        <div class="col-md-3">
            <h2><strong>N</strong>ode.js</h2>
            <p><a target="_blank" href="http://nodejs.org/">Node.js</a> is a JavaScript run-time, popular for being a web server platform. Node's website and this <a target="_blank" href="http://stackoverflow.com/questions/2353818/how-do-i-get-started-with-node-js">stackOverflow thread</a> offer excellent starting points to get to grasps with node.</p>
        </div>
    </div>
    <div class="well">
        <h2>MEAN.JS Documentation</h2>
        <p>
            Once you're familiar with the foundation technology, check out the MEAN.JS Documentation:
        <ul>
            <li><a target="_blank" href="http://meanjs.org/docs.html">MEAN.JS Documentation</a>
            </li>
            <!-- <li><a target="_blank" href="http://meanjs.org/generator.html">Yeoman Generator</a>
                                    </li> -->
            <li><a target="_blank" href="http://meanjs.org/modules.html">Modules</a>
            </li>
            <li><a target="_blank" href="http://meanjs.org/changelog.html">Changelog</a>
            </li>
            <li><a target="_blank" href="http://meanjs.org/community.html">Community</a>
            </li>
            <li><a target="_blank" href="http://blog.meanjs.org">Blog</a>
            </li>
        </ul>
        </p>
    </div>
    <br>Enjoy &amp; Keep Us Updated,
    <br>The MEAN.JS Team.
</section>
