premier commit en wireframes
This commit is contained in:
Simon Priet
@@ -7,19 +7,16 @@
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="fake">
|
||||
<img src="./fake-home.jpg" />
|
||||
</div>
|
||||
<div id="lbmod1" class="lb-mod softener">
|
||||
<div class="lb-container">
|
||||
<div class="lb-header">
|
||||
<h2>Importer des documents</h2>
|
||||
<a href="" class="close-button"><img src="./assets/closebutton.png"></a>
|
||||
<h2><span class="text-ph">Importer des documents</span></h2>
|
||||
<div class=" "><span class="text-ph close-button">x</span></div>
|
||||
<div id="tabs-container">
|
||||
<span></span>
|
||||
<span><a href="">Intégrer un contenu externe</a></span>
|
||||
<span><a href="">Filmer depuis la caméra</a></span>
|
||||
<span class="active"><a href="">Parcourir son Espace Doc</a></span>
|
||||
<span><a href="" class="text-ph">Onglet 1</a></span>
|
||||
<span><a href="" class="text-ph">Onglet 2</a></span>
|
||||
<span class="active"><a href="" class="text-ph">Onglet actif</a></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -34,83 +31,63 @@
|
||||
<a href="">Grille</a>
|
||||
<a href="">Liste</a>
|
||||
</div>
|
||||
<div id="doc-file-nav" class="list-nav scrollable">
|
||||
<div id="doc-file-nav" class="list-nav scrollable ">
|
||||
<ul class="">
|
||||
<li class="active">
|
||||
<span>Mes documents</span>
|
||||
<span class="text-ph">Mes documents</span>
|
||||
<ul>
|
||||
<li><span>Mes Images</span></li>
|
||||
<li><span>Mes Enregistrements</span></li>
|
||||
<li><span>Mes Vidéos</span></li>
|
||||
<li><span>Mes Devoirs</span></li>
|
||||
<li><span>Mes Archives</span></li>
|
||||
<li><span>Mes Affaires</span></li>
|
||||
<li><span>Mes Mots</span></li>
|
||||
<li><span>Mes Classeurs</span></li>
|
||||
<li><span class="text-ph">Mes Images</span></li>
|
||||
<li><span class="text-ph">Mes Enregistrements</span></li>
|
||||
<li><span class="text-ph">Mes Vidéos</span></li>
|
||||
<li><span class="text-ph">Mes Devoirs</span></li>
|
||||
<li><span class="text-ph">Mes Archives</span></li>
|
||||
<li><span class="text-ph">Mes Affaires</span></li>
|
||||
<li><span class="text-ph">Mes Mots</span></li>
|
||||
<li><span class="text-ph">Mes Classeurs</span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><span>Documents partagés</span></li>
|
||||
<li><span>Documents des applications</span></li>
|
||||
<li><span class="text-ph">Un dossier racine</span></li>
|
||||
<li><span class="text-ph">Un autre dossier racine</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="doc-file-dominos" class="domino-container scrollable">
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Images</h4>
|
||||
<h4 class="domino-title text-ph">Mes Images</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Enregistrements</h4>
|
||||
<h4 class="domino-title text-ph">Mes Enregistrements</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Vidéos</h4>
|
||||
<h4 class="domino-title text-ph">Mes Vidéos</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Devoirs</h4>
|
||||
<h4 class="domino-title text-ph">Mes Devoirs</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Archives</h4>
|
||||
<h4 class="domino-title text-ph">Mes Archives</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Affaires</h4>
|
||||
<h4 class="domino-title text-ph">Mes Affaires</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Mots</h4>
|
||||
<h4 class="domino-title text-ph">Mes Mots</h4>
|
||||
</div>
|
||||
<div class="domino-item type-folder">
|
||||
<h4 class="domino-title">Mes Classeurs</h3>
|
||||
<h4 class="domino-title text-ph">Mes Classeurs</h3>
|
||||
</div>
|
||||
<div class="domino-item type-file">
|
||||
<h4 class="domino-title">Consigne trigonométrie pythagore<span class="extension"> docs</span></h3>
|
||||
<p class="subtitle">Fichier Word</p>
|
||||
<h4 class="domino-title text-ph">Consigne trigonométrie</h3>
|
||||
<p class="subtitle text-ph">Fichier Word</p>
|
||||
|
||||
</div>
|
||||
<div class="domino-item type-file">
|
||||
<h4 class="domino-title">Suivit des notes <span class="extension"> XLSX</span></h3>
|
||||
<span class="subtitle">Fichier Excel</span>
|
||||
<h4 class="domino-title text-ph">Suivit des notes</h3>
|
||||
<span class="subtitle text-ph">Fichier Excel</span>
|
||||
|
||||
</div>
|
||||
<div class="domino-item">
|
||||
<h4 class="domino-title">Dummy file <span class="extension"> file</span></h3>
|
||||
<span class="subtitle">Fichier fichier</span>
|
||||
</div>
|
||||
<div class="domino-item">
|
||||
<h4 class="domino-title">Dummy file <span class="extension"> file</span></h3>
|
||||
<span class="subtitle">Fichier fichier</span>
|
||||
</div>
|
||||
<div class="domino-item">
|
||||
<h4 class="domino-title">Dummy file <span class="extension"> file</span></h3>
|
||||
<span class="subtitle">Fichier fichier</span>
|
||||
</div>
|
||||
<div class="domino-item">
|
||||
<h4 class="domino-title">Dummy file <span class="extension"> file</span></h3>
|
||||
<span class="subtitle">Fichier fichier</span>
|
||||
</div>
|
||||
<div class="domino-item">
|
||||
<h4 class="domino-title">Dummy file <span class="extension"> file</span></h3>
|
||||
<span class="subtitle">Fichier fichier</span>
|
||||
</div>
|
||||
<div class="domino-item">
|
||||
<h4 class="domino-title">Dummy file <span class="extension"> file</span></h3>
|
||||
<span class="subtitle">Fichier fichier</span>
|
||||
<h4 class="domino-title text-ph">Dummy file</h3>
|
||||
<span class="subtitle text-ph">Fichier fichier</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user