Jump to content
Fórum Script Brasil
  • 0

Problema na Tela login HTML !


Douglas_2010

Question

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 !

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      652k
×
×
  • Create New...