ribs-admin-bundle-templates/public/pages/blog.html

This package contain html css and js of RibsAdminBundle

<div class="ribs-container-fluid">
	<div class="page-title">
		<span>Components</span>
		<h3>Articles de blog</h3>
	</div>

	<div class="row">
		<div class="cxs-12 cmd-3">
			<div class="block">
				<header class="with-image" style="background-image: url('images/blog-1.jpeg')">
					<a href="">Business</a>

					<div>
						<a href="" style="background-image: url('images/blog-avatar-1.jpg')"></a>
					</div>
				</header>

				<div class="row content">
					<div class="cxs-12">
						<h4>Le business c'est la vie !</h4>

						<p class="mb1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium delectus deleniti dolor est ipsa.</p>

						<p class="text-muted">28 Février 2019</p>
					</div>
				</div>
			</div>
		</div>
		<div class="cxs-12 cmd-3">
			<div class="block">
				<header class="with-image" style="background-image: url('images/blog-2.jpeg')">
					<a href="">Voyage</a>

					<div>
						<a href="" style="background-image: url('images/blog-avatar-2.jpg')"></a>
					</div>
				</header>

				<div class="row content">
					<div class="cxs-12">
						<h4>Les voyages c'est la vie !</h4>

						<p class="mb1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium delectus deleniti dolor est ipsa.</p>

						<p class="text-muted">28 Février 2019</p>
					</div>
				</div>
			</div>
		</div>
		<div class="cxs-12 cmd-3">
			<div class="block">
				<header class="with-image" style="background-image: url('images/blog-3.jpeg')">
					<a href="">Technologie</a>

					<div>
						<a href="" style="background-image: url('images/blog-avatar-3.jpg')"></a>
					</div>
				</header>

				<div class="row content">
					<div class="cxs-12">
						<h4>La technologie c'est la vie !</h4>

						<p class="mb1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium delectus deleniti dolor est ipsa.</p>

						<p class="text-muted">28 Février 2019</p>
					</div>
				</div>
			</div>
		</div>
		<div class="cxs-12 cmd-3">
			<div class="block">
				<header class="with-image" style="background-image: url('images/blog-4.jpeg')">
					<a href="">Business</a>

					<div>
						<a href="" style="background-image: url('images/blog-avatar-4.jpg')"></a>
					</div>
				</header>

				<div class="row content">
					<div class="cxs-12">
						<h4>Netflix c'est la vie !</h4>

						<p class="mb1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium delectus deleniti dolor est ipsa.</p>

						<p class="text-muted">28 Février 2019</p>
					</div>
				</div>
			</div>
		</div>
		<div class="cxs-12 cmd-3">
			<div class="block">
				<header class="with-image" style="background-image: url('images/blog-4.jpeg')">
					<a href="">Business</a>

					<div>
						<a href="" style="background-image: url('images/blog-avatar-4.jpg')"></a>
					</div>
				</header>

				<div class="row content">
					<div class="cxs-12">
						<h4>Netflix c'est la vie !</h4>

						<p class="mb1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium delectus deleniti dolor est ipsa.</p>

						<p class="text-muted">28 Février 2019</p>
					</div>
				</div>

				<footer class="row between-xs">
					<a href="" class="ribs-button">Editer</a>
					<a href="" class="ribs-button danger">Supprimer</a>
				</footer>
			</div>
		</div>
		<div class="cxs-12 cmd-3">
			<div class="block">
				<header>
					<h5>Blog accès uniquement</h5>
				</header>

				<div class="row content">
					<div class="cxs-12">
						<h6>Description</h6>
						<p class="mb1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium delectus deleniti dolor est ipsa.</p>

						<h6>Détails</h6>
						<ul class="p-initial rounded">
							<li>Nombre d'utilisateurs : 5</li>
							<li>Créé le : 28/10/2019</li>
							<li>Edité le : 28/10/2019</li>
						</ul>
					</div>
				</div>

				<footer class="row between-xs">
					<a href="" class="ribs-button">Editer</a>
					<a href="" class="ribs-button danger">Supprimer</a>
				</footer>
			</div>
		</div>
	</div>
</div>