index.html

---
layout: default
---


<div class="head-banner">
    <div class="row">
        <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-12">
            <img class="img-responsive" src="img/logo.png" alt="MEAN.JS">
        </div>
    </div>
    <div class="row head-banner-text">
        <p class="lead text-center col-md-12 col-xs-12">
            Open-Source Full-Stack Solution For MEAN Applications<br>
        </p>
    </div>
    <div class="row head-banner-buttons">
        <div class="col-md-offset-3 col-md-3 col-xs-12">
            <a href="https://github.com/meanjs/mean/zipball/master" class="btn btn-default btn-lg btn-block">Download</a>
        </div>
        <div class="col-md-3  col-xs-12">
            <a href="http://github.com/meanjs/mean" class="btn btn-success btn-lg btn-block">View On GitHub</a>
        </div>
    </div>
    <div class="row text-center hidden-xs hidden-sm">
        <ul class="list-inline social-links">
            <li>
                <div class="fb-like" data-href="https://www.facebook.com/meanjs" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
            </li>
            <li>
                <a href="https://twitter.com/meanjsorg" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow MEAN.JS</a>
            </li>
            <li>
                <a href="https://twitter.com/share" data-text="meanjs.org - Full-Stack JavaScript From Creators of MEAN.IO" class="twitter-share-button" data-lang="en">Tweet</a>
            </li>
        </ul>
    </div>
</div>

<div>
    <div class="col-md-4">
        <h4>What is MEAN.JS?</h4>
        <p>
            MEAN.JS is a full-stack JavaScript solution that helps you build fast, robust, and maintainable production web applications using MongoDB, Express, AngularJS, and Node.js.
        </p>
    </div>
    <div class="col-md-4">
        <h4>Why MEAN.JS?</h4>
        <p>
            MEAN.JS will help you getting started and avoid useless grunt work and common pitfalls, while keeping your application organized. Our goal is to create and maintain a simple and readable open-source solution that you can use and trust in your projects.
        </p>
    </div>
    <div class="col-md-4">
        <h4>Getting started</h4>
        <p>
            After downloading the source code, go over the official documentation of <a href="http://docs.mongodb.org/manual/">MongoDB</a>, <a href="http://expressjs.com/">ExpressJS</a>, <a href="http://docs.angularjs.org/guide/">AngularJS</a>, and <a href="http://nodejs.org/api/">Node.js</a>, then continue with the <a href="docs.html">MEAN.JS Documentation</a>.
        </p>
    </div>
</div>