102 lines
4.0 KiB
HTML
102 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<link type="text/css" rel="stylesheet" href="./resize-lightbox-poc.css" />
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
</head>
|
|
<body>
|
|
<div id="lbmod1" class="lb-mod softener">
|
|
<div class="lb-container">
|
|
<div class="lb-header">
|
|
<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="" 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>
|
|
<div class="lb-body doc-file-browse">
|
|
<div id="doc-file-search">
|
|
<input type="search" placeholder="Rechercher" />
|
|
<button>🔍</button>
|
|
</div>
|
|
<div id="doc-file-viewmode">
|
|
Vue :
|
|
<a href="" class="active">Mosaïque</a>
|
|
<a href="">Grille</a>
|
|
<a href="">Liste</a>
|
|
</div>
|
|
<div id="doc-file-nav" class="list-nav scrollable ">
|
|
<ul class="">
|
|
<li class="active">
|
|
<span class="text-ph">Mes documents</span>
|
|
<ul>
|
|
<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 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 text-ph">Mes Images</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Enregistrements</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Vidéos</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Devoirs</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Archives</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Affaires</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Mots</h4>
|
|
</div>
|
|
<div class="domino-item type-folder">
|
|
<h4 class="domino-title text-ph">Mes Classeurs</h3>
|
|
</div>
|
|
<div class="domino-item type-file">
|
|
<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 text-ph">Suivit des notes</h3>
|
|
<span class="subtitle text-ph">Fichier Excel</span>
|
|
|
|
</div>
|
|
<div class="domino-item">
|
|
<h4 class="domino-title text-ph">Dummy file</h3>
|
|
<span class="subtitle text-ph">Fichier fichier</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="lb-footer">
|
|
<button>Annuler</button>
|
|
<button>Ok</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|