Header Ads Widget

Ticker

6/recent/ticker-posts

Gmail Login Page Html Code

Mahmudul Hasan October 14, 2020

 


 

Gmail is without a doubt one of the tops and greatest email service suppliers on the planet. Almost every internet users of the world use Gmail for their email services. So, in the following example, I will demonstrate the Gmail sign-in page HTML code and how to create a Gmail login page in Html.gmail login page html

How to make Gmail login page in Html

The following example can help you to build a clone Gmail login in HTML. Find the source code below:-

<html>
<head>
    <link type="text/css" rel="stylesheet" href="style.css" />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
    <title>Gmail login page source code download</title>
</head>
<body>
    <center>
        <div class="base">
            <div id="logo">
                <img src="logo.png" width="118" height="38" />
            </div>
            <div id="info1">
                One account. All of Google.
            </div>
            <div id="info2">
                Sign in to continue to Gmail
            </div>
            <div id="form1">
                <div id="form-img">
                    <img src="profile-img.png" width="99" height="99" />
                </div>
                <div id="mailbox">
                    <input placeholder="Enter or phone" type="mail" name="name"  />
                </div>
                <div>
                    <input type="submit" id="button2" value="Next" />
                </div>
                <div id="info3">
                    <a href="#">Need help?</a>
                </div>
            </div>
            <div id="info4">
                <a href="#">Create account</a>
            </div>
            <div id="info5">
                One Google Account for everything Google
            </div>
            <div>
                <img src="footer-logo.png" id="logo2" />
            </div>

            <div id="bottom">

            </div>
        </div>
    </center>
</body>
</html>

Download Source Code

Conclusion

I hope you liked this article about how to create a Gmail style login form in Html. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.

Tags:

Post a Comment

1 Comments