diff --git a/src/routes/portfolio.rs b/src/routes/portfolio.rs
index 77cc21d..0df913d 100644
--- a/src/routes/portfolio.rs
+++ b/src/routes/portfolio.rs
@@ -60,7 +60,7 @@ fn build_page(config: Config, url: String) -> String {
     };
 
     config.tmpl.render(
-        "portfolio.html",
+        "portfolio/index.html",
         PortfolioTemplate {
             navbar: NavBar {
                 portfolio: true,
diff --git a/templates/portfolio/card.html b/templates/portfolio/card.html
new file mode 100644
index 0000000..957e6c6
--- /dev/null
+++ b/templates/portfolio/card.html
@@ -0,0 +1,10 @@
+{{#metadata}} {{#info}}
+<li onclick="window.open('{{link}}', '_blank', 'noreferrer');">
+  <div>
+    <h3>{{title}}</h3>
+    <span>{{&content}}</span> {{#language}}
+    <p data-lang="{{language}}"></p>
+    {{/language}}
+  </div>
+</li>
+{{/info}} {{/metadata}}
diff --git a/templates/portfolio.html b/templates/portfolio/index.html
similarity index 60%
rename from templates/portfolio.html
rename to templates/portfolio/index.html
index 777eb8d..3e71a59 100644
--- a/templates/portfolio.html
+++ b/templates/portfolio/index.html
@@ -23,31 +23,13 @@
 
       <h2>Projets</h2>
       <ul>
-        {{#apps}} {{#metadata}} {{#info}}
-        <li onclick="window.open('{{link}}', '_blank', 'noreferrer');">
-          <div>
-            <h3>{{title}}</h3>
-            <span>{{&content}}</span> {{#language}}
-            <p data-lang="{{language}}"></p>
-            {{/language}}
-          </div>
-        </li>
-        {{/info}} {{/metadata}} {{/apps}}
+        {{#apps}} {{>portfolio/card.html}} {{/apps}}
       </ul>
 
       {{#archived_apps_exists}}
       <h2>Archives</h2>
       <ul>
-        {{#archived_apps}} {{#metadata}} {{#info}}
-        <li onclick="window.open('{{link}}', '_blank', 'noreferrer');">
-          <div>
-            <h3>{{title}}</h3>
-            <span>{{&content}}</span> {{#language}}
-            <p data-lang="{{language}}"></p>
-            {{/language}}
-          </div>
-        </li>
-        {{/info}} {{/metadata}} {{/archived_apps}}
+        {{#archived_apps}} {{>portfolio/card.html}} {{/archived_apps}}
       </ul>
       {{/archived_apps_exists}} {{/location_apps}} {{/data}}
     </main>
@@ -55,7 +37,7 @@
     <script>
       /* Fix links in list */
       window.addEventListener("load", () =>
-        document.querySelectorAll("li a").forEach(function (link) {
+        document.querySelectorAll("main a").forEach(function (link) {
           link.setAttribute("target", "_blank");
           link.setAttribute("rel", "noreferrer");
           link.addEventListener("click", function (event) {