Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.png">

    <title>Home</title>

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

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->


</head>
<!-- NAVBAR
================================================== -->

<body>
    <div class="navbar-wrapper">
        <div class="container">

            <div class="navbar navbar-inverse navbar-static-top">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">Vertice Interactive</a>
                    </div>
                    <div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="games.html">Games</a></li>
                            <li><a href="people.html">People</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="webcontact.html">Website</a></li>
                                    <li><a href="bugcontact.html">Bugs</a></li>
                                    <li><a href="contact.html">Other</a></li>
                                    <li class="divider"></li>
                                    <li class="dropdown-header">People</li>
                                    <li><a href="people/daniel.html">Daniel</a></li>
                                    <li><a href="people/rees.html">Rees</a></li>
                                    <li><a href="people/joe.html">Joe</a></li>
                                    <li><a href="people/dallin.html">Dallin</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>


    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/toann.png" alt="TOANN">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>TOANNv2</h1>
                        <p>TOANN, just revamped.</p>
                        <p><a class="btn btn-large btn-primary" href="#">Check it out!</a></p>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="images/itemdark.png" alt="Second slide">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>MoonLake</h1>
                        <p>Moonlake will be our first 3D game publicly released, and we hope you will like it!</p>
                        <p><a class="btn btn-large btn-primary" href="games.html">Learn more</a></p>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="images/itemdark.png" alt="Third slide">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Donate on Patreon</h1>
                        <p>Unitl we release a paid game, we will be entirley crowd funded, so help us by donating!</p>
                        <p><a class="btn btn-large btn-primary" href="#">Donate!</a></p>
                    </div>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="icon-prev"></span></a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="icon-next"></span></a>
    </div>
    <!-- /.carousel -->


    <!-- START THE FEATURETTES -->

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">Moonlake  <span class="text-muted">Our first 3D game</span></h2>
            <p class="lead">Our first 3D game! Go to the Games page to check it out!</p>
            <br>
            <p><a class="btn btn-primary" href="games.html">Learn more</a></p>
        </div>
        <div class="col-md-5">
            <img class="featurette-image img-responsive" src="data:image/png;base64," data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-5">
            <img class="featurette-image img-responsive" src="data:image/png;base64," data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
        <div class="col-md-7">
            <h2 class="featurette-heading">TOANNv2 <span class="text-muted">No, it's not a virus.</span></h2>
            <p class="lead">Check out our newest game, TOANNv2! It is the revamp of our unreleased original, TOANN! Now with commands, not buttons. Plus it actually works! Check it out on our games page!</p>
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">We make other things too!  <span class="text-muted">Web games yay!</span></h2>
            <p class="lead">We might be getting a web game for this site! You can thank Dallin for that!</p>
        </div>
        <div class="col-md-5">
            <img class="featurette-image img-responsive" src="data:image/png;base64," data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
    </div>

    <hr class="featurette-divider">

    <!-- /END THE FEATURETTES -->


    <!-- FOOTER -->
    <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2016 Vertice Interactive &middot; <a href="privacy.html">Privacy</a> &middot; <a href="terms.html">Terms</a></p>
    </footer>

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


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/holder.js"></script>
</body>

</html>