diff --git a/index.html b/index.html
index 6a75700..962f4b4 100755
--- a/index.html
+++ b/index.html
@@ -100,6 +100,19 @@ var marginBottom = 50; // in px
 </code></pre>
 <h2 id="addingatemplate">Adding a template</h2>
 <p>TODO</p>
+<ul>
+<li>add folder in resumes, convention: 'resume-X'</li>
+<li>add .less and .mustache with same naming</li>
+</ul>
+<pre><code class="html language-html">&lt;page class="a4"&gt;
+    &lt;div id="resume1" class="resume"&gt;
+      &lt;!-- Content goes here --&gt;
+    &lt;/div&gt;
+&lt;/page&gt;
+</code></pre>
+<ul>
+<li>url </li>
+</ul>
 <h2 id="contribute">Contribute</h2>
 <p>Feel free to create your own templates. Please read this documentation carefully. After adding your template please add a preview as in <code>/public/preview</code> and add it to the README. Compile index.html for github Pages with <code>npm run readme</code>. If needed adjust github Pages styling in <code>/less/githubPages.less</code>.</p>
     </div>
diff --git a/resumes/resume-grey-boxes/resume-grey-boxes.mustache b/resumes/resume-grey-boxes/index.mustache
similarity index 100%
rename from resumes/resume-grey-boxes/resume-grey-boxes.mustache
rename to resumes/resume-grey-boxes/index.mustache
diff --git a/resumes/resume-grey-boxes/resume-grey-boxes.less b/resumes/resume-grey-boxes/style.less
similarity index 100%
rename from resumes/resume-grey-boxes/resume-grey-boxes.less
rename to resumes/resume-grey-boxes/style.less
diff --git a/resumes/resume-large-name/index.mustache b/resumes/resume-large-name/index.mustache
new file mode 100644
index 0000000..48d46e4
--- /dev/null
+++ b/resumes/resume-large-name/index.mustache
@@ -0,0 +1,12 @@
+<page class="a4" class="resumeLargeName">
+    <div id="resumeLargeName" class="resume">
+        <div class="top"></div>
+
+        <div class="bottom">
+            <div class="first name"> {{person.name.first}}.
+            </div>
+            <div class="last name"> {{person.name.last}}.
+            </div>
+        </div>
+    </div>
+</page>
diff --git a/resumes/resume-large-name/style.less b/resumes/resume-large-name/style.less
new file mode 100644
index 0000000..fb27a2e
--- /dev/null
+++ b/resumes/resume-large-name/style.less
@@ -0,0 +1,16 @@
+page.resumeLargeName {
+    background: black;
+    color: white;
+}
+
+#resumeLargeName {
+    .top {
+        width: 100%;
+        height: 38%;
+    }
+
+    .bottom {
+        height: 62%;
+        width: 100%;
+    }
+}
diff --git a/resumes/resume-left-right/resume-left-right.mustache b/resumes/resume-left-right/index.mustache
similarity index 100%
rename from resumes/resume-left-right/resume-left-right.mustache
rename to resumes/resume-left-right/index.mustache
diff --git a/resumes/resume-left-right/resume-left-right.less b/resumes/resume-left-right/style.less
similarity index 100%
rename from resumes/resume-left-right/resume-left-right.less
rename to resumes/resume-left-right/style.less
diff --git a/resumes/resume-oblique/resume-oblique.mustache b/resumes/resume-oblique/index.mustache
similarity index 100%
rename from resumes/resume-oblique/resume-oblique.mustache
rename to resumes/resume-oblique/index.mustache
diff --git a/resumes/resume-oblique/resume-oblique.less b/resumes/resume-oblique/style.less
similarity index 100%
rename from resumes/resume-oblique/resume-oblique.less
rename to resumes/resume-oblique/style.less
diff --git a/resumes/resume-side-bar/resume-side-bar.mustache b/resumes/resume-side-bar/index.mustache
similarity index 100%
rename from resumes/resume-side-bar/resume-side-bar.mustache
rename to resumes/resume-side-bar/index.mustache
diff --git a/resumes/resume-side-bar/resume-side-bar.less b/resumes/resume-side-bar/style.less
similarity index 100%
rename from resumes/resume-side-bar/resume-side-bar.less
rename to resumes/resume-side-bar/style.less
diff --git a/resumes/resume-spotify/resume-spotify.mustache b/resumes/resume-spotify/index.mustache
similarity index 100%
rename from resumes/resume-spotify/resume-spotify.mustache
rename to resumes/resume-spotify/index.mustache
diff --git a/resumes/resume-spotify/resume-spotify.less b/resumes/resume-spotify/style.less
similarity index 100%
rename from resumes/resume-spotify/resume-spotify.less
rename to resumes/resume-spotify/style.less
diff --git a/resumes/resume-wanted/resume-wanted.mustache b/resumes/resume-wanted/index.mustache
similarity index 100%
rename from resumes/resume-wanted/resume-wanted.mustache
rename to resumes/resume-wanted/index.mustache
diff --git a/resumes/resume-wanted/resume-wanted.less b/resumes/resume-wanted/style.less
similarity index 100%
rename from resumes/resume-wanted/resume-wanted.less
rename to resumes/resume-wanted/style.less
diff --git a/src/compileLess.js b/src/compileLess.js
index aa70da8..d03d54f 100755
--- a/src/compileLess.js
+++ b/src/compileLess.js
@@ -49,7 +49,7 @@ async function compileLessFiles() {
 
     const contents = await Promise.all(
         directories
-        .map(resume => readFileContent('resumes/' + resume + '/' + resume + '.less'))
+        .map(resume => readFileContent('resumes/' + resume + '/style.less'))
     );
     const compiledContents = await Promise.all(
         contents
diff --git a/src/server.js b/src/server.js
index 4aa7062..c781bab 100755
--- a/src/server.js
+++ b/src/server.js
@@ -45,7 +45,7 @@ for (let resume of directories) {
     app.get('/' + resume, (req, res) => {
         res.render('views/layout', {
             partials: {
-                content: resume + '/' + resume
+                content: resume + '/index'
             },
             person: person
         });