Skip to content

Instantly share code, notes, and snippets.

@matheusgimenez

matheusgimenez/gist:11277656

Forked from taynambenichio/gist:11277530
Created April 25, 2014 04:25
Show Gist options
  • Save matheusgimenez/11277656 to your computer and use it in GitHub Desktop.
Save matheusgimenez/11277656 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Foundation | Welcome</title>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700,600,400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/foundation.min.css"/>
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div id="head">
<div class="row">
<div class="left">
<h5>Perfect World - Painel de Usuário!</h5>
</div>
<div class="show-for-medium-up right">
<h5>Olá Taynam!</h5></a>
<h5></h5>
<h5>Você possui 500 moedas!</h5>
</div>
</div>
</div>
<div id="container">
<div class="scroll" id="sobre">
<div class="row">
<div class="show-for-medium-up" style="height:200px;"></div>
<div class="show-for-small-only" style="height:150px;"></div>
<div class="large-5 medium-5 columns medium-centered large-centered texto">
<h1>Seus dados</h1>
<div class="texto-bg">
<form data-abide name="formLogar" id="formLogar" method="post" class="row">
<div class="large-11 medium-11 columns right field">
<input name="usuario" placeholder="Usuário" type="text" id="usuario" required="" onkeypress="this.value = this.value.toLowerCase();">
<small class="error">Você não digitou o usuário!</small>
</div>
<div class="large-1 medium-1 columns left">
<span style="font-size:35px;" class="fa fa-user"></span>
</div>
<!-- Password input -->
<div class="large-11 medium-11 columns right field">
<input name="senha" placeholder="Senha" type="password" id="senha" required="">
<small class="error">Você não digitou a senha!</small>
</div>
<div class="large-1 medium-1 columns left">
<span style="font-size:35px;" class="fa fa-lock"></span>
</div>
<button class="radius right" onclick="ajaxLoad ( '?send=logar&action=send', 'resultado', 'POST', BuscaElementosForm('formLogar'));">Logar!</button>
<div id="resultado" class="large-8 medium-8 columns left alert-box success radius"><span class="fa fa-check"> Logado com sucesso!</span></div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.abide.js"></script>
<script src="js/jquery.powertip.min.js"></script>
<script>
$(document).foundation();
$(window).ready(function (e) {
var height = $(window).height();
$('#sobre').css('height', height + 'px')
$('#sites').css('height', height + 'px')
$('#contato').css('height', height + 'px')
});
$('.tip').powerTip({
followMouse: true
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment