<ahref="#one"class="more scrolly">Learn More</a>

{% for summary in site.categories.summary %}

<sectionid="one"class="wrapper style1 special">

{% for feature in site.categories.features reversed %}

<sectionclass="spotlight wide">

<divclass="image">

{% if feature.image.alt %}

{% if feature.image.href %}

<aid="{{feature.image.id}}"href="#{{feature.image.href}}"class="modal-link">

<imgalt="{{feature.image.alt}}"class="lazy"

src="{{feature.image.src}}"

---

<divid="docs"role="main">

<blockquote>The docs are a deeper read. It's recommended you get setup with the plugins and gain an understanding of how CodeRoad works before continuing.</blockquote>

The docs are a deeper read. It's recommended you get setup with the plugins and gain an understanding of how CodeRoad works before continuing.

<sectionid="suggestions">

<ulclass="actions"style="text-align: center;">

<li><aclass="button special"href="/atom-coderoad.html">Quick Start</a></li>

<li><aclass="button"href="/builder-coderoad.html">Builder Start</a></li>

<li><aclass="button"href="/overview.html">Overview</a></li>

<aclass="button special"href="/atom-coderoad.html">Quick Start</a>

<aclass="button"href="/builder-coderoad.html">Builder Start</a>

<aclass="button"href="/overview.html">Overview</a>

<divclass="inner">

<headerclass="major">

<h2>Tutorials</h2>

<p>Interactive lessons = learning faster. Look forward to more tutorials in the near future.</p>

Interactive lessons = learning faster. Look forward to more tutorials in the near future.

{% include tutorial-list.html %}