Clase 2 + Complemento WebFont

In this example below you will see how to do a Clase 2 + Complemento WebFont with some HTML / CSS and Javascript

Fuentes Usadas: Texto "Art of Life": Cookie Parrafos: Ubuntu

Thumbnail
This awesome code was written by DarkRyo, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright DarkRyo ©

Technologies

  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Clase 2 + Complemento WebFont</title>
  
  
  
  
  
</head>

<body>

  <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
<center>
<div style = "width:500px;background: #005F6B; color: #FFFFFF; text-align: center; text-shadow: 0px 2px #00DFFC; font-size: 60px; font-family: Cookie;display: inline-block;"> Cosmonauta </div><div style = "width: 450px; height: auto; background: #4f372d; font-family: Ubuntu; text-align: center; color: #FFFFFF; font-size: 9px; letter-spacing: 3px;">Debe de ser el viaje más solitario que nadie pueda imaginar.Avanzar sin descanso hacia la oscuridad más absoluta, sin ni siquiera encontrar un átomo de hidrógeno</div><div style = "background: #cc2a36; border-bottom: 2px solid 	#edc951;10px;font-family: Ubuntu; color: #FFFFFF; width: 400px;font-size: 9px; letter-spacing: 3px; " >Creyendo que vas encaminado a descubrir los secretos del universo, de lo más profundo del inconmensurable abismo que es el espacio. </div><div style = "background: #edc951; width:350px; font-family: Ubuntu; color: #000; font-size: 9px; text-align: center;"> Me pregunto hasta dónde deberíamos llegar... <b>¿Hasta dónde podemos llegar?</b></div></center>
  
  

</body>

</html>

Comments