<!DOCTYPE html>
<html ng-controller="frontPageController" ng-app="frontPage">
<head>

<title>Online Brackets - create and run tournaments online</title>

<meta charset="utf-8">

<link rel="icon" type="image/gif" href="/resources/img/Logo1blue.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<!-- Bootstrap -->
<link href="resources/css/bootstrap.min.css" rel="stylesheet" media="screen">

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">


<!-- My files -->
<link href="resources/css/frontpage.css" rel="stylesheet" media="screen">
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-4942518336559307",
enable_page_level_ads: true
});
</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-63585021-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="register">

<nav class="navbar navbar-default navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle pull-left 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>
<a class="navbar-brand" href="/"><img
style="max-width:100px; max-height:30px; margin-top: -5px;margin-right: 5px;"
src="/resources/img/Logo1.png"><b>Online Brackets</b></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/users">View current tournaments</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/prices">Prices</a></li>
<li><a href="/#regDiv" target="_self">Register</a></li>
<li><a href="/login">Log in</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav><div class="container-fluid">
<div class="row">
<div class="jumbotron jumbotron-register"
style=" height: 350px; background-image: url('/resources/img/bg1.png'); background-size: 100%;">
<div class="container" style="text-align: center; padding-top: 50px;">
<div class="col-md-12">
<h1>
<p style="font-size: 35px; color: rgb(255, 255, 255); line-height: 62px;">Professional tournament management system</p>
</h1>
<a href="/users">
<button type="button" class="btn btn-primary btn-lg">View current tournaments</button>
</a>
</div>
</div>
</div>
</div>

<div class="row">
<div class="jumbotron" id="regDiv">
<div class="container">
<div class="col-md-8">
<h2>
Simply register and start running tournaments online!.</h2>

</div>

<div class="register-form col-md-4">
<div class="alert alert-danger" role="alert" ng-show="notification">
{{notification}}
</div>
<input type="text" class="input-lg register-input form-control" ng-model="registerData.username"
placeholder="Your username">
<input type="text" class="input-lg register-input form-control" ng-model="registerData.email"
placeholder="Your email">
<input type="password" class="input-lg register-input form-control" ng-model="registerData.password"
placeholder="Password">
<button type="submit" id="signupButton" class="register-input btn-block btn-lg btn-success"
ng-click="register()">Sign up</button>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- index_page -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px;"
data-ad-client="ca-pub-4942518336559307"
data-ad-slot="9049602872"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

<div class="row descriptions" style="color:seashell">
<p style="font-size: 35px; line-height: 62px;">Key features</p>

<div class="row descriptions">

<div class="col-md-3">
<p> Full automation to speed up management<ul>
<li>Player seeding support</li>
<li>Tournament signup</li>
<li>Live score update from mobile devices by PLAYERS</li>
<li>Automatic draw</li>
<li>Automatic losers qualification draw</li>
<li>Manual setup also available</li>
<li>Late registration</li>
</ul>
</p>
</div>
<div class="col-md-3">
<p>Persistent data storage<ul>
<li>Player database shared across user tournaments</li>
<li>Single tournament rankings</li>
<li>Combined tournament rankings</li>
<li>Full player match history</li>
</ul>
</p>
</div>
<div class="col-md-3">
<p>Multiple viewing formats<ul>
<li>Bracket view</li>
<li>Livescore</li>
<li>Export to excel</li>
</ul>
</p>
</div>
<div class="col-md-3">
<p>Personalisation<ul>
<li>User logo</li>
<li>Tournament logo</li>
<li>Sponsor logos</li>
<li>Venues</li>
<li>Tournament posters</li>
</ul>
</p>
</div>
</div>
</div>

<div class="row jumbotron" style="color: black">
<p style="font-size: 35px; line-height: 62px;">Multiple formats support</p>

<div class="row descriptions">

<div class="col-md-3">
<p> Single elimination brackets<ul>
<li>4 players</li>
<li>8 players</li>
<li>16 players</li>
<li>32 players</li>
<li>64 players</li>
<li>128 players</li>
</ul>
</p>
</div>

<div class="col-md-3">
<p>Double elimination brackets<ul>
<li>4 players</li>
<li>8 players</li>
<li>16 players</li>
<li>32 players</li>
<li>64 players</li>
<li>128 players</li>
</ul>
</p>
</div>

<div class="col-md-3">
<p>Double elimination with long loser side<ul>
<li>4 players</li>
<li>8 players</li>
<li>16 players</li>
<li>32 players</li>
<li>64 players</li>
</ul>
</p>
</div>
<div class="col-md-3">
<p>Round robin<ul>
<li>Unlimited group count</li>
<li>Unlimited players per group</li>
<li>Best players advance to single elimination knockout</li>
<li>Various game types: single double and triple match</li>
</ul>
</p>
</div>
</div>
</div>

<div class="row descriptions" style="color:seashell">

<div class="col-md-4">
<div class="pull-left">
<div class="footer-text">
<a class="buttonLink" href="mailto:info@online-brackets.com">info@online-brackets.com</a>&nbsp;&nbsp;
<a class="fa fa-facebook-square fa-2x" target="_blank"
href="http://www.facebook.com/online-brackets"></a>
<a class="fa fa-twitter-square fa-2x" target="_blank" href="http://www.twitter.com/OnlineBrackets"></a>

</div>
</div>
</div>

<div class="col-md-4">
<div class="footer-logo" align="center">

<img style="max-width:100px; max-height:30px;"
src="/resources/img/Logo1grey.png">
</div>
</div>

<div class="col-md-4">
<div class="pull-right">
<p>
© 2017 Online Brackets
</p>
</div>
</div>
</div>

</div>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular-route.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="resources/js/bootstrap.min.js"></script>
<script src="resources/js/pages/frontpage.js"></script>

</body>
</html>