Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/plantilla_temperatura.html Secret

Created December 26, 2020 19:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/b3b5f597f76c390aec21a12407cc89e3 to your computer and use it in GitHub Desktop.
Save parzibyte/b3b5f597f76c390aec21a12407cc89e3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
plantilla_temperatura.html
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Sensor de temperatura - By Parzibyte</title>
<link rel='stylesheet' href='https://unpkg.com/bulma@0.9.1/css/bulma.min.css'>
<link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
<section id='app' class='hero is-link is-fullheight'>
<div class='hero-body'>
<div class='container'>
<div class='columns has-text-centered'>
<div class='column'>
<h1 style='font-size: 2.5rem'>Termómetro</h1>
<i class='fa fa-thermometer-half' style='font-size: 4rem;'></i>
</div>
</div>
<div class='columns'>
<div class='column has-text-centered'>
<h2 class='is-size-4 has-text-warning'>Temperatura</h2>
<h2 class='is-size-1'>20.5 °C</h2>
</div>
<div class='column has-text-centered'>
<h2 class='is-size-4 has-text-warning'>Humedad</h2>
<h2 class='is-size-1'>30.87 %</h2>
</div>
</div>
<div class='columns'>
<div class='column'>
<p>Última lectura: Hace <strong class='has-text-white'>5</strong> segundo(s)</p>
<p class='is-size-5'><i class='fa fa-code'></i> con <i class='fa fa-heart has-text-danger'></i>
por <a target='_blank' class='has-text-warning'
href='https://parzibyte.me/blog'>Parzibyte</a></p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment