blob: 0e1b0df24da2213438bac2861004bfc904e29234 [file] [log] [blame]
<div class="col-md-12">
<div class="block block-how-it-works clearfix">
<span class="block-how-it-works-title">How Google Code-in Works:</span>
<div class="block-how-it-works-cycle clearfix">
<div class="block-how-it-works-step block-how-it-works-step1">
<div class="cog"></div>
<div class="arrow"></div>
<span>Pick a task from the list</span>
</div>
<div class="block-how-it-works-step block-how-it-works-step2">
<div class="cog"></div>
<div class="cog-center"></div>
<div class="arrow"></div>
<span>Complete the task</span>
</div>
<div class="block-how-it-works-step block-how-it-works-step3">
<div class="cog"></div>
<div class="cog-center"></div>
<div class="arrow"></div>
<span>Your task is approved!</span>
</div>
<div class="block-how-it-works-step block-how-it-works-repeat">
<div class="arrow"></div>
<div class="block-how-it-works-repeat-caption">
<div class="repeat-icon"></div>
<span>Repeat! <em>(and earn fabulous prizes)</em></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-6">
<div class="block-how-it-works-more">
<img src="/soc/content/{{ app_version }}/images/gci/block-how-it-works-more-{{ program_id }}.jpg" alt="Past Winners" class="block-how-it-works-more-image" />
<div class="block-how-it-works-more-caption">
<span>Google Code-in is a program for pre-university students, ages 13-17 years old.
{% if about_link %}
<a href="{{ about_link }}">Learn more ></a>
{% endif %}
</span>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-6">
{% if start_text %}
<div class="block-how-it-works-start">
<div class="block-how-it-works-start-inner">
{% if main_text|length < 20 %}
<span class="short-text">{{ main_text }}</span>
{% else %}
<span class="long-text">{{ main_text }}</span>
{% endif %}
<div class="block-start-link">
<a class="start-link" href="{{ start_link }}">{{ start_text }}</a>
</div>
{% if example_tasks_link %}
<a class="example-tasks" href="{{ example_tasks_link }}">Or see example tasks</a>
{% endif %}
{% if all_tasks_link %}
<a class="all-tasks-tasks" href="{{ all_tasks_link }}">Or see list of tasks</a>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div> <!-- end .row -->
</div> <!-- end .block.block-how-it-works -->
</div> <!-- end .col-lg-12 -->