Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang='pt-br'>
- <head>
- <meta charset='utf-8'>
- <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
- <meta name='viewport' content='width=device-width, initial-scale=1'>
- <meta name='author' content='edmundo-r@ufmg.br; Raul Julian; Daniel Marchesotti'>
- <title>Arduino</title>
- <style rel='reset' type='text/css'>
- a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
- </style>
- <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' rel='stylesheet' />
- <link href='http://bootswatch.com/flatly/bootstrap.min.css' rel='stylesheet' />
- <style media='screen'>
- h1 {
- text-align: center;
- position: relative;
- }
- h1:after {
- position: absolute;
- left: 0;
- bottom: -15px;
- content: '';
- width: 100%;
- height: 1px;
- border-bottom: thin solid #C9C9C9;
- }
- button {
- display: block;
- margin: 0 auto;
- background-color: #18BC9C;
- padding: 10px;
- color: #FFFFFF;
- border: initial;
- border-radius: 10px;
- width: 100%;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- button:hover {
- color: #18BC9C;
- background-color: rgba(235, 235, 235, 1.0);
- }
- .row:not(:first-of-type) {
- margin-top: 30px;
- }
- .spec {
- text-align: right;
- }
- footer p {
- font-size: 12px;
- color: #A7A7A7;
- }
- </style>
- </head>
- <body>
- <div class='container-fluid'>
- <div class='row'>
- <div class='col-xs-offset-2 col-xs-8'>
- <h1>Arduino</h1>
- </div>
- </div>
- <div class='row'>
- <div class='col-xs-offset-2 col-xs-3'>
- <div>
- <strong>Temperatura atual</strong>
- <div>
- ??? <span class='unit'>ºC</span>
- </div>
- </div>
- <div><strong>Temperatura mínima</strong> <div>???<span class='unit'>ºC</span></div></div>
- <div><strong>Temperatura máxima</strong> <div>???<span class='unit'>ºC</span></div></div>
- </div>
- <div class='col-xs-offset-2 col-xs-3 spec'>
- <div><strong>Umidade atual</strong> <div>???<span class='unit'>%</span></div></div>
- <div><strong>Umidade mínima</strong> <div>???<span class='unit'>%</span></div></div>
- <div><strong>Umidade máxima</strong> <div>???<span class='unit'>%</span></div></div>
- </div>
- </div>
- <div class='controllers row'>
- <div class='col-xs-offset-2 col-xs-8'>
- <button onclick='location.href='?control=1''>Ativar Sistema de Segurança</button>
- </div>
- </div>
- <div class='data row'>
- <div class='col-xs-offset-2 col-xs-4'>
- <table class='table table-bordered table-striped'>
- <thead>
- <tr>
- <th>#</th>
- <th>Temperatura</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class='col-xs-offset-0 col-xs-4'>
- <table class='table table-bordered table-striped'>
- <thead>
- <tr>
- <th>#</th>
- <th>Umidade</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- <tr>
- <td>1</td>
- <td>25.0ºC</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <footer class='row'>
- <div class='col-xs-offset-2 col-xs-8'>
- <p>© 2014-2015 OCS-1/2.</p>
- </div>
- </footer>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement