diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..fecf415
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,60 @@
+*{
+ --main-font: sans-serif;
+ --font-size-L: 11vw;
+ --text-color: black;
+}
+
+body{
+    font-family: var(--main-font);
+}
+
+h1{
+    font-weight: normal;
+    line-height: inherit;
+    margin: 0;
+}
+
+a{
+    color: var(--text-color);
+}
+
+/* menu */
+
+menu{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+menu li a{
+    font-size: var(--font-size-L);
+    list-style: none;
+    text-decoration: none;
+    text-transform: initial;
+}
+
+.home menu li .menu-item-home{
+    text-decoration: underline;
+}
+
+.projects menu li .menu-item-projects{
+    text-decoration: underline;
+}
+
+.about menu li .menu-item-about{
+    text-decoration: underline;
+}
+
+
+/* HOME */
+
+.home h1{
+    font-size: var(--font-size-L);
+}
+
+/* PROJECTS */
+
+
+/* ABOUT */
+
+
diff --git a/site/blueprints/pages/about.yml b/site/blueprints/pages/about.yml
new file mode 100644
index 0000000..6a6e7b3
--- /dev/null
+++ b/site/blueprints/pages/about.yml
@@ -0,0 +1,7 @@
+sections:
+  Fields:
+    type: fields
+    fields:
+      presentation:
+        label: Presentation
+        type: writer
diff --git a/site/blueprints/pages/home.yml b/site/blueprints/pages/home.yml
new file mode 100644
index 0000000..bec2498
--- /dev/null
+++ b/site/blueprints/pages/home.yml
@@ -0,0 +1,14 @@
+sections:
+
+  Carroussel:
+    type: fields
+    fields:
+      Images:
+        type: files
+        label: Images
+        layout: cards
+        accept:
+          - image/jpg
+          - image/png
+          - image/svg
+          - image/webp
\ No newline at end of file
diff --git a/site/blueprints/pages/project.yml b/site/blueprints/pages/project.yml
new file mode 100644
index 0000000..5e348df
--- /dev/null
+++ b/site/blueprints/pages/project.yml
@@ -0,0 +1,18 @@
+
+sections:
+  Fields:
+    type: fields
+    fields:
+      date:
+        label: Date
+        type: date
+      tags:
+        label: project tags
+        type: tags
+        options: 
+          - tag test 1
+          - tag test 2
+          - tag test 3
+      description:
+        label: description
+        type: writer
diff --git a/site/blueprints/pages/projects.yml b/site/blueprints/pages/projects.yml
new file mode 100644
index 0000000..c319f75
--- /dev/null
+++ b/site/blueprints/pages/projects.yml
@@ -0,0 +1,24 @@
+
+
+sections:
+
+  Drafts:
+    label: Drafts
+    type: pages
+    layout: list
+    template: project
+    status: drafts
+    search: true
+    info: "tags: {{ page.tags }} --------- {{ page.date.toDate('d/m/Y') }}"
+    sortBy: date desc
+
+  publishedProjects:
+    label: Published projects
+    type: pages
+    layout: list
+    template: project
+    status: published
+    search: true
+    info: "tags: {{ page.tags }} --------- {{ page.date.toDate('d/m/Y') }}"
+    sortBy: date desc
+
diff --git a/site/config/config.php b/site/config/config.php
new file mode 100644
index 0000000..6856ff1
--- /dev/null
+++ b/site/config/config.php
@@ -0,0 +1,5 @@
+<?php 
+
+return [
+    'debug'=> true,
+];
\ No newline at end of file
diff --git a/site/snippets/header.php b/site/snippets/header.php
new file mode 100644
index 0000000..3b16900
--- /dev/null
+++ b/site/snippets/header.php
@@ -0,0 +1,3 @@
+<header>
+    <link rel="stylesheet" href="/assets/css/style.css">
+</header>
diff --git a/site/snippets/menu.php b/site/snippets/menu.php
new file mode 100644
index 0000000..5a69677
--- /dev/null
+++ b/site/snippets/menu.php
@@ -0,0 +1,17 @@
+    <menu>
+        <li>
+            <a class="menu-item-home" href="<?= page('home')->url() ?>">
+                <?= page('home')->title() ?>
+            </a>
+        </li>
+        <li>
+            <a class="menu-item-projects" href="<?= page('projects')->url() ?>">
+                <?= page('projects')->title() ?>
+            </a>
+        </li>
+        <li>
+            <a class="menu-item-about" href="<?= page('about')->url() ?>">
+                <?= page('about')->title() ?>
+            </a>
+        </li>
+    </menu>
\ No newline at end of file
diff --git a/site/templates/about.php b/site/templates/about.php
new file mode 100644
index 0000000..493ee65
--- /dev/null
+++ b/site/templates/about.php
@@ -0,0 +1,22 @@
+<?php snippet('header') ?>
+
+<body class="about">
+
+    <h1><?= $site->title() ?></h1>
+
+    <?php snippet('menu') ?>
+
+
+<p>
+ <?= $page->presentation() ?>
+</p>
+
+
+
+
+
+
+
+
+
+</body>
\ No newline at end of file
diff --git a/site/templates/home.php b/site/templates/home.php
new file mode 100644
index 0000000..abf33ec
--- /dev/null
+++ b/site/templates/home.php
@@ -0,0 +1,23 @@
+
+<?php snippet('header') ?>
+
+<body class="home">
+
+    <h1><?= $site->title() ?></h1>
+
+    <?php snippet('menu') ?>
+
+
+
+    <?php foreach ($page->images() as $image): ?>
+            <img src="<?= $image->url() ?>">
+    <?php endforeach; ?>
+
+
+
+
+
+
+
+
+</body>
\ No newline at end of file
diff --git a/site/templates/project.php b/site/templates/project.php
new file mode 100644
index 0000000..ce38ee1
--- /dev/null
+++ b/site/templates/project.php
@@ -0,0 +1,12 @@
+<?php snippet('header') ?>
+
+<body class="project">
+
+    <h1><?= $site->title() ?></h1>
+
+    <?php snippet('menu') ?>
+
+
+
+
+</body>
\ No newline at end of file
diff --git a/site/templates/projects.php b/site/templates/projects.php
new file mode 100644
index 0000000..2213a2e
--- /dev/null
+++ b/site/templates/projects.php
@@ -0,0 +1,28 @@
+<?php snippet('header') ?>
+
+<body class="projects">
+
+    <h1><?= $site->title() ?></h1>
+
+    <?php snippet('menu') ?>
+
+    <ul class="projects-index">
+        <?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $project): ?>
+            <li>
+                <details>
+                    <summary>
+                        <span> <?= $project->title() ?> </span>
+                        <span> <?= $project->tags() ?> </span>
+                        <span> <?= $project->date() ?> </span>
+                    </summary>
+                    
+                    <p><?= $project->description() ?></p>
+
+                </details>
+            </li>
+        <?php endforeach; ?>
+    </ul>
+
+</body>
+
+