ribs-admin-bundle-templates
Version:
This package contain html css and js of RibsAdminBundle
155 lines (148 loc) • 4.41 kB
HTML
<html>
<head>
<title>Ribs admin bundle templates</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../dist/css/mobile.min.css">
</head>
<body>
<header class="main ribs-container-fluid">
<h1>App name</h1>
</header>
<main class="ribs-container-fluid">
<div class="row">
<div class="cxs-12">
<div class="block">
<header>
<h5>Block exemple 1</h5>
</header>
<div class="row content">
<div class="cxs-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit labore magni officia possimus sit. Commodi consequuntur dolor doloribus illo incidunt, nemo pariatur perferendis porro possimus quam sit totam veniam veritatis!</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="cxs-6">
<div class="block">
<header>
<h5>Block exemple 2</h5>
</header>
<div class="row content">
<div class="cxs-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit labore magni officia possimus sit. Commodi consequuntur dolor doloribus illo incidunt, nemo pariatur perferendis porro possimus quam sit totam veniam veritatis!</p>
</div>
</div>
</div>
</div>
<div class="cxs-6">
<div class="block">
<header>
<h5>Block exemple 3</h5>
</header>
<div class="row content">
<div class="cxs-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit labore magni officia possimus sit. Commodi consequuntur dolor doloribus illo incidunt, nemo pariatur perferendis porro possimus quam sit totam veniam veritatis!</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="cxs-12">
<div class="block">
<header>
<h5>Utilisateurs actifs</h5>
</header>
<div class="mobile-table">
<table>
<thead>
<tr>
<th>#</th>
<th>Prénom</th>
<th>Nom</th>
<th>Pays</th>
<th>Ville</th>
<th>Téléphone</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Ali</td>
<td>Agidou</td>
<td>France</td>
<td>Paris</td>
<td>06 52 21 25 36</td>
<td><a href="pages/dashboard.html" class="link-test">Désactiver</a></td>
</tr>
<tr>
<td>2</td>
<td>Lionel</td>
<td>Gibiera</td>
<td>France</td>
<td>Tours</td>
<td>06 52 21 25 36</td>
<td><a>Désactiver</a></td>
</tr>
<tr>
<td>2</td>
<td>France</td>
<td>Lourier</td>
<td>France</td>
<td>Lille</td>
<td>06 52 21 25 36</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="cxs-12">
<div class="block">
<header>
<h5>Form</h5>
</header>
<div class="content">
<form action="" class="ribs-form">
<div class="row">
<div class="cxs-6 form-group">
<label for="name">Prénom</label>
<input type="text" class="form-control" id="name" name="name">
</div>
<div class="cxs-6 form-group">
<label for="name">Nom</label>
<input type="text" class="form-control" id="lastname" name="lastname">
</div>
</div>
<div class="cxs-12">
<button class="ribs-button">Mettre à jour</button>
</div>
</form>
</div>
<footer>
<h5>Fin form</h5>
</footer>
</div>
</div>
</div>
</main>
<footer class="main ribs-container-fluid">
<nav>
<ul class="row middle-xs">
<li class="cxs"><a class="row center-xs" href="#"><i class="fas fa-tachometer-alt"></i></a></li>
<li class="cxs"><a class="row center-xs" href="#"><i class="fas fa-tachometer-alt"></i></a></li>
<li class="cxs"><a class="row center-xs" href="#"><i class="fas fa-tachometer-alt"></i></a></li>
<li class="cxs"><a class="row center-xs" href="#"><i class="fas fa-tachometer-alt"></i></a></li>
</ul>
</nav>
</footer>
</body>
</html>