{% extends base_template_path %}
{% block hero %}{% endblock %}
{% block content %}

<link rel="stylesheet" href="index.css">
<div class=container-wrapper>
	<section class="help-padding border-top-light">
		<h1 class="header-1"> Get Started </h1>
		<p class="intro text-light"> Spend your summer break writing code for an open source software project! </p>

		<div class="row border-top">
			<div class="col-sm-5">
				<div class="column-padding">
					<div>
						<h2 class="text-center"> Prerequisites </h2>
					</div>

					<div class="list-points">
						<ol>
							<li>Must be at least 18 years old at time of registration.</li>
							<li>Must be enrolled in or accepted into an accredited institution
								including (but not necessarily limited to) colleges, universities,
								masters programs, PhD programs and undergraduate programs as of
								the ESoC Student Acceptance Date (April 23, 2018).
							</li>
						</ol>
					</div>

					<div class="text-center">
						<a class="button button-secondary-small" href="/esoc#timeline"> View Timeline </a><br><br>
						<a class="button button-secondary-small" href="https://github.com/erpnext/foundation/wiki/ESOC-2018-FAQ" target="_blank"> FAQs </a>
					</div>

				</div>
			</div>

			<div class="col-sm-1"></div>

			<div class="col-sm-5">
				<div class="column-padding">
					<div>
						<h2 class="text-center"> How to apply ? </h2>
					</div>
					<div class="list-points">
						<ol>
							<li> Registrations opens on April 1st and will stay open till April 14th. </li>
							<li> Select the projects you’d like to work on and propose a solution for it. </li>
							<li> Make sure you go through <a href="/esoc/terms-and-rules"> Terms & Rules </a>
								to avoid confusion later.
							</li>
							<li> Send in your application! </li>
						</ol>
					</div>
					<div class="text-center">
						<div class="text-muted">{ registrations have been closed }</div>
						<a class="button button-primary-small hidden disabled" href="/apply-for-esoc"> Apply Now </a>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>

{% endblock %}