Volver Arriba Saltar al contenido

Colores

Colores primarios

Colores secundarios

Colores de alerta

Tipografía

Titular de Home Hero: El rápido zorro marrón salta sobre el perro perezoso.

Títulos de página: El rápido zorro marrón salta sobre el perro perezoso.

H1 - El rápido zorro marrón salta sobre el perro perezoso.

H2 - El rápido zorro marrón salta sobre el perro perezoso.

H3 - El rápido zorro marrón salta sobre el perro perezoso.

H4 - El rápido zorro marrón salta sobre el perro perezoso.

H5 - El rápido zorro marrón salta sobre el perro perezoso.
H6 - El rápido zorro marrón salta sobre el perro perezoso.

Párrafo Principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Párrafo Predeterminado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Párrafo Pequeño

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Cita en Bloque

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu. John Doe

Listas

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  • Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  • Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  2. Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  3. Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.

Botones

Estos son nuestros estilos de botón básicos. Haz los cambios en el "framework/buttons.scss" archivo.

Predeterminado

.btn

.btn.btn--secondary

.btn.btn--gray

.btn.btn--link

Flechas

Botón con Flecha

Leer Más

Volver

Tamaños

.btn.btn--xs

.btn.btn--sm

.btn.btn--lg

.btn.btn--xl

.btn.btn--block

Formularios

Estos son nuestros estilos básicos de formulario. Haz los cambios en el "framework/forms.scss" archivo.

Por favor, ingresa tu nombre completo.
http://

Encabezado Cuatro

Myriad Pro Bold
Encabezado Cinco
Myriad Pro Bold
Encabezado Seis
Myriad Pro Bold

Encabezados Regular

Encabezado Uno

Myriad Regular

Encabezado Dos

Myriad Regular

Encabezado Tres

Myriad Regular

Encabezado Cuatro

Myriad Regular
Encabezado Cinco
Myriad Regular
Encabezado Seis
Myriad Regular

Párrafo Principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Párrafo Predeterminado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Párrafo Pequeño

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Cita en Bloque

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu. John Doe

Listas

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  • Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  • Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  2. Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  3. Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.

Botones

Estos son nuestros estilos de botón básicos. Haz los cambios en el "framework/buttons.scss" archivo.

Predeterminado

.btn

.btn.btn--secondary

.btn.btn--gray

.btn.btn--link

Flechas

Botón con Flecha

Leer Más

Volver

Tamaños

.btn.btn--xs

.btn.btn--sm

.btn.btn--lg

.btn.btn--xl

.btn.btn--block

Formularios

Estos son nuestros estilos básicos de formulario. Haz los cambios en el "framework/forms.scss" archivo.

Por favor, ingresa tu nombre completo.
http://

Paneles

Estos son nuestros estilos básicos de panel. Haz los cambios en el "site/panel.scss" archivo.

El título va aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

El título va aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

El título va aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

El título va aquí

Lorem ipsum dolor sit amet, consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Banca en Línea

Acordeones

Estos son nuestros estilos de acordeón. Haz los cambios en el "framework/accordions.scss" archivo.

Este es un encabezado de acordeón.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Este es un encabezado de acordeón.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Este es un encabezado de acordeón.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Pestañas

Estos son nuestros estilos de pestañas. Haz los cambios en el "framework/tabs.scss" archivo.

Lorem ipsum dolor sit amet, consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Banca en Línea
Do do adipisicing adipisicing ut fugiat culpa consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim. Pariatur incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea. Laboris nisi adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur. Fugiat cupidatat commodo magna et aliqua elit sint cupidatat dolor sint aute ullamco.
Aliqua proident occaecat do do. Adipisicing ut fugiat culpa consequat. Ullamco aute sunt esse adipisicing irure excepteur eu non eiusmod occaecat commodo commodo. Ad ipsum elit esse pariatur sit adipisicing sunt excepteur. Nostrud pariatur incididunt duis commodo mollit esse veniam.

Tarjetas/Mosaicos de Artículos

Estos son nuestros estilos de tarjeta. Haz los cambios en el "framework/cards.scss" archivo.

Predeterminado

El Título Va Aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

El Título Va Aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

El Título Va Aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Centro

El Título Va Aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

El Título Va Aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

El Título Va Aquí

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Blog

Nuestro mercado laboral está que arde (¡y las temperaturas también suben!)

12 de julio de 2019

Estafas con cheques falsos: Qué son y cómo puedes protegerte.

Secciones de Resumen

Estos son nuestros estilos de sección de resumen. Haz los cambios en el "site/summary-section.scss" archivo.

Comunidad y Patrocinio

