Facebook Login page in jquery

I am trying to make a custom button but I am unable to make the login button show a faded color. This is my first time using jQuery so any help is appreciated.

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <style>
    h3 {
        text-align: center;
        color: #A4A4AC;
    }
    h6 {
        text-align: center;
        color: #A4A4AC;
    }
    h5 {
        color: #A4A4AC;
    }
    h4 {
        text-align: center;
        color: #476296;
        background-color: #FBF9E3;
    }
    .ui-bar-f {
        color: red;
        background-color: #476296;
    }
    .ui-body-f {
        font-weight: bold;
        color: white;
        background-color: purple;
    }
    .ui-page-theme-f {
        font-weight: bold;
        background-color: #ECEFF6;
    }
    input {
        background: rgba(Fb,F9,E3,0.2);
    }
</style>
</head> 
<body>
<div data-role="page">
    <div data-role="header" data-theme="f" class="ui-body-f">
        <h1>facebook</h1>
    </div>
    <h5 style=" color: #8C812F; background-color: #FBF9E3;">You must login first</h5>
    <h4 class=" text-align: center data-inline=" true" ">Get Facebook for Android and browse faster</h4>
    <div data-role="main" class="ui-content">
        <input type="text" name="fullname" id="fullname" placeholder="Email">
        <input type="date" name="bday" id="bday" placeholder="Password">
        <input type="submit" class="ui-btn ui-corner-all " value="login" style="background: #800080; color: white;">
        <h5>New To Facebook ?</h5>
        <input type="submit" class="ui-btn ui-corner-all" value="Create new Account" style="background: #800080;">
        <h6>Forget password Help Centre</h6>
        <h6>Manage login</h6>
    </div>
    <div data-role="footer">
        <h3><bold> English(US)</bold>Espanol portugese(Brazil) more..</h3>
        <h3>Facebook©2003</h3>
    </div>
  </div>
</body>
</html>


Source: facebook

Leave a Reply