gitote/templates/home.tmpl

{{template "base/head" .}}
<div class="home-main bg">
	<div class="home align">
		<div class="ui stackable middle very relaxed page grid home-head">
			<div class="sixteen wide center aligned centered column">
				<div class="logo">
					<img height="80px" src="https://cdn.jsdelivr.net/npm/gitote@1.0.1/logo.png" />
				</div>
				<div class="hero">
					<h1 class="ui icon header title">
						{{AppName}}
					</h1>
					<h2>{{.i18n.Tr "app_desc"}}</h2>
					<h3 class="desc">{{AppName}} 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://cdn.jsdelivr.net/npm/gitote@1.1.5/img/svg/developer.svg" class="ui centered tiny image">
				<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://cdn.jsdelivr.net/npm/gitote@1.1.5/img/svg/creation.svg" class="ui centered tiny image">
				<h2 class="ui icon header">
					Manage your chaos
				</h2>
				<p>Take a deep breath. On {{AppName}}, project management happens in Issues and Projects, right alongside your code. All you have to do is invite 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 copies 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://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/work_chat_erdt.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://cdn.jsdelivr.net/npm/gitote@1.1.5/img/svg/co-working.svg" class="ui centered small image">
			<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>{{AppName}} 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 {{AppName}} 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" .}}