Welcome to your new site!

We've copied over the Kitchensink Skeleton for you already, which is what you're currently viewing. Step through the guide below and we'll walk you through the process of working with your first docpad website :-)

Get started »

Docpad

DocPad takes that good ol' simple approach of writing files and wraps it with the best modern innovations, providing an awesome intuitive, liberating and empowering solution for HTML5 web development.

Visit Website

Twitter Bootstrap

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Visit Website

Click to view this page's source

src/index.html
--- yaml
layout: 'default'
title: 'Home'
---

<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
    <h1>Welcome to your new site!</h1>
    <p>
        We've copied over the
        <a href="https://github.com/bevry/kitchensink.docpad">
            Kitchensink Skeleton
        </a>
        for you already, which is what you're currently viewing.

        Step through the guide below and we'll walk you through the process of working with your first docpad website :-)
    </p>
    <p><a class="btn primary large" href="/pages/getting-started.html">Get started &raquo;</a></p>
</div>

<!-- Example row of columns -->
<div class="row" style="text-align:center;">
    <div class="span8">
        <h2>Docpad</h2>
        <p>DocPad takes that good ol' simple approach of writing files and wraps it with the best modern innovations, providing an awesome intuitive, liberating and empowering solution for HTML5 web development.</p>
        <p><a class="btn" href="https://github.com/bevry/docpad">Visit Website</a></p>
    </div>
    <div class="span8">
        <h2>Twitter Bootstrap</h2>
        <p>Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.</p>
        <p><a class="btn" href="http://twitter.github.com/bootstrap/">Visit Website</a></p>
    </div>
</div>