Front end, function to show element are coming...

projet/front/index.html

@@ -16,7 +16,18 @@
         </div>
         <div id="drive">
             <h3>Drive</h3>
-            <button><img src="/images/folder_img.png" height="50px"></button>
+            <div class="folder">
+                <p>
+                    <button><img src="/images/folder_img.png" height="50px"></button>
+                    <p>folder 1</p>
+                </p>
+            </div>
+            <div class="file">
+                <p>
+                    <button><img src="/images/file_img.png" height="50px"></button>
+                    <p>file 1</p>
+                </p>
+            </div>
         </div>
         <div id="info">
             <h3>Infos</h3>

projet/front/styles/style.css

 * {
     margin: 2.5px;
     padding: 2px;
+    box-sizing: border-box;
 }
 
 button {
@@ -13,15 +14,36 @@ button:hover {
 
 #menu {
     border: solid grey 2px;
-    width: 33%;
+    width: 30%;
+    float: left;
 }
 
 #drive {
     border: solid grey 2px;
-    width: 33%;
+    width: 30%;
+    float: left;
 }
 
 #info {
     border: solid grey 2px;
-    width: 33%;
+    width: 30%;
+    float: left;
+}
+
+.folder {
+    float: left;
+}
+
+.folder p{
+    font-size: 10pt;
+    text-align: center;
+}
+
+.file {
+    float: left;
+}
+
+.file p{
+    font-size: 10pt;
+    text-align: center;
 }
\ No newline at end of file