diff --git a/index.php b/index.php
index 0672ece3f85328b812ee8243174a899538d20985..accbbabdfb8206740c46298d11977472278c94ec 100644
--- a/index.php
+++ b/index.php
@@ -34,9 +34,11 @@
       <?php require_once('src/html/project.html'); ?>
       <?php require_once('src/html/project-creation.html'); ?>
       <?php require_once('src/html/project-edition.html'); ?>
+      <?php require_once('src/html/client-creation.html'); ?>
       <?php require_once('src/html/channels.html'); ?>
       <?php require_once('src/html/channel.html'); ?>
       <?php require_once('src/html/channel-edition.html'); ?>
+      <?php require_once('src/html/channel-creation.html'); ?>
       <?php require_once('src/html/search.html'); ?>
     </main>
 
diff --git a/src/html/channel-creation.html b/src/html/channel-creation.html
new file mode 100644
index 0000000000000000000000000000000000000000..33b81b6ca70769c826007507fda949b77f900975
--- /dev/null
+++ b/src/html/channel-creation.html
@@ -0,0 +1,8 @@
+<div id="new-channel" style="display: none">
+  <h1>NEW CHANNEL</h1>
+  <sib-form 
+    data-src="http://localhost:8000/channels/" 
+    data-fields="name, address, logo"
+  ></sib-form>
+</div>
+
diff --git a/src/html/channels.html b/src/html/channels.html
index 82c1b7b8359cb04b62b18a7ab57fcd46cba32786..3afdcc1d00d336d039c1813b9c92c5345e737c36 100644
--- a/src/html/channels.html
+++ b/src/html/channels.html
@@ -1,9 +1,9 @@
 <div id="channels" style="display: none">
-  <ldp-display 
+  <sib-display 
     id="channels-list" 
     data-src="<?php echo $sdn; ?>/channels/" 
     data-fields="name, description" 
     search-fields="name, description"
     next="channel"
-  ></ldp-display>
+  ></sib-display>
 </div>
diff --git a/src/html/client-creation.html b/src/html/client-creation.html
new file mode 100644
index 0000000000000000000000000000000000000000..1f1be0dfa458a20eae57445eb05469ebef917858
--- /dev/null
+++ b/src/html/client-creation.html
@@ -0,0 +1,8 @@
+<div id="new-client" style="display: none">
+  <h1>NEW CLIENT</h1>
+  <sib-form 
+    data-src="http://localhost:8000/clients/" 
+    data-fields="name, address, logo"
+  ></sib-form>
+</div>
+
diff --git a/src/html/edit-profile.html b/src/html/edit-profile.html
index baf28d011716205515b55e1f5e49a50268f00808..76ab73c695f139e07f589101f2292595ae590419 100644
--- a/src/html/edit-profile.html
+++ b/src/html/edit-profile.html
@@ -1,5 +1,5 @@
 <script>
-  //class LDPFormImgUpload extends LDPWidget {
+  //class LDPFormImgUpload extends SIBWidget {
   //  get template() {
   //    return `<label for="${this.name}"><img id="${this.name}-preview" src="${this.value}"/></label>
   //      <input id="${this.name}" type="file" name="${this.name}" value="${this.value}" />`;
@@ -21,13 +21,12 @@
   <label for="avatar-input">
     <img id="avatar-preview" src="http://cdn.local/hdapp/members/alexandre-bourlier.jpg" style="width: 100%;"/>
   </label>
-  <input type="file" id="avatar-input" name="avatar" value="http://cdn.hd-app.local/members/alexandre-bourlier.jpg" />`;
+  <input type="file" accept="image/*" id="avatar-input" name="avatar" value="http://cdn.hd-app.local/members/alexandre-bourlier.jpg" />
 
-  <ldp-form 
+  <sib-form 
     class="edit-form"
     data-src="<?php echo $sdn; ?>/members/1/" 
-    bind-resources
-  ></ldp-form>
+  ></sib-form>
 </div>
 
 <div id="crop-modal">
@@ -51,17 +50,17 @@
   const $cropPreview  = $(cropPreview);
 
   // Triggers cropping on image upload
-  avatarInput.addEventListener("change", (e) => {
+  avatarInput.addEventListener("change", function(e) {
     var img     = avatarInput.files[0];
     var reader  = new FileReader();
 
     reader.onloadend = function () {
       cropPreview.src = reader.result;
+      cropModal.classList.add("cropping-mode");
     }
 
     if (img) {
       reader.readAsDataURL(img);//reads the data as a URL
-      cropModal.classList.add("cropping-mode");
     } 
   });
   cropPreview.addEventListener("load", () => {
diff --git a/src/html/menu.html b/src/html/menu.html
index a4ec9241faf9670515f87798354fbffb2b79d128..e6ccd8fe48e5a0e1058cfe0df95f63da0f4b5985 100644
--- a/src/html/menu.html
+++ b/src/html/menu.html
@@ -18,6 +18,7 @@
         <span class="d-none d-md-inline"> Projets</span>
       </sib-route>
       <sib-route name="new-project">New project</sib-route>
+      <sib-route name="new-client">New client</sib-route>
       <sib-route class="d-none" name="project" id-prefix="<?php echo $sdn; ?>/projects/"></sib-route>
       <sib-route class="d-none" name="project-edition" id-prefix="<?php echo $sdn; ?>/channels/"></sib-route>