Alyssa Byörn's Ownership
Creator
Character Permissions
Design Terms of Use
<div class="bg-faded rounded p-3 mx-auto" style="max-width: 950px;">
<div class="tarjeta d-block border-0 p-2 text-center mb-3">
<h1 class="display-4" style="letra-espaciado:1px;">
Título aquí
</h1>
</div>
<div class="fila sin canaletas">
<div class="col-md-4 empujar-md-8 mb-md-0 mb-2">
<div class="tarjeta p-2 borde-0 h-100">
<!-------- IMAGEN FOCAL -- SE ESCALA Y RECORTARÁ CON LA PANTALLA -- ENFOQUE EN EL CENTRO SUPERIOR ------------------>
<div style="imagen-de-fondo:url('IMG_URL');
tamaño de fondo: portada; repetir: no-repetir; posición de fondo: centro superior; altura mínima: 500px;" class="h-100 redondeado"></div>
</div>
</div>
<div class="col-md-8 pull-md-4 pr-md-3">
<div class="tarjeta p-2 border-0 d-block mb-2">
<div class="deslizamiento de carrusel" id="woop">
<!-------- hay tres secciones de carrusel por defecto --- puedes agregar más si quieres ---->
<div class="carrusel-interior">
<div class="carrusel-elemento activo">
<!----- cuadrícula para imágenes -- las imágenes se escalarán y recortarán con el tamaño de la pantalla -- el foco estará en el CENTRO de la imagen -->
<div class="fila sin canaletas w-100">
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
</div>
</div>
<div class="elemento-carrusel">
<!----- cuadrícula para imágenes -- las imágenes se escalarán y recortarán con el tamaño de la pantalla -- el foco estará en el CENTRO de la imagen -->
<div class="fila sin canaletas w-100">
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
</div>
</div>
<div class="elemento-carrusel">
<!----- cuadrícula para imágenes -- las imágenes se escalarán y recortarán con el tamaño de la pantalla -- el foco estará en el CENTRO de la imagen -->
<div class="fila sin canaletas w-100">
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
<div class="col-md-4 col-6 p-1">
<div style="imagen-de-fondo: url('IMG_URL');
tamaño de fondo: portada; posición de fondo: centro; altura mínima: 250px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="borde de la tarjeta-0 d-block p-2 text-center">
<a href="#woop" data-slide="prev"><i class="fal fa-angle-double-left fa-2x fa-fw" /></a>
<a href="#woop" data-slide="next"><i class="fal fa-angle-doble-right fa-2x fa-fw" /></a>
</div>
</div>
</div>
</div>
<!---------- CRÉDITO ----------------------------->
<div class="mx-auto mt-1" style="max-width: 950px;"><p class="text-right texto pequeño silenciado">
HTML por Pinky
</p></div>