Problema na Tela login HTML !

Douglas_2010 · Março 27, 2015

Galera estou com essa pagina de login Em HTML sem precisar de banco de dados so que não to conseguindo chamar o arquivo css o quem tem de errado

<html lang="en-US"><head>

    <meta charset="utf-8">

    <title>Login</title>

 </head>
   
    <link rel=”stylesheet” type=”text/css” href=”stylle.css” />

  </head>

  <body>

    <div class="container">

      <div id="login">

        <h2><span class="fontawesome-lock"></span>Sign In</h2>

        <form action="#" method="POST">

          <fieldset>

            <p><label for="email">E-mail address</label></p>
            <p><input type="email" id="email" placeholder="mail@address.com"></p>

            <p><label for="password">Password</label></p>
            <p><input type="password" id="password" placeholder="password"></p>

            <p><input type="submit" value="Sign In"></p>

          </fieldset>

        </form>

      </div> <!-- end login -->

    </div>

  </body>	
</html>

o arquivo css e esse

{\rtf1\ansi\ansicpg1252\cocoartf1347\cocoasubrtf530
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural

\f0\fs24 \cf0 $color: #000;\
$color-bg: #c0c0c0;\
\
/* ---------- FONTAWESOME ---------- */\
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */\
/* ---------- http://weloveiconfonts.com/ ---------- */\
\
@import url(http://weloveiconfonts.com/api/?family=fontawesome);\
\
/* ---------- ERIC MEYER'S RESET CSS ---------- */\
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */\
\
@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);\
\
/* ---------- FONTAWESOME ---------- */\
\
[class*="fontawesome-"]:before \{\
  font-family: 'FontAwesome', sans-serif;\
\}\
\
/* ---------- GENERAL ---------- */\
\
* \{\
  box-sizing: border-box;\
\
  &:before,\
  &:after \{\
    box-sizing: border-box;\
  \}\
  \
\}\
\
body \{\
	background: $color-bg;\
	color: $color;\
	font: 100%/1.5em "Varela Round", sans-serif;\
  margin: 0;\
\}\
\
input \{\
  background-image: none;\
  border: none;\
  font: 100%/1.5em "Varela Round", sans-serif;\
  margin: 0;\
  padding: 0;\
  transition: all .3s;\
\}\
\
.container \{\
  left: 50%;\
  position: fixed;\
  top: 50%;\
  transform: translate(-50%, -50%);\
\}\
\
/* ---------- LOGIN ---------- */\
\
#login \{\
	width: 400px;\
\}\
\
#login h2 \{\
	background: #f95252;\
	border-radius: 20px 20px 0 0;\
	color: #fff;\
	font-size: 28px;\
	padding: 20px 26px;\
\}\
\
#login h2 span[class*="fontawesome-"] \{\
	margin-right: 14px;\
\}\
\
#login fieldset \{\
	background: #fff;\
	border-radius: 0 0 20px 20px;\
	padding: 20px 26px;\
\}\
\
#login fieldset p \{\
	color: #777;\
	margin-bottom: 14px;\
\}\
\
#login fieldset p:last-child \{\
	margin-bottom: 0;\
\}\
\
#login fieldset input \{\
	border-radius: 3px;\
\}\
\
#login fieldset input[type="email"], #login fieldset input[type="password"] \{\
	background: #eee;\
	color: #777;\
	padding: 4px 10px;\
	width: 100%;\
\}\
\
#login fieldset input[type="submit"] \{\
	background: #33cc77;\
	color: #fff;\
	display: block;\
	margin: 0 auto;\
	padding: 4px 0;\
	width: 100px;\
\}\
\
#login fieldset input[type="submit"]:hover \{\
	background: #28ad63;\
\}}

Por favor galera me ajuda !

Entrar

Problema na Tela login HTML !

Pergunta

Douglas_2010

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades