BOTONES CSS BÁSICOS

Los siguientes son botones básicos con diferentes estilos CSS, y un estado hover simple, listos para usarlos de forma gratuita en cualquier sitio web. El primer ejemplo, posee solo una clase, los demás poseen subclases, Ej: class=”btn-basico.b1 ”. Con esto se puede ahorrar código en la hoja de estilo, parea no repetir los parámetros de las clases que se pueden reutilizar con las subclases.

Botón 1
HTML
<a class=”btn-basico” href=”#”>Botón 1</a>
CSS
.btn-basico {
display: inline-block;
padding: 20px 40px;
float: left;
background-color: #0094cc;
color: white;
font-size: 18px;
text-decoration: none; }

.btn-basico.b1:hover {
background-color: #007dab; }
Botón 2
HTML
<a class=”btn-basico b1” href=”#”>Botón 2</a>
CSS
.btn-basico.b1 {
padding: 10px 30px;
background-color: #616161;
font-size: 14px;
line-height: 16px; }

.btn-basico.b1:hover {
background-color: #474747; }
Botón 3
HTML
<a class=”btn-basico b2” href=”#”>Botón 3</a>
CSS
.btn-basico.b2 {
border-radius: 10px;
background-color: #786091; }

.btn-basico.b2:hover {
background-color: #60457d; }

BlueMoon

Versión Escritorio
Versión Tablet
Versión Smartphone

Americainternet.cl

Versión Escritorio

CF Moto

Versión Escritorio

Muebles DOM

Versión Escritorio

RYC

Versión Escritorio

Crai

Versión Escritorio

Cabañas Bosque Nativo

Versión Escritorio
Versión Tablet
Versión Smartphone

Facilitador

Versión Escritorio
Versión Tablet
Versión Smartphone

SBM

Versión Escritorio
Versión Tablet
Versión Smartphone

V12 Ingeniería

Versión Escritorio
Versión Tablet
Versión Smartphone

AG Broker

Versión Escritorio
Versión Tablet
Versión Smartphone

Portal IFRS

Versión Escritorio
Versión Tablet
Versión Smartphone

Galería Las Araucarias

Versión Escritorio
Versión Tablet
Versión Smartphone

Manlift

Versión Escritorio
Versión Tablet
Versión Smartphone

Bordados Mariel Nº 1

Versión Escritorio
Versión Tablet
Versión Smartphone

Bordados Mariel

Versión Escritorio
Versión Tablet
Versión Smartphone

Sistemas Socioecológicos SpA

Versión Escritorio
Versión Tablet
Versión Smartphone

Mi Bemol Café

Versión Escritorio

Mi Bemol Gourmet

Versión Escritorio

Ataindus

Versión Escritorio

MUNDO MENU

Versión Escritorio
Versión Tablet
Versión Smartphone

NEPTUNO SPA

Versión Escritorio
Versión Tablet
Versión Smartphone
Diseño Web
Diseño de Identidad Corporativa
Otros
01

ATAINDUS

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Ataindus
Rubro: Ferretería
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
02

NEPTUNO SPA

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Neptuno Spa
Rubro: Centro de Relajación
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
03

MUNDO MENU

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Mundo Menú
Rubro: Directorio de Restaurantes Online
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
04

REVISTA CAPITAL ONLINE

WIREFRAME
PHOTOSHOP
REDISEÑO
Cliente: Mundo MenúAgencia Digital IDA
Rubro: Revista de Negocios
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
05

MIBEMOL GOURMET

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Mi Bemol
Rubro: Venta de Productos Gourmet y Cafetería
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
06

MIBEMOL CAFÉ

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Mi Bemol
Rubro: Venta de Productos Gourmet y Cafetería
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
07

SISTEMAS SOCIOECOLOGICOS SPA

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Sistemas Socioecológicos SpA
Rubro: Tratamiento de Residuos Industriales
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
08

BORDADOS MARIEL

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Bordados Mariel
Rubro: Bordados
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
09

MANLIFT

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Manlift
Rubro: Arriendo de Maquinaria Industrial
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
10

BLUEMOON

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: BlueMoon
Rubro: Banquetería y Eventos
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
11

BORDADOS MARIEL Nº1

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Bordados Mariel
Rubro: Bordados
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
12

CRAI

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Universidad de Concepción
Rubro: Desarrollo de nuevas Tecnologías Dentales
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
13

AG BROKER

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: AG Broker
Rubro: Financiamiento para Empresas
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
14

AMERICAINTERNET

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Americainternet.cl
Rubro: Diseño de paginas y posicionamiento web
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
15

CABAÑAS BOSQUE NATIVO

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Cabañas Bosque Nativo
Rubro: Hotel y arriendo de cabañas
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
16

CF MOTO

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: CF Moto
Rubro: Venta de Motos nuevas y usadas
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
17

MUEBLES DOM

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Muebles DOM
Rubro: Fábrica de Muebles Institucionales
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
18

FACILITADOR

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Facilitador
Rubro: Asesoramiento a PYMES
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
19

GALERÍA LAS ARAUCARIAS

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Galería Las Araucarias
Rubro: Galería Comercial y de Oficinas
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
20

PORTAL IFRS

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Portal IFRS
Rubro: Contabilidad
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
21

RYC

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: RYC
Rubro: Aseo y Limpieza a Empresa e Instituciones
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
22

SBM

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Más Vida
Rubro: Venta online de productos a clientes y socios
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
23

V12 INGENIERÍA

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: V12 Ingeniería
Rubro: Ingeniería
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

PRONTO MÁS PROYECTOS...

Página 1
Página 2
Página 3
01

GALERÍA LAS ARAUCARIAS

Encargo

Rediseño de Logotipo para Galería Las Araucarias usando colores frescos, orientado a las mujeres, y que mantenga el mismo concepto.

02

AMERICAINTERNET.CL

Encargo

Rebrand de logotipo en el que se pidió no modificar la idea y formas pero si rehacerlo con más personalidad. 

03

PORTAL IFRS

Encargo

Diseño de Logotipo utilizando la sigla IFRS acompañado de un Isotipo, para el sitio web de contabilidad portalifrs.cl

04

FACILITADOR

Encargo

Rediseño de Logotipo conservando la idea original, pero haciéndolo más dinámico y añadiendo la URL del sitio web facilitador.cl la cual se fusiona con el isotipo.

05

MI BEMOL CAFÉ

Encargo

Rediseño sutil de logotipo añadiendo algunas formas musicales sin que se sature.

06

MI BEMOL GOURMET

Encargo

Rediseño sutil de logotipo añadiendo algunas formas musicales y propias de la cocina gourmet sin que se sature.

07

DISFRUTA TU FUTURO

Encargo

Diseño de logotipo para empresa de asesoramiento de fondos de AFP, con formas simples, colores serios y que represente beneficios. 

08

MUNDOMENU

Encargo

Diseño de logotipo para sitio web Mundo Menú con el que se representa la buena comida y se utiliza una tipografía fuerte, ya que esta es parte del logotipo. La versión del logotipo en el sitio web, posee una pequeña animación.

Página 1
Página 2
01

LIBRO LA PÉRGOLA

Proyecto encomendado por “Proyecto 51” a cargo de Christina Calderón, del Instituto Profesional AIEP. 
Este libro “La Pérgola, Flores Urbanas” fué realizado el año 2011 en conjunto con mi amigo y ex-compañero de Instituto Elias Troncoso.
Vea algunas fotos o Descargue el libro de forma gratuita.

54fb472768b623b714ac8af3_libro-la-pergola.jpg
02

SPEED PAINTING

El “Speed Painting” o dibujar rápido, es una técnica de dibujo en tableta digital, en la que todo el proceso queda registrado en video. Haga clic o toque una imágen para ver el contenido.

54fb901668b623b714ac91f3_dibujo-1.jpg
54fb90a4c90501f404480281_dibujo-2.jpg
54fb90ad1c2bb5b814c9002b_dibujo-3.jpg
54fb90b468b623b714ac91f8_dibujo-4.jpg
03

PROCESO IDENTIDAD VISUAL RODEO HUALQUI

Video en el que se muestra todo el procedo del desarrollo de la identidad visual de Rodeo Hualqui. Este proyecto fue realizado en conjunto con Elias Troncoso para la carrera de Diseño Gráfico en Instituto Profesional AIEP el año 2011

54fb97741ae153f504683e55_rodeo-hualqui.jpg
A continuación se listan mis últimos proyectos web, los cuales la mayoría fueron realizados en Americainternet.cl Puede ver también el listado completo de los proyectos haciendo clic en Ver todos los proyectos

ATAINDUS

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Ataindus
Rubro: Ferretería
Ver Capturas
placeholder-thumb.svgVer Maqueta FuncionalVer Maqueta Funcional

NEPTUNO SPA

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Neptuno Spa
Rubro: Centro de Relajación
Ver Capturas
placeholder-thumb.svgVer Maqueta FuncionalVer Maqueta Funcional

MUNDO MENU

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Mundo Menú
Rubro: Directorio de Restaurantes Online
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

REVISTA CAPITAL ONLINE

WIREFRAME
PHOTOSHOP
REDISEÑO
Cliente: Mundo MenúAgencia Digital IDA
Rubro: Revista de Negocios
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

MIBEMOL GOURMET

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Mi Bemol
Rubro: Venta de Productos Gourmet y Cafetería
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

MIBEMOL CAFÉ

HTML
HTML5
CSS
JQUERY
WEBFLOW
Cliente: Mi Bemol
Rubro: Venta de Productos Gourmet y Cafetería
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

SISTEMAS SOCIOECOLOGICOS SPA

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Sistemas Socioecológicos SpA
Rubro: Tratamiento de Residuos Industriales
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

BORDADOS MARIEL

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Bordados Mariel
Rubro: Bordados
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

MANLIFT

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: Manlift
Rubro: Arriendo de Maquinaria Industrial
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional

BlueMoon

HTML
HTML5
CSS
JQUERY
WEBFLOW
ADAPTACIÓN MOVIL
Cliente: BlueMoon
Rubro: Banquetería y Eventos
Ver Capturas
placeholder-thumb.svgVer Maqueta Funcional
Explore todos los proyectos

Bienvenido

Vea mis últimos trabajosFormulario
Diseño Web Profesional e Identidad Corporativa con la tecnología más actual y soporte en terreno.
Ps
Dw
Ai
W
HTML
CSS
JQuery
Flash

DISEÑO WEB A MEDIDA

Contenido aún no disponible. Disculpe las molestias.
54f399e83bc4fd5b7ac53392_imac-2.png

Construcción de sitios web de vanguardia y de acuerdo a las tendencias actuales de Diseño Web. Si posee una PYME y quiere darse a conocer al mundo, opte por un sitio web profesional que se ajuste a sus necesidades.

Quiero saber más

DISEÑO WEB RESPONSIVE

54fc666a21c2e6761cc50c09_diseno-responsive.png

Adapte su sito web a un Notebook, Tablet o Smartphone. Más del 70% de los sitios web están adaptados a dispositivos móviles o son Responsive. No se quede fuera de la tendencia y haga de su sitio web algo profesional.

Quiero saber más
Contenido aún no disponible. Disculpe las molestias.

DISEÑO DE IDENTIDAD CORPORATIVA

54f5e0a74d01fc98250b3528_identidad-visual.png
Contenido aún no disponible. Disculpe las molestias.

Hoy en día es muy importante para su empresa, marcar presencia en los diferentes soportes y canales de comunicación, debido a la alta competencia de marcas que existe. En ADVANCED siéntase seguro de confiar el diseño de su Identidad Corporativa para que perdure en el tiempo.

Quiero saber más

CURRICULUM VITAE

54f5f0d14ffda8cb19ce7c5a_yo-cv2.jpg

INFORMACIÓN DE CONTACTO

Nombre:
Fecha de Nacimiento:
Dirección:
Email:
Celular:
Jaime Alejandro Arias Fuentes
31 / 07 / 1979
Avenida Andalién nº 626, Concepción
jarias25@gmail.com
9 72905463

INFORMACIÓN DE CONTACTO

Nombre:
Jaime Alejandro Arias Fuentes
Fecha de Nacimiento:
31 / 07 / 1979
Dirección:
Avenida Andalién nº 626, Concepción
Email:
jarias25@gmail.com
Celular:
9 72905463

INFORMACIÓN ACADÉMICA

Estudios Primarios:
Estudios Secundarios:
Estudios Superiores:
Egresado de Colegio Adventista de Concepción (CADEC)
Egresado de Centro Educacional Adventista de las Mariposas, Chillán
Titulado de Diseño Gráfico en Instituto Profesional AIEP, Concepción

INFORMACIÓN ACADÉMICA

Estudios Primarios:
Egresado de Colegio Adventista de Concepción (CADEC)
Estudios Secundarios:
Egresado de Centro Educacional Adventista de las Mariposas, Chillán
Estudios Superiores:
Titulado de Diseño Gráfico en Instituto Profesional AIEP, Concepción

EXPERIENCIA COMO FREELANCE

1
2
3
4
5
6
7
Rediseño de Identidad Visual para Clínica Dental Dento Sur. (2012)
Diseño de sitio web y maquetación para Productora En Familia. (2012)
Diseño de sitio web y maquetación para empresa Consultora SERIA. (2013)
Diseño de identidad Visual para empresa constructora CSH. (2013)
Diseño de Identidad Visual para empresa de seguridad privada VELSA. (2013)
Diseño de Identidad Visual propia (ADVANCED) (2015)
Rediseño de Sitio Web (Home) para revista CAPITAL (2015)

EXPERIENCIA COMO FREELANCE

1  Rediseño de Identidad Visual para Clínica Dental Dento Sur. (2012)
2  Diseño de sitio web y maquetación para Productora En Familia. (2012)
3  Diseño de sitio web y maquetación para empresa Consultora SERIA. (2013)
4  Diseño de identidad Visual para empresa constructora CSH. (2013)
5  Diseño de Identidad Visual para empresa de seguridad privada VELSA. (2013)
6  Diseño de Identidad Visual propia (ADVANCED) (2015)
7  Rediseño de Sitio Web (Home) para revista CAPITAL (2015)

EXPERIENCIA EN AGENCIA

NUESTRAGENCIA
Experiencia adquirida trabajando en equipo y reuniones con clientes. Proyectos desarrollados mayoritariamente en el área web. (Práctica Profesional)
AMERICAINTERNET
Experiencia adquirida tras 2 años y medio de trabajo en Americainternet.cl. Gran experiencia adquirida en reuniones con clientes importantes como Más Vida, Hotel Alonso de Ercilla, Neptuno SPA, entre otros. Mayormente trabajos de diseño y maquetación de complejos portales web con sistemas de administración y adaptados a dispositivos móviles (responsive). Además trabajos secundarios, pero de no menor importancia, de diseño de Identidad Visual para importantes empresas y PYMES de la zona.

HABILIDADES TÉCNICAS

SOFTWARE DE DISEÑO VISUAL
PHOTOSHOP
ILUSTRATOR
WEBFLOW
FLASH
DREAMWEAVER
INDESIGN
EDGE
PHOTOSHOP
ILUSTRATOR
WEBFLOW
FLASH
INDESIGN
EDGE
TECNOLOGÍAS WIREFRAME O MAQUETACIÓN
HTML
CSS
JQUERY
DISEÑO RESPONSIVE
HTML
CSS
JQUERY
DISEÑO RESPONSIVE
OTRAS TECNOLOGÍAS
JOOMLA
WORDPRESS
DRUPAL
COUCH CMS
JOOMLA
WORDPRESS
DRUPAL
COUCH CMS
SISTEMAS OPERATIVOS
WINDOWS
ANDROID
MAC OS
UBUNTU LYNUX
WINDOWS
ANDROID
MAC OS
UBUNTU LYNUX
Descargue este CV en formato:
PDFWORD

¿Quién Soy?

Soy Jaime. Titulado de la Carrera de Técnico en Diseño Gráfico y creador de ADVANCED. Tengo bastante experiencia trabajando con HTML y CSS, y mantengo una gran pasión por el diseño de sitios web funcionales y de alto impacto visual.

¿Cuáles son mis valores como profesional?

Creo firmemente en que un trabajo bien hecho, hablará bien del que lo hizo, por lo tanto mantengo una postura detallista y en base a los requerimientos del cliente. 

Curriculum Vitae (CV)

Puede ver mi CV directamente en esta pagina sin descargar nada, haciendo clic en el botón: 

Ver CV

- ó - 

Descargue en formato:
PDFWORD

Book de trabajos

Si está interesado en mis trabajos, no dude en hechar un vistazo!

Ver Book de Trabajos

EXPERIMENTOS

Pruebas, pruebas y más pruebas. Experimente y aprenda con CSS, HTML y Webflow!

Botones CSS Básicos
Nivel: Básico
Pronto más experimentos!

TRABAJEMOS JUNTOS

Si tiene un proyecto web en mente y desea ejecutarlo de forma profesional, contácteme y hablemos...

FORMAS DE CONTACTARME

Puede contactarme a través del email:

o al celular:

También puede ver o descargar mi Curriculum Vitae:

Ver CV

- ó - 

Descargue en formato:
PDFWORD
El logo ADVANCED y su slogan Edición Digital, como así también este sitio web, han sido desarrollados por Jaime Arias. 
Sólo por la gracia de Dios, el apoyo incondicional de mi Familia y Jennifer, mi polola, es que este sitio web deja de ser un  proyecto y pasa a ser algo real.  Gracias a usted por su visita y que Dios le acompañe siempre.
Hecho con esfuerzo y 
Subir