Comparto mi sitio de tarjeta personal (HTML y CSS)

Avatar
Steveen Echeverri Silva

@steveenecheverrisilva

Buen día comunidad, este es un pequeño proyecto de una tarjeta de presentación personal, en la que practique lo básico en el desarrollo web (html y css), usando el editar de código visual studio code, aplicando flex-box para darle la estructura sencilla, iconos de font-awesome, y una media query haciendo una pequeña adaptación móvil.

Publicado en: https://styvensoft.github.io/card-site/

Diseño basado: https://dribbble.com/shots/2316130-Riche-vCard-Personal-vCard-HTML-Template

Avatar

Está chévere la verdad, muy bonito. Es curioso como llamas primero a las hojas y luego colocas la meta del viewport. Lo que si hubiera evitado yo es colocar div.container. Te felicito Steven muy bonita tu home.

¿Cómo hiciste para publicar este proyecto en un subdominio de GitHub?

Disculpa mi ignorancia xD

SAlu2!!!

Avatar
Steveen Echeverri Silva

@steveenecheverrisilva

Muchas gracias por tu comentario. Y si tienes razón de no usar ese <div> allí, lo voy actualizar por un <main>. Para publicar el proyecto lo hice por medio del servicio de GitHub Pages que te permite alojar sitios estáticos en HTML, CSS y JavaScript. Así que tienes que primero crear un nuevo repositorio donde subas el código completo con la estructura de organización de tu proyecto, después te diriges a Settings, luego buscas el apartado de GitHub Pages y en la primera opción de Source, seleccionas la opción de Master Branch. Y listo ya te da el subdominio https. (También se puede personalizar la URL). Saludos!

Avatar
JHON EIBER HURTADO

@jhoneiberhurtado101770

La verdad amigo esta super tu pagina, te felicito!!, espero pronto también poder compartirles la mía.

Avatar
Franyer Rangel

@franyer_rangel

Wow Steveen, esta muy bueno tu card-web, jeje ; ) Sigue así, y que alcances todas tus metas. Saludos desde Venezuela :)

Avatar
Jhan Gonzales

@jhangonzales

Me gusto el diseño, pero la imagen del lado izquierdo te recomiendo usar SVG para que no pierda la calidad

Avatar
Sk Nirvana

@sknirvana88472

Te quedo muy bonita, me encanto. Simple y llamativa a la vez, te felicito!

Avatar
Efra Rz

@efra-rz

Me parece que tu diseño quedo bastante parecido al del template.

¡Sigue así!

Avatar
GERMAN BAENA

@germanbaena67846

Steven, está genial, muchas felicitaciones; sin duda vas a ser un gran Desarrollador Web; lo de la firma "Steven Echeverry" me fascinó, se ve súper; tengo unas observaciones, yo tengo dos monitores, uno de 29" y cuando despliego tu web la imagen de la mano sosteniendo el celular se ve borrosa y otro de 19" cuadrado en el cual la imagen se ve demasiado alargada; mi monitor de 29" tiene un viewport width de 2500px y tu aplicación utiliza todo este ancho, considero que es mejor para monitores de este tamaño y aún pantallas más grandes limitar este ancho, darle un margen o trabajarle mucho más a las imágenes; pero en fin, genial, son solo pequeños ajustes. Un abrazo!

Avatar

Escribe una respuesta