<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>LV Sistema</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!------------------------grid--------------------------->
<div class="container-lg mt-5">
<div class="row">
<div class="col-12 col-lg-6 col-xl ">
<!----------------------card----------------------------->
<div class="card text-center" >
<img src="img/.." class="card-img-top" >
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<!------------------------------------------------------->
</div>
<div class="col-12 col-lg-6 col-xl">
<!----------------------card----------------------------->
<!--ejemplo card todo clicable---stretched-link---------->
<div class="card text-center" >
<img src="img/.." class="card-img-top" >
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary stretched-link">Go somewhere</a>
</div>
</div>
<!------------------------------------------------------->
</div>
<div class="col-12 col-lg-6 col-xl">
<!----------------------card----------------------------->
<div class="card text-center" >
<img src="img/.." class="card-img-top" >
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<!------------------------------------------------------->
</div>
<div class="col-12 col-lg-6 col-xl-12">
<!----------------------card--horizontal---------------->
<div class="row g-0 bg-light position-relative">
<div class="col-md-6 mb-md-0 p-md-4">
<img src="img/.." class="w-100" >
</div>
<div class="col-md-6 p-4 ps-md-0">
<h5 class="mt-0">Columns with stretched link</h5>
<p>Another instance of placeholder content
for this other custom component. It is intended to mimic
what some real-world content would look like, and we're using
it here to give the component a bit of body and size.</p>
<a href="#" class="stretched-link">Go somewhere</a>
</div>
</div>
<!------------------------------------------------------->
</div>
</div>
</div>
<!------------------------------------------------------->
<script src="js/bootstrap.bundle.js"></script>
</body>
</html>
No hay comentarios:
Publicar un comentario