En Velocity, consideramos que nuestras relaciones con la comunidad no son algo extracurricular, sino un compromiso. Creemos en la filosofía de las cooperativas de crédito de «personas que ayudan a personas», y uno de nuestros valores es la responsabilidad social . Nacimos y crecimos aquí mismo, en Austin, y la gente de aquí ha confiado en nosotros durante más de 70 años. Estamos orgullosos de contribuir a nuestra comunidad participando activamente como miembros de la familia de Austin.

Ver Todos los Eventos Comunitarios

Orgullo Cívico

Nos enorgullece apoyar a organizaciones que ayudan a mejorar la vida de nuestros miembros a través de la educación financiera, la seguridad y el bienestar. Participamos en eventos patrocinados por la ciudad con socios comunitarios, entre los que se incluyen el Departamento de Policía de Austin y Cedar Park de Comercio de Austin y Cedar Park , así como muchas organizaciones sin fines de lucro cuyo objetivo es ayudar a nuestros miembros, niños, mascotas y veteranos. Además, ayudamos a apoyar a las empresas locales a través de la Alianza Empresarial Independiente de Austin (AIBA).

Las Artes

Somos orgullosos patrocinadores de la Austin Theatre Alliance y patrocinadores corporativos desde hace mucho tiempo del histórico teatro Paramount.

Comunidad y Patrocinio

Cada año, nuestra Junta Directiva otorga a tres estudiantes de último año que se gradúan una beca de 5000 dólares para la universidad de su elección. Los ganadores de años anteriores pueden optar a una beca continua de 2000 dólares. Este es el 26.º año de nuestro programa de becas y, hasta la fecha, hemos concedido casi 190 000 dólares en becas. Las solicitudes para el año en curso estarán disponibles en línea y en cualquier Velocity a mediados de enero.

Más información

Videos

Estos son nuestros estilos de modal de video. Haz los cambios en el "site/video-modal.scss" archivo.

Texto Opcional Lorem ipsum dolor sit amet consetetur.

Texto opcional lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Texto Opcional Lorem ipsum dolor sit amet consetetur.

Texto opcional lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Texto Opcional Lorem ipsum dolor sit amet consetetur.

Texto opcional lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lista de Medios

Estos son nuestros estilos de lista de medios. Haz los cambios en el "site/medai-list.scss" archivo.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Avisos

Estos son nuestros estilos básicos de aviso. Haz los cambios en el "framework/notices.scss" archivo.

Éxito Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Info Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Advertencia: Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Error Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Tablas

Estos son nuestros estilos de tabla. Haz los cambios en el "framework/tables.scss" archivo.

Columna 1 Columna 2 Columna 3 Columna 4
Fila 1 / Columna 1 Fila 1 / Columna 2 Fila 1 / Columna 3 Fila 1 / Columna 4
Fila 2 / Columna 1 Fila 2 / Columna 2 Fila 2 / Columna 3 Fila 2 / Columna 4
Fila 3 / Columna 1 Fila 3 / Columna 2 Fila 3 / Columna 3 Fila 3 / Columna 4
Fila 4 / Columna 1 Fila 4 / Columna 2 Fila 4 / Columna 3 Fila 4 / Columna 4
Columna 1 Columna 2 Columna 3 Columna 4

Ventanas modales

Así son nuestros estilos de ventanas modales. Haz los cambios en el "framework/modals.scss" archivo.

Consejos

Así son nuestros estilos de mensajes de ayuda. Haz los cambios en el "framework/tooltips.scss" archivo.

Contenido incrustado adaptable

Tenemos un estilo de utilidad para incrustaciones adaptables. Para esta y otras clases de utilidad, echa un vistazo a la "framework/utilities.scss" archivo.

Paginación

Así son nuestros estilos de paginación. Puedes hacer los cambios en la "framework/pagination.scss" archivo.

Iconos

Utilizamos Font Awesome como fuente de iconos predeterminada. Para obtener más iconos y documentación, visita http://fortawesome.github.io/Font-Awesome/.

O, si quieres crear tu propio set de íconos, puedes usar la App IcoMoon.

Elementos de carga

Estas son nuestras opciones integradas para poner cargadores en una sección o página. Puedes hacer los cambios en la "loading.scss" archivo.

Compartir en redes sociales

Tenemos algunas funciones integradas que utilizan atributos de datos para facilitar el intercambio en redes sociales comunes. Puedes obtener más información al respecto en la sección "lib/wl-share.js" archivo.

Favicons

Aquí tienes los favicons de nuestra web y los íconos de la app.


iPad 3 Retina (144x144)


iPhone 4 Retina (114x114)


iPad (72x72)


iPhone Apple Touch (57x57)


Favicon Retina (32x32)


Favicon (16x16)

Este es un título modal

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

Este es un título modal

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

Este es un título modal

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

Este es un título modal

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

Este es un título modal

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

Este es un título modal

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.