index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="cache-control" content="max-age=0"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/>
    <meta http-equiv="pragma" content="no-cache"/>

    <meta name="description" content="Age of Empires Online fan project">
    <meta name="author" content="">

    <title>Project Celeste: Age of Empires Online</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-109820927-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-109820927-1');
    </script>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link href="style.css" rel="stylesheet">

</head>

<body>

<div class="navbar-wrapper">
    <div class="container age-nav">

        <nav class="navbar  navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                            aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">

                        <li class="active"><a href="#">HOME</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                               aria-haspopup="true" aria-expanded="false">GAME<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li class="list-header">FEATURES</li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features#wiki_units_.26amp.3B_buildings">Units & Buildings</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features#wiki_capital_city">Capital City</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features#wiki_crafting">Crafting</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features#wiki_skirmish_hall_booster_pack">Skirmish Hall</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features#wiki_defense_of_crete_booster_pack">Defense of Crete</a></li>
                                <li role="separator" class="divider"></li>

                                <li class="list-header">CIVILIZATIONS</li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features/civilizations#wiki_greek_civilization_.28standard.29">Greeks</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features/civilizations#wiki_egyptian_civilization_.28standard.29">Egyptians</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features/civilizations#wiki_celtic_civilization_.28standard.29">Celts</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features/civilizations#wiki_persian_civilization_.28pro.29">Persians</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features/civilizations#wiki_babylonian_civilization_.28pro.29">Babylonians</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/features/civilizations#wiki_norse_civilization_.28pro.29">Norse</a></li>
                            </ul>
                        </li>

                        <li><a href="https://www.reddit.com/r/projectceleste/wiki/features#wiki_multiplayer">MULTIPLAYER</a></li>
                        <a class="navbar-brand" href="#">
                            <img class="logo" src="images/logo.png" width="200"/>
                        </a>
                        <li><a target="_new" href="https://www.reddit.com/r/projectceleste/">NEWS</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                               aria-haspopup="true" aria-expanded="false">COMMUNITY <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="https://forums.projectceleste.com">Forums</a></li>
                                <li><a target="_new" href="https://discord.gg/pkM2RAm">Discord</a></li>
                                <li><a target="_new" href="https://www.reddit.com/r/projectceleste/">Reddit</a></li>
                                <li><a target="_new" href="http://eso-community.net/viewforum.php?f=319">ESOCommunity</a></li>
                            </ul>
                        </li>

                        <li><a target="_new" href="https://www.reddit.com/r/projectceleste/wiki/faq#wiki_faq">FAQ</a></li>
                    </ul>
                </div>


            </div>
        </nav>

    </div>
</div>


<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="images/bg.jpg">
            <div class="container">
                <div class="carousel-caption">
                    <p>

                        <iframe width="760" height="515" src="https://www.youtube.com/embed/vmUem5iWCqg?rel=0&amp;controls=0&amp;start=11" frameborder="0" allowfullscreen></iframe>
                    </p>
                    <p>
                        <a href="https://www.reddit.com/r/projectceleste/wiki/how-to-install-and-play-aoeo-celeste-fan-project"
                           target="_new" class="btn btn-lg play-button" role="button"></a>
                    </p>

                </div>
            </div>
        </div>
    </div>
</div><!-- /.carousel -->

<div class="container marketing">

    <!-- Three columns of text below the carousel -->
    <div class="row">
        <div class="col-lg-4">
            <img class="" src="images/free.png" alt="Free to play">
            <h2>Build Your Empire</h2>
            <p>Choose from 6 civilizations and complete quests to level up your civilization - unlocking new units, tech
                and challenges!</p>
            <!--<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>-->
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
            <img class="" src="images/pvp.png" alt="Fight friends in PVP">
            <h2>Play with Friends</h2>
            <p>Complete co-op quests with your friends or challenge their skills in the PVP arena. Join the community
                and participate in tournaments or gain high level gear in co-op quests.</p>
            <!--<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>-->
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
            <img class="" src="images/gear.png" alt="Gear up1"/>
            <h2>Get Loot!</h2>
            <p>Customize your civilization and gear up your units by completing quests solo or with friends. Complete
                challenging quests to earn prestigious legendary gear.</p>
            <!--<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>-->
        </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->


    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">Completely Free <span class="text-muted">(really!)</span></h2>
            <p class="lead">Fan made server- supported by the community to bring back the excellent Age of Empires
                online back to life. Play every civilization <b>for free!</b></p>
            <p class="lead">There is no paid content - no need to buy anything!</p>
        </div>
        <div class="col-md-5">
            <img class="featurette-image img-responsive center-block" src="images/obg.jpg"
                 alt="Generic placeholder image">
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
            <h2 class="featurette-heading">Just want the original Age of Empires gameplay? <span class="text-muted">No need to play the MMO!</span>
            </h2>
            <p class="lead">Skip all of the PVE content and go right into gearless champion mode PVP! The gameplay you
                know and love from Age of Empires is all here. Our PVP balance team work tirelessly to provide the game
                with a balanced, gearless, competitive mode. Community held tournaments give out prizes to those who can
                show they have the skills.</p>
        </div>
        <div class="col-md-5 col-md-pull-7">
            <img class="featurette-image img-responsive center-block" src="images/sparta.jpg" alt="Play Sparta PVP">
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">Quest, loot, craft <span
                    class="text-muted"> for those who loved the RTS MMO.</span></h2>
            <p class="lead">It's all there. Gear up your empire to take on more and more challenges. Play with friends
                in horde (crete) mode. Take on the most difficult quests and gain legendary gear. Build it from the
                ground up and show it off!</p>
        </div>
        <div class="col-md-5">
            <img class="featurette-image img-responsive center-block" src="images/pve.jpg" alt="Play PVE">
        </div>
    </div>


    <!-- FOOTER -->
    <footer>
        <p>Age of Empires Online © Microsoft Corporation. Project Celeste was created under Microsoft's <a
                href="http://www.xbox.com/en-us/developers/rules">"Game Content Usage Rules"</a> using assets from Age
            of Empires Online, and it is not endorsed by or affiliated with Microsoft.</p>
        <p class="pull-right"><a href="#">Back to top</a></p>
    </footer>

</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>