Personal 1 es una pagin web para que la modifiquen y la adapten a sus necesidades, creada con bootstrap 5 y Bootstrap Icons lista para la produccion.
La idea de crear estas plantillas es para ayudarles a aquellas personas que no saben mucho de diseño web, en mi caso yo tampoco se, por eso cree esta plantilla en bootstrap 5 puro.
Hay algunos estilos extra css que estan en el archivo assets/style.css.
Al final del articulo te dejo en enlace de descarga para que lo modifiques a tus necesidades, le puedes agregar o quitar secciones , cambiar los textos, las imagenes, los colores , te toca a ti darle el toque de personalizacion que requieras.
Secciones de la Pagina Web
La pagina persona 1 tiene las siguientes secciones que son las mas fundamentales en un sitio web personal.
- Menu principal o navbar
- Carousel de imagenes
- Acerca de nosotros
- Contadores Animados
- Nuestro sistema principal
- Gestion dimamica de procesos (Segundo Sistema)
- Planes y Precios
- Nuestro Blog
- Formulario de Contacto
- Pie de Pagina
Menu Principal o Navbar
El menu principal cuenta con las opciones Inicio, Servicios, Blog, Contacto que al dar click te lleva a cada seccion del sitio web que es una sola pagina.
Carousel de Imagenes
La seccion carousel de imagenes es un agregado dinamico para que el cliente vea los diferentes productos y servicios que se ofrecen.
Contadores Animados
Los contadores animados muestran al cliente informacion rapida sobre caracteristicas de nuestros servicios que se pueden cuantificar, Clientes Satisfechos, Servicios, Productos, etc..
Planes y Precios
Esta seccion es simplemente informativa ya que algunos servicios pueden incluir una tabla de precios para que el cliente decida que servicio seleccionar de acuerdo a sus necesidades.
Nuestro Blog
Aqui le contamos al cliente mas informacion sobre nuestras actividades, servicios extra , consejos sobre el nicho o tema que le estamos brindando.
Descargar
Ahora lo mas importante, a continuacion te dejo el enlace de descarga del ejemplo:
Link: https://drive.google.com/file/d/1nfXAACMkZQnX41Mlv_GhmSbZ-4vgikPb/view
Galeria de imagenes: https://www.facebook.com/share/p/1RM4LejLA6/
No olvides compartir o suscribirte para mas ejemplos.