{{template "base/head" .}}
<div class="home-main bg">
	<div class="home align">
		<div class="ui stackable middle very relaxed page grid home-head">
			<div style="padding-left:0" class="sixteen wide left aligned centered column home-main mobile">
				<div class="logo">
					<img height="70px" src="https://gitote-cdn.netlify.com/logoblack.svg" alt="Gitote Logo" />
				</div>
				<div style="margin-right:-30px" class="ui right">
					<img class="hide-mobile" height="250px" src="https://gitote-cdn.netlify.com/img/svg/designer.svg" alt="Designer" />
				</div>
				<div class="hero">
					<h1>
						Welcome to Gitote 👋
					</h1>
					<h2>{{.i18n.Tr "app_desc"}}</h2>
					<h3 class="desc">Gitote is one of the code hosts in the world with many projects. Private, public, or open source, all repositories are equipped with tools to help you host, version, and release code.</h3>
					<a href="{{AppURL}}login">
						<button class="ui green button home-main home btn">
							🔑 Sign in
						</button>
					</a>
					{{if .ShowRegistrationButton}}
					<a href="{{AppURL}}join">
						<button class="ui blue button home-main home btn">
							➕ Create Account
						</button>
					</a>
					{{end}}
				</div>
			</div>
		</div>
	</div>
</div>

<div class="ui vertical segment home-main padding">
	<div class="ui two column center aligned divided very relaxed stackable grid container">
		<div class="row">
			<div class="column">
				<img src="https://gitote-cdn.netlify.com/img/svg/developer.svg" class="ui centered tiny image" alt="Developer">
				<h2 class="ui icon header">
					Write better code
				</h2>
				<p>Collaboration makes perfect. The conversations and code reviews that happen in Pull Requests help your team share the weight of your work and improve the software you build.</p>
				<a class="ui large button" href="#">Code Review</a>
			</div>
			<div class="column">
				<img src="https://gitote-cdn.netlify.com/img/svg/creation.svg" class="ui centered tiny image" alt="Creation">
				<h2 class="ui icon header">
					Manage your chaos
				</h2>
				<p>Take a deep breath. On Gitote, project management happens in Issues and Projects, right alongside your code. All you have to do is add a teammate to get them involved.</p>
				<a class="ui large button" href="#">Project Management</a>
			</div>
		</div>
  	</div>
</div>

<div class="ui vertical segment home-main padding">
    <div class="ui middle aligned stackable grid container">
		<div class="row">
			<div class="eight wide column">
				<h3 class="ui header">Follow open source projects</h3>
				<p>Learn how developers build and maintain open source software. You can watch a project that interests you to see its progress as it happens.</p>
				
				<h3 class="ui header">Build on great ideas</h3>
				<p>You don’t have to build everything from scratch. Make clones of your favorite projects, experiment in private repositories, and tailor tools and features to meet your needs.</p>

				<h3 class="ui header">Contribute your skills</h3>
				<p>Make a suggestion, fix a bug, improve documentation, or contribute code to a project. Even asking questions helps.</p>
			</div>
			<div class="six wide right floated column">
				<img src="https://gitote-cdn.netlify.com/img/svg/workchat.svg" class="ui medium image">
			</div>
		</div>
    </div>
</div>

<div class="ui vertical segment home-main padding">
  	<div class="ui stackable center aligned grid container">
			<div class="fourteen wide column">
			<img src="https://gitote-cdn.netlify.com/img/svg/co-working.svg" class="ui centered small image" alt="Co-Working">
			<h1 class="ui icon header">
				A better way to work together
			</h1>
			<div class="ui stackable center aligned vertically padded grid">
				<div class="eight wide column">
					<p>Gitote brings teams together to work through problems, move ideas forward, and learn from each other along the way.</p>
					<a class="ui large green basic button" href="{{AppURL}}join">
						Sign up your team
						<i class="right chevron icon"></i>
					</a>
				</div>
			</div>
		</div>
  	</div>
</div>

<div class="ui vertical segment home-main padding getstarted">
  	<div class="ui center aligned grid container">
		<div class="column">
			<h1 class="ui header">
				Get started for free — join with developers already using Gitote to share their code, work together, and build amazing things.
			</h1>
			<a class="ui positive huge button" href="{{AppURL}}join">
				Register
			</a>
		</div>
  	</div>
</div>

{{template "base/footer_content" .}}