Red Planet docs

# Servicios

Componentes para mostrar distintos tipos de servicios.

# Service 05

# Imagen

Service 05

# Código

---
service05Image: /img/RedPlanet_Escuelas_Conocenos_Slide1_578x386_V1.png
service05Title: Atendemos todas las necesidades de nuestros estudiantes
service05Text: 'Somos una institución que acompaña a los niños y niñas en su aprendizaje, otorgándoles todas las herramientas necesarias para su desarrollo. Ofrecemos un plan de estudios totalmente actualizado para nuestros alumnos y alumnas.'
service05Card:
  - color: '#10594B'
    title: 'Compromiso con los estudiantes '
  - image: /img/RedPlanet_Escuelas_Conocenos_Slide2_550x583_V1.png
  - image: /img/RedPlanet_Escuelas_Conocenos_Slide3_550x583_V1.png
  - color: '#10594B'
    title: 'Profesionalismo e inclusión  '
---

<service-05 :title="service05Title" :text="service05Text" :cards="service05Card" :image="service05Image"></service-05>

# Parámetros

Nombre Descripción Tipo
title Título del componente String
text Texto a mostrar String
cards Servicios a mostrar Array
image Imagen del componente String
color Define el color de fondo de las tarjetas String
title Título de la tarjeta String
image Imagen de la tarjeta String

# Ejemplo

link (opens new window)

# Service 08

# Imagen

Service 08

# Código

---
service08Card:
  - title: Educación Primaria
    text: 'Nuestro plan de estudios está actualizado y aprobado por la SEP.'
    image: /img/RedPlanet_Escuelas_Servicios_Slide1_800x800_V1ai.png
    link: '#'
  - title: Presentación de exámenes
    text: 'Preparamos a los alumnos para presentar exámenes de ingreso a otros grados educativos.'
    image: /img/RedPlanet_Escuelas_Servicios_Slide2_800x800_V1ai.png
    link: '#'
  - title: Regularización
    text: 'Ayudamos a los alumnos con sus materias para que logren mejores calificaciones.'
    image: /img/RedPlanet_Escuelas_Servicios_Slide3_800x800_V1ai.png
    link: '#'
  - title: Clases de inglés
    text: 'Nuestros alumnos tendrán mayores oportunidades en su futuro, aprendiendo inglés.'
    image: /img/RedPlanet_Escuelas_Servicios_Slide4_800x800_V1ai.png
    link: '#'
  - title: Clases de música
    text: 'La música ayuda a nuestros alumnos a adquirir capacidades creativas y de apreciación.'
    image: /img/RedPlanet_Escuelas_Servicios_Slide5_800x800_V1ai.png
    link: '#'
  - title: Atención psicológica
    text: 'Ayudamos a nuestros alumnos con problemas que aquejan en su vida escolar.'
    image: /img/RedPlanet_Escuelas_Servicios_Slide6_800x800_V1ai.png
    link: '#'
---

<service-08 :cards="service08Card"></service-08>

# Parámetros

Nombre Descripción Tipo
cards Servicios a mostrar Array
title Título de la tarjeta String
text Texto de la tarjeta String
image Ícono de la tarjeta String
link Link de la tarjeta String

# Ejemplo

link (opens new window)

# Service 11

# Imagen

Service 08

# Código

---
service11Title: Dirección académica
service11Card:
  - title: 'Rita Sánchez '
    text: 'Directora '
    fb: 'https://www.facebook.com/'
    ig: 'https://www.instagram.com/'
    twitter: 'https://twitter.com/'
    image: /img/RedPlanet_Escuelas_Team_Slide1_270x322_V1.png
  - title: 'Carlos Benítez'
    text: 'Subdirector'
    fb: 'https://www.facebook.com/'
    ig: 'https://www.instagram.com/'
    image: /img/RedPlanet_Escuelas_Team_Slide2_270x322_V1.png
  - title: 'Regina Martínez'
    text: 'Administradora'
    fb: 'https://www.facebook.com/'
    image: /img/RedPlanet_Escuelas_Team_Slide3_270x322_V1.png
  - title: 'Rubén González'
    text: 'Consejero técnico'
    fb: 'https://www.facebook.com/'
    ig: 'https://www.instagram.com/'
    twitter: 'https://twitter.com/'
    image: /img/RedPlanet_Escuelas_Team_Slide4_270x322_V1.png
---

<service-11 :title="service11Title" :cards="service11Card" :color="banner03Background"></service-11>

# Parámetros

Nombre Descripción Tipo
title Título del componente String
cards Servicios a mostrar Array
title Título de la tarjeta String
text Texto de la tarjeta String
fb Link a Facebook String
ig Link a Instagram String
twitter Link a Twitter String
image Imagen de la tarjeta String

# Ejemplo

link (opens new window)

# Service 12

# Imagen

Service 12

# Código

---
service12Title: NUESTROS SERVICIOS
background12Color: '#26A7B4'
service12Cards:
  - image: /img/RedPlanet_Medicos_Servicios_Icono1_800x800_V1.png
    title: MEDICINA GENERAL
    text: Médicos disponibles las 24 horas para diagnosticar o tratar enfermedades comunes.
  - image: /img/RedPlanet_Medicos_Servicios_Icono2_800x800_V1.png
    title: PEDIATRÍA
    text: Cuidamos la salud de los más pequeños con médicos expertos en el área.
  - image: /img/RedPlanet_Medicos_Servicios_Icono3_800x800_V1.png
    title: NEUROLOGÍA
    text: Brindamos diagnóstico y tratamiento de problemas neurológicos.
---

<service-12 id="servicios" :color="background12Color" :title="service12Title" :cards="service12Cards" ></service-12>

# Parámetros

Nombre Descripción Tipo
title Título del componente String
color Define el color de fondo de los íconos String
cards Servicios a mostrar Array
image Ícono a mostrar String
title Título del servicio String
text Texto del servicio String

# Ejemplo

link (opens new window)

# Service 13

# Imagen

Service 13

# Código

---
service13Cards:
  - number: '01'
    title: PAQUETE PRIMER AÑO
    text: Consultas pediátricas ilimitadas y asesoría vía online por un año.
  - number: '02'
    title: PAQUETE INFANTIL
    text: Consultas pediátricas ilimitadas y asesoría online por seis meses.
  - number: '03'
    title: PAQUETE ADULTO
    text: Consultas ilimitadas en medicina general por seis meses o un año.
  - number: '04'
    title: PAQUETE NEUROLÓGICO
    text: Examen y rehabilitación con seguimiento por un año a precio preferencial.
---

<service-13 id="paquetes" :cards="service13Cards" ></service-13>

# Parámetros

Nombre Descripción Tipo
cards Servicios a mostrar Array
number Número del servicio String
title Título del servicio String
text Texto del servicio String

# Ejemplo

link (opens new window)

# Service 16

# Imagen

Service 08

# Código

---
service16Card:
  - ally: /img/RedPlanet_Escuelas_Certificados_Slide1_340x400_V1.png
  - ally: /img/RedPlanet_Escuelas_Certificados_Slide2_340x400_V1.png
  - ally: /img/RedPlanet_Escuelas_Certificados_Slide3_340x400_V1.png
  - ally: /img/RedPlanet_Escuelas_Certificados_Slide4_340x400_V1.png
---

<service-16 :cards="service16Card" ></service-16>

# Parámetros

Nombre Descripción Tipo
cards Servicios a mostrar Array
ally Imagen de la tarjeta String

# Ejemplo

link (opens new window)

← Testimoniales →