1 files changed, 40 insertions, 3 deletions

diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index a7b68c3..838f570 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -3,11 +3,48 @@
 $body$
     </div>
 
-    <div id="projects" class="c-post-list c-post-list--grid">
-        <div class="c-post-list__category-content">
+    <div class="c-card-list">
+        <h2 class="c-card-list__category-header">
+            Profiles
+        </h2>
+        <div class="c-card-list__category-content c-card-list__category-content--grid">
+            $for(profiles)$
+                $if(it.featured)$
+                    $if(it.url)$
+                        <a class="c-card-list__card c-card" href="$it.url$">
+                    $else$
+                        <div class="c-card-list__card c-card">
+                    $endif$
+                        $if(it.icon)$
+                            <svg class="c-card__block o-icon">
+                                <use href="/symbols.svg#icon-$it.icon$"></use>
+                            </svg>
+                        $endif$
+                        <div class="c-card__block c-card__block--main">
+                            <strong class="u-db">$it.platform$</strong>
+                            <small class="u-db">$it.username$</small>
+                        </div>
+                        $if(it.url)$
+                            <svg class="c-card__block o-icon">
+                                <use href="/symbols.svg#icon-arrow-up-right"></use>
+                            </svg>
+                        $endif$
+                    $if(it.url)$
+                        </a>
+                    $else$
+                        </div>
+                    $endif$
+                $endif$
+            $endfor$
+        </div>
+
+        <h2 class="c-card-list__category-header">
+            <a href="$pages.by_id.projects.url.rel$">$pages.by_id.projects.title$</a>
+        </h2>
+        <div class="c-card-list__category-content c-card-list__category-content--grid">
             $for(pages.by_id.projects.pages.all)$
                 $for(it.pages.all)$
-                    <a href="$it.url.rel$" class="c-post-list__post c-card">
+                    <a href="$it.url.rel$" class="c-card-list__card c-card">
                         $if(pages.by_id.projects.pages.all.icon)$
                             <svg class="c-card__block o-icon">
                                 <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>