---

layout: bootstrap

---

<div class="row">

<div class="col-sm-12 col-lg-8">

<div class="content page" id="page">

<div>

{{ content }}

</div>

</div>

</div>

<div class="col-sm-12 col-lg-4">

{% if page.sidebar %}

<div class="well sidebar">

{{ page.sidebar | markdownify }}

</div>

{% else%}

<div class="well">

<a class="btn btn-lg btn-warning btn-block" href="/quickstart">Quick Start →</a>

<p><br/>Write and execute a test for an existing app

<b>in less then a 5 mins!</b>

</p>

</div>

{% endif %}

<p>

</p>

<div class="links">

<p>

<a href="http://codeception.com/thanks.html">

<img src="https://poser.pugx.org/Codeception/Codeception/version.png" alt="Latest stable version">

</a>

<img src="https://camo.githubusercontent.com/ba3ef343659e0ec242700c28c571dd89c6fd54d8/68747470733a2f2f706f7365722e707567782e6f72672f636f646563657074696f6e2f636f646563657074696f6e2f646f776e6c6f6164732e706e67" alt="Total Downloads" data-canonical-src="https://poser.pugx.org/codeception/codeception/downloads.png" style="max-width:100%;">

</p>

<p>

<a href="http://phptest.club/c/codeception">

<img src="/images/phptestclub.png" style="height: 64px"><br> Community Forum

</a>

</p>

<p>

<a href="https://github.com/codeception/codeception">

<img src="/images/github.png"> GitHub Repository

</a>

</p>

</div>

</div>

<hr>

<div id="toc"></div>

</div>

<script type="text/javascript">

$(document).ready(function () {

$('#toc').toc({

'selectors': 'h2',

'prefix': 'toc',

'container': '#page',

'anchorName': function(i, heading, prefix) { //custom function for anchor name

return $(heading).text().replace(/\s/g, '-').replace(/[^\w-]/g, '');

},

});

});

</script>