Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<!--start html-->
<html>
<!--start head-->
    <head>
        <link rel="stylesheet" type="text/css" href="mycss.css">
        <link rel="stylesheet" type="text/css" href="media-query">
        <meta charset="utf-8">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title> Facebook Project</title>
    </head>
<!--end head-->
<!--start body-->
<body>
    <main>
        <!--section 1-->
        <section>
            <div class="myheader">
                    <div class="logo">
                    <img src="https://i.imgur.com/suKC3mL.png">
                    </div>
                    <div id="form1" class="myheader">Email or Phone<br>
                    <input class="input" type="email" name="email" placeholder="Type your email/phone">
                    <input type="checkbox" name="checkbox" checked>Keep me logged in
                    </div>
                    <div id="form2" class="myheader">Password</br>
                    <input class="input" type="password" name="password" placeholder="Type your password"></br>
                    <a id="rp" href="https://www.passcape.com/" target="_blank"><u>Recover Password!</u></a></div>
                    <div id="login" class="myheader"><button class="input">Log In</button>
            </div>
        </section>
        <!--section 2-->
        <section>
            <div id="connect" class="myheader">
            <p>Connect with friends and the world around you on Facebook.</p>
            </div>
        </section>
        <!--section 3-->
        <section>
            <div class="myheader" id="connect-people">
            <img src="https://i.imgur.com/KjA6iUt.png" width="400" height="300">
            </div>
        </section>
        <!--section 4-->
        <section>
            <div class="myheader" id="cr-account">
            <h1>Create an Account</h1>
            <h2>It's quick and easy.</h2>           
            </div>
        </section>
        <!--section 5-->
        <section>
            <div class="myheader" id="login-form">
                <form>
                    <input id="first" type="text" name="name" placeholder="First Name" required>
                    <input id="second" type="text" name="name" placeholder="Last Name" required>
                    <input id="third" type="text" name="name" placeholder="Mobile number or email address" required>
                    <input id="fourth" type="password" name="password" placeholder="Enter new password" required>
                    <p style="color: black; font-weight: bold;">Birthday</p>
                    <input id="bd" type="date" name="bday" required>
                    <p style="color: black; font-weight: bold;">Gender</p>
                    <div id="gender">
                    <input type="radio" name="gender" value="male" checked> Male<br>
                    <input type="radio" name="gender" value="female" > Female<br>
                    <input type="radio" name="gender" value="other"> Other<br>
                    <div>
                </form>
            </div>
        </section>
        <!--section 5-->
        <section>
            <div id="terms" class="myheader">
                <p>
                By clicking Sign Up, 
                you agree to our <a href="https://www.facebook.com/terms.php" target="_blank">Terms,</a>
                <a href="https://www.facebook.com/legal/terms/update" target="_blank">Data Policy</a> 
                and<br><a href="https://www.facebook.com/policies/cookies/" target="_blank">Cookie Policy.</a>
                You may receive SMS notifications 
                from us and<br>can opt out at any time.
                </p>
                <button type="submit" class="signupbtn">Sign Up</button>
            <div>
            <a href="https://www.facebook.com/pages/creation/?ref_type=registration_form">Create a Page</a> for a celebrity, band or business.
        </section>
        <div class="myheader" id="connect-2">
            <img src="https://i.imgur.com/zLEElHc.png">
        </div>
    <main>
    <footer class="myheader" id="footer">
        <p>Page created by Ajay Dhage</p>
    </footer>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
githubajaydhagepro
0viewers