исходники чего? там весь html - на сайте, можно даже вгетом взять.
подключен только pure.css, и всё.
ну, если хошь, я могу тебя прямо сюда их показать:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>odii.ru :: ОДИССЕЙ II</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="pure-min.css">
<style>
body { background: url(ocean.jpg) no-repeat, #020646; background-size: 100% auto; }
.item { margin:30px; padding:10px; border-radius:4px; min-height:250px; opacity:0.6 }
h3 { margin-left: 12px }
</style>
<body>
<div class="pure-g">
<div class="pure-u-1-3"><p></p></div>
<div class="pure-u-1-3"><p></p></div>
<div class="pure-u-1-3"><h1 style="color:white"><br />ОДИССЕЙ II</h1></div>
</div>
<div class="pure-g">
<div class="pure-u-1-3">
<div class="item" style="background-color:orange;">
<h3><a href="http://51t.ru">система обмена сообщениями ii</a></h3>
<p>ii - распределённая система обмена сообщениями и одноимённый клуб 51t.ru
(одноимённый в данном случае значит, что было одно имя, а теперь стало другое)</p>
</div>
</div>
<div class="pure-u-1-3">
<div class="item" style="background-color:#84ABFF;">
<h3><a href="http://www.openbsd.org">OpenBSD</a></h3>
<p>OpenBSD - второй источник и вторая составная часть проекта odii. Это операционная система, к которой лучше всего
подходит эпитет *классная*. Потому и вот.</p>
</div>
</div>
<div class="pure-u-1-3">
<div class="item" style="background-color:#FFABE4;">
<h3>ОДИССЕЙ II</h3>
<p>С одноимёнными частями у нас тут полный порядок. Сначала вообще все три части назывались odii.
А теперь только третья часть проекта Одиссей II называется Одиссей II.</p>
</div>
</div>
</div>
</body>
</html>