Tarjetas

Elementos combinados que permiten mostrar determinada información de manera organizada y atractiva para el usuario, esta biblioteca brinda cuatro tipos de tarjetas compuestas con distintos tipos de conformación.
Los temas seleccionados para la creación de estos elementos don dos: Tema claro y oscuro.

Tarjeta Simple

El modelo más simple de la biblioteca, conteniendo sólo texto.

Título de la tarjetaNew

Pequeña descripción

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Hic ex et optio.

Título de la tarjetaNew

Pequeña descripción

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Hic ex et optio. 

        
        

        
 
            
 
                
Título de la tarjetaNew

                Pequeña descripción
                

                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Hic ex et optio.
                
 
                
            

        


        
        

            
 
                
Título de la tarjetaNew

                Pequeña descripción
                

                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Hic ex et optio.

Tarjetas Íconos

El segundo tipo es la tarjeta con íconos pequeños un título y un enlace en dos temas posibles oscuro y claro.

Node JS

Titulo

desc
Descarga
Node JS

Titulo

desc
Descarga 
            

                 

                    

                        

                            Node JS
                        

                        

                            
Titulo

                            desc 

                            Descarga
                        

                    

                


                

                    

                        

                            Node JS
                        

                        

                            
Titulo

                            desc 

                            Descarga

Tarjetas Perfil

Teresa Aguilar

Ejecutiva de Cuenta

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe iusto in perspiciatis!


@FedericoManzano
Perfil Historial Desempeño

Teresa Aguilar

Ejecutiva de Cuenta

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe iusto in perspiciatis!


@FedericoManzano
Perfil Historial Desempeño 
    

        

            

                

                    
                

                
Teresa Aguilar

                

                    Ejecutiva de Cuenta
                

                
                

                

                    
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe iusto in perspiciatis!
 

                    @FedericoManzano
                

                

                

                    Perfil
                    Historial
                    Desempeño
                

            

        

    

        

            

                
            

            
Teresa Aguilar

            

                Ejecutiva de Cuenta
            

            
            

            

                
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe iusto in perspiciatis!
 

                @FedericoManzano
            

            

            

                Perfil
                Historial
                Desempeño

Tarjetas Descripción

Ejemplo card description

Autos en Venta

Renault 206

Lorem ipsum dolor sit amet consectetur adipisicing elit

Comprar
Ejemplo card descripción

Autos en Venta

Renault 206

Lorem ipsum dolor sit amet consectetur adipisicing elit

Comprar
            

                

                    

                        

                            Ejemplo de tarjeta
                        

                        

                            
Autos en Venta

                            Renault 206
                            

                                Lorem ipsum dolor sit amet consectetur adipisicing elit
                            

                        

                        

                            
Comprar

                        

                    

                


                

                    

                        

                            Ejemplo card descripción
                        

                        

                            
Autos en Venta

                            Renault 206
                            

                                Lorem ipsum dolor sit amet consectetur adipisicing elit
                            

                        

                        

                            
Comprar

Tarjetas y la Grilla

Para poder alinear varias tarjetas a través de una grilla hay que utilizar la clase .card-cover que permite que ancho máximo de las tarjetas sea el 100% del ancho del contenedor padre, de esta forma se logra conformar una grilla uniforme.

Ejemplo card description

Autos en Venta

Renault 206

Lorem ipsum dolor sit amet consectetur adipisicing elit

Comprar
Ejemplo card description

Autos en Venta

Renault 206

Lorem ipsum dolor sit amet consectetur adipisicing elit

Comprar
Ejemplo card description

Autos en Venta

Renault 206

Lorem ipsum dolor sit amet consectetur adipisicing elit

Comprar
        

                

                    

                        

                            Ejemplo card description
                        

                        

                            
Autos en Venta

                            Renault 206
                            

                                Lorem ipsum dolor sit amet consectetur adipisicing elit
                            

                        

                        

                            
Comprar

                        

                    

                

                

                    

                        

                            Ejemplo card description
                        

                        

                            
Autos en Venta

                            Renault 206
                            

                                Lorem ipsum dolor sit amet consectetur adipisicing elit
                            

                        

                        

                            
Comprar

                        

                    

                

                

                    

                        

                            Ejemplo card description
                        

                        

                            
Autos en Venta

                            Renault 206
                            

                                Lorem ipsum dolor sit amet consectetur adipisicing elit
                            

                        

                        

                            
Comprar
`r`n